@pine-ds/core 1.1.0 → 1.3.0-dev.0

package/dist/pine-core/p-65a167b8.entry.js

@@ -1,2 +0,0 @@
-import{r,h as o,H as e,g as a}from"./p-2f77dbd3.js";import{b as c}from"./p-b7897f94.js";const d=r=>!!r.shadowRoot&&!!r.attachShadow;const n=":host{--border-width-default:var(--pine-border-width-thin);--border-width-unstyled:var(--pine-border-radius-0);--color-border-default:transparent;--color-border-disabled:transparent;--color-border-focus:transparent;--color-border-hover:transparent;--color-background-primary-default:var(--pine-color-charcoal-400);--color-background-primary-disabled:var(--pine-color-grey-300);--color-background-primary-hover:var(--pine-color-charcoal-500);--color-text-primary-default:var(--pine-color-white);--color-text-primary-disabled:var(--pine-color-charcoal-100);--color-outline-primary:var(--pine-color-blue-200);--color-border-secondary-default:var(--pine-color-grey-400);--color-border-secondary-disabled:var(--pine-color-grey-300);--color-border-secondary-focus:var(--pine-color-grey-300);--color-border-secondary-hover:var(--pine-color-grey-500);--color-text-secondary-default:var(--pine-color-charcoal-400);--color-text-secondary-disabled:var(--pine-color-charcoal-100);--color-outline-secondary:var(--pine-color-blue-200);--color-background-accent-default:var(--pine-color-blue-300);--color-background-accent-disabled:var(--pine-color-blue-100);--color-background-accent-hover:var(--pine-color-blue-400);--color-text-accent-default:var(--pine-color-white);--color-text-accent-disabled:var(--pine-color-blue-200);--color-outline-accent:var(--pine-color-blue-200);--color-background-destructive-default:var(--pine-color-red-300);--color-background-destructive-disabled:var(--pine-color-red-100);--color-background-destructive-hover:var(--pine-color-red-400);--color-text-destructive-default:var(--pine-color-white);--color-text-destructive-disabled:var(--pine-color-red-200);--color-outline-destructive:var(--pine-color-red-200);--spacing-disclosure-icon-margin-inline-end:var(--pine-spacing-0);--spacing-disclosure-margin-inline-start:var(--pine-spacing-100);--spacing-icon-margin-inline-end:var(--pine-spacing-100);--spacing-padding-block:var(--pine-spacing-100);--spacing-padding-inline:var(--pine-spacing-200);--spacing-unstyled:var(--pine-spacing-0);--typography-default:var(--pine-font-weight-medium) var(--pine-font-size-100)/var(--pine-line-height-150) var(--pine-font-family-circular);display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.pds-button{-ms-flex-align:center;align-items:center;background-color:var(--color-background-default);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--pine-border-radius-125);color:var(--color-text-default);display:-ms-flexbox;display:flex;font:var(--typography-default);min-height:40px;padding:var(--spacing-padding-block) var(--spacing-padding-inline)}.pds-button pds-icon{fill:currentColor;-webkit-margin-end:var(--spacing-icon-margin-inline-end);margin-inline-end:var(--spacing-icon-margin-inline-end)}.pds-button:hover{background-color:var(--color-background-hover);border-color:var(--color-border-hover)}.pds-button:focus-visible{--box-shadow-focus:0 0 0 2px var(--pine-color-blue-200);border-color:var(--color-border-focus);-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-button:disabled{background-color:var(--color-background-disabled);border-color:var(--color-border-disabled);color:var(--color-text-disabled)}.pds-button--primary{--color-background-default:var(--color-background-primary-default);--color-background-hover:var(--color-background-primary-hover);--color-background-disabled:var(--color-background-primary-disabled);--color-text-default:var(--color-text-primary-default);--color-text-disabled:var(--color-text-primary-disabled);--color-outline:var(--color-outline-primary)}.pds-button--accent{--color-background-default:var(--color-background-accent-default);--color-background-hover:var(--color-background-accent-hover);--color-background-disabled:var(--color-background-accent-disabled);--color-text-default:var(--color-text-accent-default);--color-text-disabled:var(--color-text-accent-disabled);--color-outline:var(--color-outline-accent)}.pds-button--destructive{--color-background-default:var(--color-background-destructive-default);--color-background-hover:var(--color-background-destructive-hover);--color-background-disabled:var(--color-background-destructive-disabled);--color-text-default:var(--color-text-destructive-default);--color-text-disabled:var(--color-text-destructive-disabled);--color-outline:var(--color-outline-destructive)}.pds-button--secondary,.pds-button--disclosure{--color-background-default:transparent;--color-background-hover:transparent;--color-background-disabled:transparent;--color-border-disabled:var(--color-border-secondary-disabled);--color-border-focus:var(--color-border-secondary-focus);--color-border-hover:var(--color-border-secondary-hover);--color-border-default:var(--color-border-secondary-default);--color-text-default:var(--color-text-secondary-default);--color-text-disabled:var(--color-text-secondary-disabled);--color-outline:var(--color-outline-secondary)}.pds-button--disclosure pds-icon{-webkit-margin-end:var(--spacing-disclosure-icon-margin-inline-end);margin-inline-end:var(--spacing-disclosure-icon-margin-inline-end);-webkit-margin-start:var(--spacing-disclosure-margin-inline-start);margin-inline-start:var(--spacing-disclosure-margin-inline-start)}.pds-button--unstyled{--color-background-default:transparent;--color-background-hover:transparent;--color-background-disabled:transparent;--color-text-default:inherit;border:var(--border-width-unstyled);margin:var(--spacing-unstyled);min-height:auto;padding:var(--spacing-unstyled);width:inherit}";const t=n;const i=class{constructor(o){r(this,o);this.handleClick=r=>{if(this.type!="button"){if(d(this.el)){const o=this.el.closest("form");if(o){r.preventDefault();const e=document.createElement("button");e.type=this.type;e.style.display="none";o.appendChild(e);e.click();e.remove()}}}};this.componentId=undefined;this.disabled=false;this.icon=null;this.name=undefined;this.value=undefined;this.type="button";this.variant="primary"}classNames(){const r=["pds-button"];if(this.variant){r.push("pds-button--"+this.variant)}return r.join("  ")}render(){return o(e,{key:"453a94093ba7bb8aa0fdea470cd9008e96601dcf","aria-disabled":this.disabled?"true":null,id:this.componentId,onClick:this.handleClick,variant:this.variant},o("button",{key:"ec841dfb0b026d1c3376f686f6d9187cdecb1762",class:this.classNames(),disabled:this.disabled,name:this.name,part:"button",type:this.type,value:this.value},this.icon&&this.variant!=="disclosure"&&o("pds-icon",{key:"926395c361f5b94f9c4d12980c4a93a52bf79c41",name:this.icon,part:"icon"}),o("slot",{key:"4a74b8b6cd711fee67622c92b515cf329964da64"}),this.variant==="disclosure"&&o("pds-icon",{key:"e2d356d80d03c3d8a8fc1259528e13a1c88e1307",icon:c,part:"caret"})))}get el(){return a(this)}};i.style=t;export{i as pds_button};
-//# sourceMappingURL=p-65a167b8.entry.js.map

package/dist/pine-core/p-65a167b8.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["hasShadowDom","el","shadowRoot","attachShadow","pdsButtonCss","PdsButtonStyle0","PdsButton","this","handleClick","ev","type","form","closest","preventDefault","fakeButton","document","createElement","style","display","appendChild","click","remove","classNames","variant","push","join","render","h","Host","key","disabled","id","componentId","onClick","class","name","part","value","icon","caretDown"],"sources":["src/utils/utils.ts","src/components/pds-button/pds-button.scss?tag=pds-button&encapsulation=shadow","src/components/pds-button/pds-button.tsx"],"sourcesContent":["export function format(first: string, middle: string, last: string): string {\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n\nexport const hasShadowDom = (el: HTMLElement) => {\n  return !!el.shadowRoot && !!(el as any).attachShadow\n}\n",":host {\n  --border-width-default: var(--pine-border-width-thin);\n  --border-width-unstyled: var(--pine-border-radius-0);\n\n  --color-border-default: transparent;\n  --color-border-disabled: transparent;\n  --color-border-focus: transparent;\n  --color-border-hover: transparent;\n\n  // primary\n  --color-background-primary-default: var(--pine-color-charcoal-400);\n  --color-background-primary-disabled: var(--pine-color-grey-300);\n  --color-background-primary-hover: var(--pine-color-charcoal-500);\n  --color-text-primary-default: var(--pine-color-white);\n  --color-text-primary-disabled: var(--pine-color-charcoal-100);\n  --color-outline-primary: var(--pine-color-blue-200);\n\n  // secondary\n  --color-border-secondary-default: var(--pine-color-grey-400);\n  --color-border-secondary-disabled: var(--pine-color-grey-300);\n  --color-border-secondary-focus: var(--pine-color-grey-300);\n  --color-border-secondary-hover: var(--pine-color-grey-500);\n  --color-text-secondary-default: var(--pine-color-charcoal-400);\n  --color-text-secondary-disabled: var(--pine-color-charcoal-100);\n  --color-outline-secondary: var(--pine-color-blue-200);\n\n  // accent\n  --color-background-accent-default: var(--pine-color-blue-300);\n  --color-background-accent-disabled: var(--pine-color-blue-100);\n  --color-background-accent-hover: var(--pine-color-blue-400);\n  --color-text-accent-default: var(--pine-color-white);\n  --color-text-accent-disabled: var(--pine-color-blue-200);\n  --color-outline-accent: var(--pine-color-blue-200);\n\n  // destructive\n  --color-background-destructive-default: var(--pine-color-red-300);\n  --color-background-destructive-disabled: var(--pine-color-red-100);\n  --color-background-destructive-hover: var(--pine-color-red-400);\n  --color-text-destructive-default: var(--pine-color-white);\n  --color-text-destructive-disabled: var(--pine-color-red-200);\n  --color-outline-destructive: var(--pine-color-red-200);\n\n  --spacing-disclosure-icon-margin-inline-end: var(--pine-spacing-0);\n  --spacing-disclosure-margin-inline-start: var(--pine-spacing-100);\n  --spacing-icon-margin-inline-end: var(--pine-spacing-100);\n  --spacing-padding-block: var(--pine-spacing-100);\n  --spacing-padding-inline: var(--pine-spacing-200);\n  --spacing-unstyled: var(--pine-spacing-0);\n\n  --typography-default: var(--pine-font-weight-medium) var(--pine-font-size-100)/var(--pine-line-height-150) var(--pine-font-family-circular);\n\n  display: inline-flex;\n  vertical-align: middle;\n}\n\n.pds-button {\n  align-items: center;\n  background-color: var(--color-background-default);\n  border: var(--border-width-default) solid var(--color-border-default);\n  border-radius: var(--pine-border-radius-125);\n  color: var(--color-text-default);\n  display: flex;\n  font: var(--typography-default);\n  min-height: 40px;\n  padding: var(--spacing-padding-block) var(--spacing-padding-inline);\n\n  pds-icon {\n    fill: currentColor;\n    margin-inline-end: var(--spacing-icon-margin-inline-end);\n  }\n\n  &:hover {\n    background-color: var(--color-background-hover);\n    border-color: var(--color-border-hover);\n  }\n\n  &:focus-visible {\n    --box-shadow-focus: 0 0 0 2px var(--pine-color-blue-200);\n    border-color: var(--color-border-focus);\n    // outline: var(--pine-border-focus); Border radius for outline does not work in Safari\n    box-shadow: var(--box-shadow-focus); // Remove when outline radius is supported in Safari\n    outline: none;\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  }\n}\n\n.pds-button--primary {\n  --color-background-default: var(--color-background-primary-default);\n  --color-background-hover: var(--color-background-primary-hover);\n  --color-background-disabled: var(--color-background-primary-disabled);\n  --color-text-default: var(--color-text-primary-default);\n  --color-text-disabled: var(--color-text-primary-disabled);\n  --color-outline: var(--color-outline-primary);\n}\n\n.pds-button--accent {\n  --color-background-default: var(--color-background-accent-default);\n  --color-background-hover: var(--color-background-accent-hover);\n  --color-background-disabled: var(--color-background-accent-disabled);\n  --color-text-default: var(--color-text-accent-default);\n  --color-text-disabled: var(--color-text-accent-disabled);\n  --color-outline: var(--color-outline-accent);\n}\n\n.pds-button--destructive {\n  --color-background-default: var(--color-background-destructive-default);\n  --color-background-hover: var(--color-background-destructive-hover);\n  --color-background-disabled: var(--color-background-destructive-disabled);\n  --color-text-default: var(--color-text-destructive-default);\n  --color-text-disabled: var(--color-text-destructive-disabled);\n  --color-outline: var(--color-outline-destructive);\n}\n\n.pds-button--secondary,\n.pds-button--disclosure {\n  --color-background-default: transparent;\n  --color-background-hover: transparent;\n  --color-background-disabled: transparent;\n  --color-border-disabled: var(--color-border-secondary-disabled);\n  --color-border-focus: var(--color-border-secondary-focus);\n  --color-border-hover: var(--color-border-secondary-hover);\n  --color-border-default: var(--color-border-secondary-default);\n  --color-text-default: var(--color-text-secondary-default);\n  --color-text-disabled: var(--color-text-secondary-disabled);\n  --color-outline: var(--color-outline-secondary);\n}\n\n.pds-button--disclosure {\n  pds-icon {\n    margin-inline-end: var(--spacing-disclosure-icon-margin-inline-end);\n    margin-inline-start: var(--spacing-disclosure-margin-inline-start);\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  border: var(--border-width-unstyled);\n  margin: var(--spacing-unstyled);\n  min-height: auto;\n  padding: var(--spacing-unstyled);\n  width: inherit;\n}\n","import { Component, Element, Host, h, Prop } from '@stencil/core';\nimport { hasShadowDom } from '../../utils/utils';\n\nimport { caretDown } from '@pine-ds/icons/icons';\n\n/**\n * @part button - The main button element that represents the button component.\n * @part caret - The caret icon element that appears when the button variant is 'disclosure'.\n * @part icon - The icon element that appears before the text in the button, if provided.\n*/\n\n@Component({\n  tag: 'pds-button',\n  styleUrl: '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   * Toggles disabled state of button\n   * @defaultValue false\n   */\n  @Prop() disabled? = false;\n\n  /**\n   * Displays icon before text when icon string matches an icon name\n   */\n  @Prop() icon?: string = null;\n\n  /**\n   * Provides button with a submittable name\n   */\n  @Prop() name?: string;\n\n  /**\n   * Provides button with a submittable value\n   */\n  @Prop() value?: string;\n\n  /**\n   * Provides button with a type\n   * @defaultValue button\n   */\n  @Prop() type?: 'button' | 'reset' | 'submit' = 'button';\n\n  /**\n   * Sets button variant styles as outlined in Figma documentation\n   */\n  @Prop() variant: 'primary' | 'secondary' | 'accent' | 'disclosure' | 'destructive' | 'unstyled' = 'primary';\n\n  private handleClick = (ev: Event) => {\n    if (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  }\n\n  private classNames() {\n    const classNames = ['pds-button'];\n\n    if (this.variant) {\n      classNames.push('pds-button--' + this.variant);\n    }\n\n    return classNames.join('  ');\n  }\n\n  render() {\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        <button\n          class={this.classNames()}\n          disabled={this.disabled}\n          name={this.name}\n          part=\"button\"\n          type={this.type}\n          value={this.value}\n        >\n          {this.icon && this.variant !== 'disclosure' && <pds-icon name={this.icon} part=\"icon\"></pds-icon>}\n          <slot />\n          {this.variant === 'disclosure' && <pds-icon icon={caretDown} part=\"caret\"></pds-icon>}\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"wFAIO,MAAMA,EAAgBC,KAClBA,EAAGC,cAAiBD,EAAWE,aCL1C,MAAMC,EAAe,g9KACrB,MAAAC,EAAeD,E,MCeFE,EAAS,M,yBAwCZC,KAAAC,YAAeC,IACrB,GAAIF,KAAKG,MAAQ,SAAU,CAEzB,GAAIV,EAAaO,KAAKN,IAAK,CACzB,MAAMU,EAAOJ,KAAKN,GAAGW,QAAQ,QAC7B,GAAID,EAAM,CACRF,EAAGI,iBAEH,MAAMC,EAAaC,SAASC,cAAc,UAC1CF,EAAWJ,KAAOH,KAAKG,KACvBI,EAAWG,MAAMC,QAAU,OAC3BP,EAAKQ,YAAYL,GACjBA,EAAWM,QACXN,EAAWO,Q,8CAzCC,M,UAKI,K,mDAgBuB,S,aAKmD,S,CAqB1F,UAAAC,GACN,MAAMA,EAAa,CAAC,cAEpB,GAAIf,KAAKgB,QAAS,CAChBD,EAAWE,KAAK,eAAiBjB,KAAKgB,Q,CAGxC,OAAOD,EAAWG,KAAK,K,CAGzB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2DACYtB,KAAKuB,SAAW,OAAS,KACxCC,GAAIxB,KAAKyB,YACTC,QAAS1B,KAAKC,YACde,QAAShB,KAAKgB,SAEdI,EAAA,UAAAE,IAAA,2CACEK,MAAO3B,KAAKe,aACZQ,SAAUvB,KAAKuB,SACfK,KAAM5B,KAAK4B,KACXC,KAAK,SACL1B,KAAMH,KAAKG,KACX2B,MAAO9B,KAAK8B,OAEX9B,KAAK+B,MAAQ/B,KAAKgB,UAAY,cAAgBI,EAAA,YAAAE,IAAA,2CAAUM,KAAM5B,KAAK+B,KAAMF,KAAK,SAC/ET,EAAA,QAAAE,IAAA,6CACCtB,KAAKgB,UAAY,cAAgBI,EAAA,YAAAE,IAAA,2CAAUS,KAAMC,EAAWH,KAAK,W"}

package/dist/pine-core/p-737d5042.entry.js

@@ -1,2 +0,0 @@
-import{r,h as a,H as o}from"./p-2f77dbd3.js";import{c as s,u as i}from"./p-b7897f94.js";const e=":host{display:inline-block}div{--color-background-container:var(--pine-color-blue-100);--color-background-badge:var(--pine-color-white);--color-border-badge:var(--pine-color-white);--border-default:var(--pine-border-width-thin) solid var(--pine-color-grey-300);--border-radius-round:var(--pine-border-radius-round);--border-radius-none:var(--pine-border-radius-0);--spacing-none:var(--pine-spacing-0);-ms-flex-align:center;align-items:center;background-color:var(--color-background-container);border-radius:var(--border-radius-admin-round, var(--border-radius-round));display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;position:relative}:host(.pds-avatar--admin) div{--border-radius-admin-round:var(--pine-spacing-150);border-radius:var(--border-radius-admin-round)}:host(.pds-avatar--has-image) div{background:transparent}@supports selector(:has){div:has(img){background-color:transparent}}.pds-avatar__button{--box-shadow-focus:0 0 0 2px var(--pine-color-blue-200);--border-radius-round:var(--pine-border-radius-round);-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--border-radius-none);border-radius:var(--border-radius-round);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--spacing-none)}.pds-avatar__button:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-avatar__badge{background-color:var(--color-background-badge);border:var(--border-default);border-color:var(--color-border-badge);border-radius:var(--border-radius-round);bottom:var(--spacing-none);position:absolute;right:var(--spacing-none)}img{border-radius:var(--border-radius-admin-round, var(--border-radius-round));height:100%;-o-object-fit:cover;object-fit:cover;width:100%}";const n=e;const t=class{constructor(o){r(this,o);this.renderAssetWrapper=()=>{const r={height:this.avatarSize(),width:this.avatarSize()};return a("div",{style:r,part:"asset-wrapper"},this.renderIconOrImage(),this.renderBadge())};this.renderAvatar=()=>this.dropdown?a("button",{class:"pds-avatar__button",type:"button"},this.renderAssetWrapper()):this.renderAssetWrapper();this.renderBadge=()=>this.badge&&a("pds-icon",{class:"pds-avatar__badge",icon:s,size:"33.53%"});this.renderIconOrImage=()=>this.image?a("img",{alt:this.alt,src:this.image}):a("pds-icon",{color:"var(--pine-color-blue-400)",icon:i,size:"33.53%"});this.classNames=()=>({"pds-avatar":true,[`pds-avatar--has-image`]:this.image!==""&&this.image!==null,[`pds-avatar--${this.variant}`]:this.variant==="admin"});this.alt=null;this.badge=false;this.componentId=undefined;this.dropdown=false;this.image=null;this.size="lg";this.variant="customer"}avatarSize(){const r={xs:"24px",sm:"32px",md:"40px",lg:"56px",xl:"64px"};if(r[this.size]){return r[this.size]}else{return this.size}}render(){return a(o,{key:"91f5ca20bb459d850bf58586c525a551821f17c7",id:this.componentId,class:Object.assign({},this.classNames())},this.renderAvatar())}};t.style=n;export{t as pds_avatar};
-//# sourceMappingURL=p-737d5042.entry.js.map

package/dist/pine-core/p-737d5042.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pdsAvatarCss","PdsAvatarStyle0","PdsAvatar","this","renderAssetWrapper","style","height","avatarSize","width","h","part","renderIconOrImage","renderBadge","renderAvatar","dropdown","class","type","badge","icon","checkCircleFilled","size","image","alt","src","color","userFilled","classNames","variant","sizes","xs","sm","md","lg","xl","render","Host","key","id","componentId","Object","assign"],"sources":["src/components/pds-avatar/pds-avatar.scss?tag=pds-avatar&encapsulation=shadow","src/components/pds-avatar/pds-avatar.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\ndiv {\n  // These custom props are not reachable\n  --color-background-container: var(--pine-color-blue-100);\n  --color-background-badge: var(--pine-color-white);\n  --color-border-badge: var(--pine-color-white);\n\n  --border-default: var(--pine-border-width-thin) solid var(--pine-color-grey-300);\n  --border-radius-round: var(--pine-border-radius-round);\n  --border-radius-none: var(--pine-border-radius-0);\n\n  --spacing-none: var(--pine-spacing-0);\n\n  align-items: center;\n  background-color: var(--color-background-container);\n  border-radius: var(--border-radius-admin-round, var(--border-radius-round));\n  display: inline-flex;\n  justify-content: center;\n  position: relative;\n\n  :host(.pds-avatar--admin) & {\n    --border-radius-admin-round: var(--pine-spacing-150);\n    border-radius: var(--border-radius-admin-round);\n  }\n\n  // Remove when FF has support for :has\n  :host(.pds-avatar--has-image) & {\n    background: transparent\n  }\n\n  @supports selector(:has) {\n    &:has(img) {\n      background-color: transparent\n    }\n  }\n}\n\n.pds-avatar__button {\n  --box-shadow-focus: 0 0 0 2px var(--pine-color-blue-200);\n  --border-radius-round: var(--pine-border-radius-round);\n\n  align-items: center;\n  appearance: none;\n  background: transparent;\n  border: var(--border-radius-none);\n  border-radius: var(--border-radius-round);\n  cursor: pointer;\n  display: flex;\n  padding: var(--spacing-none);\n\n  &:focus-visible {\n    // outline: var(--pine-border-focus); Border radius for outline does not work in Safari\n    box-shadow: var(--box-shadow-focus); // Remove when outline radius is supported in Safari\n    outline: none;\n  }\n}\n\n.pds-avatar__badge {\n  background-color: var(--color-background-badge);\n  border: var(--border-default);\n  border-color: var(--color-border-badge);\n  border-radius: var(--border-radius-round);\n  bottom: var(--spacing-none);\n  position: absolute;\n  right: var(--spacing-none);\n}\n\nimg {\n  border-radius: var(--border-radius-admin-round, var(--border-radius-round));\n  height: 100%;\n  object-fit: cover;\n  width: 100%;\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport { checkCircleFilled, userFilled } from '@pine-ds/icons/icons';\n\n/**\n * @part image - The main image element that represents the avatar component.\n*/\n@Component({\n  tag: 'pds-avatar',\n  styleUrl: 'pds-avatar.scss',\n  shadow: true,\n})\nexport class PdsAvatar {\n\n  /**\n   * The alt for a custom user image.\n   * @defaultValue null\n   */\n  @Prop() alt?: string | null = null;\n\n  /**\n   * Determines whether the badge is visible or not.\n   * @defaultValue false\n   */\n  @Prop() badge? = false;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Determines whether the avatar functions as a dropdown trigger.\n   * @defaultValue false\n   */\n  @Prop() dropdown? = false;\n\n  /**\n   * The src for a custom user image.\n   * @defaultValue null\n   */\n  @Prop() image?: string | null = null;\n\n  /**\n   * Size of the avatar. Value can be preset or custom.\n   * @defaultValue lg\n   */\n  @Prop({ reflect: true }) size?:\n  | 'xl' // 64px\n  | 'lg' // 56px\n  | 'md' // 40px\n  | 'sm' // 32px\n  | 'xs' // 24px\n  | string = 'lg';\n\n  /**\n   * Determines the variant of avatar. Changes appearance accordingly.\n   * @defaultValue customer\n   */\n  @Prop({ reflect: true }) variant?: 'customer' | 'admin' = 'customer';\n\n  private avatarSize() {\n    const sizes: { [key: string]: any } = {\n      xs: '24px',\n      sm: '32px',\n      md: '40px',\n      lg: '56px',\n      xl: '64px',\n    }\n\n    if (sizes[this.size]) {\n      return sizes[this.size];\n    } else {\n      return this.size\n    }\n  }\n\n  private renderAssetWrapper = () => {\n    const style = {\n      height: this.avatarSize(),\n      width: this.avatarSize()\n    };\n\n    return (\n      <div style={style} part=\"asset-wrapper\">\n        {this.renderIconOrImage()}\n        {this.renderBadge()}\n      </div>\n    )\n  };\n\n  private renderAvatar = () => {\n    return (\n      this.dropdown\n        ?\n        <button class=\"pds-avatar__button\" type=\"button\">\n          {this.renderAssetWrapper()}\n        </button>\n        :\n        this.renderAssetWrapper()\n    )\n  };\n\n  private renderBadge = () => (\n    this.badge\n    // Percentage is average size of icon in relation to total avatar size\n    // of all preset sizes found in Figma.\n    // Used to allow icons to scale to container size\n      && <pds-icon class=\"pds-avatar__badge\" icon={checkCircleFilled} size=\"33.53%\"></pds-icon>\n  );\n\n  private renderIconOrImage = () => (\n    this.image\n      ? <img alt={this.alt} src={this.image} />\n      // Percentage is average size of icon in relation to total avatar size\n      // of all preset sizes found in Figma.\n      // Used to allow icons to scale to container size\n      : <pds-icon color=\"var(--pine-color-blue-400)\" icon={userFilled} size=\"33.53%\"></pds-icon>\n  );\n\n  private classNames = () => (\n    {\n      'pds-avatar': true,\n      [`pds-avatar--has-image`]: this.image !== '' && this.image !== null, // Remove when FF supports :has selector\n      [`pds-avatar--${this.variant}`]: this.variant === 'admin'\n    }\n  );\n\n  render() {\n\n    return (\n      <Host\n        id={this.componentId}\n        class={{...this.classNames()}}\n      >\n        {this.renderAvatar()}\n      </Host>\n    );\n  }\n}\n"],"mappings":"wFAAA,MAAMA,EAAe,yzDACrB,MAAAC,EAAeD,E,MCUFE,EAAS,M,yBAiEZC,KAAAC,mBAAqB,KAC3B,MAAMC,EAAQ,CACZC,OAAQH,KAAKI,aACbC,MAAOL,KAAKI,cAGd,OACEE,EAAA,OAAKJ,MAAOA,EAAOK,KAAK,iBACrBP,KAAKQ,oBACLR,KAAKS,cACF,EAIFT,KAAAU,aAAe,IAEnBV,KAAKW,SAEHL,EAAA,UAAQM,MAAM,qBAAqBC,KAAK,UACrCb,KAAKC,sBAGRD,KAAKC,qBAIHD,KAAAS,YAAc,IACpBT,KAAKc,OAIAR,EAAA,YAAUM,MAAM,oBAAoBG,KAAMC,EAAmBC,KAAK,WAGjEjB,KAAAQ,kBAAoB,IAC1BR,KAAKkB,MACDZ,EAAA,OAAKa,IAAKnB,KAAKmB,IAAKC,IAAKpB,KAAKkB,QAI9BZ,EAAA,YAAUe,MAAM,6BAA6BN,KAAMO,EAAYL,KAAK,WAGlEjB,KAAAuB,WAAa,MAEjB,aAAc,KACd,CAAC,yBAA0BvB,KAAKkB,QAAU,IAAMlB,KAAKkB,QAAU,KAC/D,CAAC,eAAelB,KAAKwB,WAAYxB,KAAKwB,UAAY,U,SA1GxB,K,WAMb,M,yCAWG,M,WAMY,K,UAYrB,K,aAM+C,U,CAElD,UAAApB,GACN,MAAMqB,EAAgC,CACpCC,GAAI,OACJC,GAAI,OACJC,GAAI,OACJC,GAAI,OACJC,GAAI,QAGN,GAAIL,EAAMzB,KAAKiB,MAAO,CACpB,OAAOQ,EAAMzB,KAAKiB,K,KACb,CACL,OAAOjB,KAAKiB,I,EAuDhB,MAAAc,GAEE,OACEzB,EAAC0B,EAAI,CAAAC,IAAA,2CACHC,GAAIlC,KAAKmC,YACTvB,MAAKwB,OAAAC,OAAA,GAAMrC,KAAKuB,eAEfvB,KAAKU,e"}

package/dist/pine-core/p-7611d073.system.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,n,t,o){function s(e){return e instanceof t?e:new t((function(n){n(e)}))}return new(t||(t=Promise))((function(t,a){function i(e){try{d(o.next(e))}catch(e){a(e)}}function r(e){try{d(o["throw"](e))}catch(e){a(e)}}function d(e){e.done?t(e.value):s(e.value).then(i,r)}d((o=o.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},o,s,a,i;return i={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function r(e){return function(n){return d([e,n])}}function d(r){if(o)throw new TypeError("Generator is already executing.");while(i&&(i=0,r[0]&&(t=0)),t)try{if(o=1,s&&(a=r[0]&2?s["return"]:r[0]?s["throw"]||((a=s["return"])&&a.call(s),0):s.next)&&!(a=a.call(s,r[1])).done)return a;if(s=0,a)r=[r[0]&2,a.value];switch(r[0]){case 0:case 1:a=r;break;case 4:t.label++;return{value:r[1],done:false};case 5:t.label++;s=r[1];r=[0];continue;case 7:r=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(r[0]===6||r[0]===2)){t=0;continue}if(r[0]===3&&(!a||r[1]>a[0]&&r[1]<a[3])){t.label=r[1];break}if(r[0]===6&&t.label<a[1]){t.label=a[1];a=r;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(r);break}if(a[2])t.ops.pop();t.trys.pop();continue}r=n.call(e,t)}catch(e){r=[6,e];s=0}finally{o=a=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};System.register(["./p-64b4cb70.system.js","./p-56ba5cbf.system.js"],(function(e,n){"use strict";var t,o,s;return{setters:[function(n){t=n.p;o=n.b;e("setNonce",n.s)},function(e){s=e.g}],execute:function(){var e=this;var a=function(){var e=n.meta.url;var o={};if(e!==""){o.resourcesUrl=new URL(".",e).href}return t(o)};a().then((function(n){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,s()];case 1:e.sent();return[2,o([["p-3e527956.system",[[1,"pds-copytext",{border:[516],componentId:[1,"component-id"],fullWidth:[4,"full-width"],truncate:[4],value:[1]}]]],["p-0a636312.system",[[1,"pds-table-head"]]],["p-6370aa12.system",[[1,"pds-table-row",{isSelected:[32]}]]],["p-8144b8d8.system",[[1,"pds-accordion",{componentId:[1,"component-id"],isOpen:[1540,"open"]},null,{isOpen:["handleOpenState"]}]]],["p-1922e07e.system",[[1,"pds-avatar",{alt:[1],badge:[4],componentId:[1,"component-id"],dropdown:[4],image:[1],size:[513],variant:[513]}]]],["p-bb099830.system",[[1,"pds-chip",{componentId:[1,"component-id"],sentiment:[1],dot:[4],label:[1],large:[4],variant:[1]}]]],["p-2af2432d.system",[[1,"pds-link",{componentId:[1,"component-id"],external:[4],variant:[1],fontSize:[1,"font-size"],href:[1]}]]],["p-12e537ba.system",[[6,"pds-sortable-item",{enableActions:[4,"enable-actions"],componentId:[1,"component-id"],showHandle:[1028,"show-handle"]}]]],["p-5f9fa644.system",[[0,"pds-box",{alignItems:[1,"align-items"],auto:[4],backgroundColor:[1,"background-color"],border:[4],borderColor:[1,"border-color"],borderRadius:[1,"border-radius"],direction:[1],display:[1],fit:[4],gap:[1],flex:[1],justifyContent:[1,"justify-content"],minHeight:[1,"min-height"],minWidth:[1,"min-width"],offset:[1],offsetXs:[1,"offset-xs"],offsetSm:[1,"offset-sm"],offsetMd:[1,"offset-md"],offsetLg:[1,"offset-lg"],offsetXl:[1,"offset-xl"],padding:[1],shadow:[1],size:[1],sizeXs:[1,"size-xs"],sizeSm:[1,"size-sm"],sizeMd:[1,"size-md"],sizeLg:[1,"size-lg"],sizeXl:[1,"size-xl"]}]]],["p-ec56491f.system",[[1,"pds-divider",{componentId:[1,"component-id"],offset:[1],vertical:[4]}]]],["p-8c5e76d4.system",[[1,"pds-image",{alt:[1],componentId:[1,"component-id"],height:[2],loading:[1],sizes:[1],src:[1],srcset:[1],width:[2]}]]],["p-43783da1.system",[[1,"pds-input",{componentId:[1,"component-id"],disabled:[4],errorMessage:[1,"error-message"],helperMessage:[1,"helper-message"],invalid:[4],label:[1],name:[1],placeholder:[1],readonly:[4],required:[4],type:[1],value:[1025]}]]],["p-dacd68cf.system",[[1,"pds-progress",{animated:[4],componentId:[1,"component-id"],fillColor:[1,"fill-color"],label:[1],percent:[2],showPercent:[4,"show-percent"]}]]],["p-30cb97ee.system",[[2,"pds-radio",{checked:[4],disabled:[4],errorMessage:[1,"error-message"],invalid:[4],componentId:[1,"component-id"],label:[1],helperMessage:[1,"helper-message"],name:[1],required:[4],value:[1]}]]],["p-320e4c53.system",[[0,"pds-row",{alignItems:[1,"align-items"],border:[4],colGap:[1,"col-gap"],componentId:[1,"component-id"],justifyContent:[1,"justify-content"],minHeight:[1,"min-height"],noWrap:[4,"no-wrap"]}]]],["p-9e33f4fb.system",[[6,"pds-sortable",{border:[516],componentId:[1,"component-id"],dividers:[516],handleType:[1,"handle-type"]}]]],["p-c721d912.system",[[1,"pds-switch",{componentId:[1,"component-id"],checked:[4],disabled:[4],errorMessage:[1,"error-message"],helperMessage:[1,"helper-message"],invalid:[4],label:[1],name:[1],required:[4],type:[1],value:[1]}]]],["p-2e19ec3d.system",[[4,"pds-tab",{name:[1],parentComponentId:[1,"parent-component-id"],variant:[1],index:[2],selected:[4]}]]],["p-ecbf0b15.system",[[1,"pds-table",{compact:[4],componentId:[1,"component-id"],responsive:[4],fixedColumn:[4,"fixed-column"],selectable:[4],sortingColumn:[32],sortingDirection:[32]},[[0,"pdsTableSort","handleTableSort"]]]]],["p-49a28a19.system",[[1,"pds-table-body"]]],["p-478689a0.system",[[4,"pds-tabpanel",{name:[1],parentComponentId:[1,"parent-component-id"],variant:[1],selected:[1028]}]]],["p-327e1afa.system",[[1,"pds-tabs",{tablistLabel:[1,"tablist-label"],componentId:[1,"component-id"],variant:[1],activeTabName:[1025,"active-tab-name"],activeTabIndex:[1026,"active-tab-index"]},[[16,"pdsTabClick","tabClickHandler"],[0,"keydown","handleKeyDown"]]]]],["p-78ae6c93.system",[[1,"pds-textarea",{componentId:[1,"component-id"],disabled:[4],errorMessage:[1,"error-message"],helperMessage:[1,"helper-message"],invalid:[1028],label:[1],name:[1],placeholder:[1],readonly:[4],required:[4],rows:[2],value:[1025]}]]],["p-77da68b4.system",[[1,"pds-tooltip",{content:[1],componentId:[1,"component-id"],hasArrow:[4,"has-arrow"],htmlContent:[4,"html-content"],placement:[513],opened:[1540],isOpen:[32],showTooltip:[64],hideTooltip:[64]},null,{opened:["handleOpenToggle"]}]]],["p-3caa5870.system",[[1,"pds-icon",{color:[1],icon:[8],name:[513],size:[513],src:[1],ariaLabel:[32],isVisible:[32],svgContent:[32]},null,{name:["loadIcon"],src:["loadIcon"],icon:["loadIcon"]}]]],["p-cf147dfc.system",[[1,"pds-button",{componentId:[1,"component-id"],disabled:[4],icon:[1],name:[1],value:[1],type:[1],variant:[1]}]]],["p-d99998a4.system",[[1,"pds-table-head-cell",{sortable:[4],sortingDirection:[32],tableScrolling:[32]}]]],["p-0a1e2528.system",[[1,"pds-checkbox",{checked:[1028],componentId:[1,"component-id"],disabled:[4],errorMessage:[1,"error-message"],helperMessage:[1,"helper-message"],indeterminate:[4],invalid:[4],label:[1],labelHidden:[4,"label-hidden"],name:[1],required:[4],value:[1]}],[1,"pds-table-cell",{truncate:[4],tableScrolling:[32]}]]]],n)]}}))}))}))}}}));
-//# sourceMappingURL=p-7611d073.system.js.map

package/dist/pine-core/p-7611d073.system.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["patchBrowser","importMeta","module","meta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","__awaiter","_this","globalScripts","_a","sent","bootstrapLazy","border","componentId","fullWidth","truncate","value","isSelected","isOpen","alt","badge","dropdown","image","size","variant","sentiment","dot","label","large","external","fontSize","enableActions","showHandle","alignItems","auto","backgroundColor","borderColor","borderRadius","direction","display","fit","gap","flex","justifyContent","minHeight","minWidth","offset","offsetXs","offsetSm","offsetMd","offsetLg","offsetXl","padding","shadow","sizeXs","sizeSm","sizeMd","sizeLg","sizeXl","vertical","height","loading","sizes","src","srcset","width","disabled","errorMessage","helperMessage","invalid","name","placeholder","readonly","required","type","animated","fillColor","percent","showPercent","checked","colGap","noWrap","dividers","handleType","parentComponentId","index","selected","compact","responsive","fixedColumn","selectable","sortingColumn","sortingDirection","tablistLabel","activeTabName","activeTabIndex","rows","content","hasArrow","htmlContent","placement","opened","showTooltip","hideTooltip","color","icon","ariaLabel","isVisible","svgContent","sortable","tableScrolling","indeterminate","labelHidden"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.15.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"qqDAKA,IAAMA,EAAe,WAajB,IAAMC,EAAaC,EAAAC,KAAAC,IACnB,IAAMC,EAAqE,GAC3E,GAAIJ,IAAe,GAAI,CACnBI,EAAKC,aAAe,IAAIC,IAAI,IAAKN,GAAYO,IACrD,CACI,OAAOC,EAAeJ,EAC1B,ECpBAL,IAAeU,MAAK,SAAOC,GAAO,OAAAC,UAAAC,OAAA,qB,4DAChC,SAAMC,K,OAANC,EAAAC,OACA,SAAOC,EAAc,yCAAuC,CAAAC,OAAA,MAAAC,YAAA,mBAAAC,UAAA,iBAAAC,SAAA,IAAAC,MAAA,+FAAAC,WAAA,mDAAAJ,YAAA,mBAAAK,OAAA,qBAAAA,OAAA,+DAAAC,IAAA,IAAAC,MAAA,IAAAP,YAAA,mBAAAQ,SAAA,IAAAC,MAAA,IAAAC,KAAA,MAAAC,QAAA,+CAAAX,YAAA,mBAAAY,UAAA,IAAAC,IAAA,IAAAC,MAAA,IAAAC,MAAA,IAAAJ,QAAA,6CAAAX,YAAA,mBAAAgB,SAAA,IAAAL,QAAA,IAAAM,SAAA,gBAAA5B,KAAA,sDAAA6B,cAAA,qBAAAlB,YAAA,mBAAAmB,WAAA,6DAAAC,WAAA,kBAAAC,KAAA,IAAAC,gBAAA,uBAAAvB,OAAA,IAAAwB,YAAA,mBAAAC,aAAA,oBAAAC,UAAA,IAAAC,QAAA,IAAAC,IAAA,IAAAC,IAAA,IAAAC,KAAA,IAAAC,eAAA,sBAAAC,UAAA,iBAAAC,SAAA,gBAAAC,OAAA,IAAAC,SAAA,gBAAAC,SAAA,gBAAAC,SAAA,gBAAAC,SAAA,gBAAAC,SAAA,gBAAAC,QAAA,IAAAC,OAAA,IAAA9B,KAAA,IAAA+B,OAAA,cAAAC,OAAA,cAAAC,OAAA,cAAAC,OAAA,cAAAC,OAAA,0DAAA7C,YAAA,mBAAAiC,OAAA,IAAAa,SAAA,8CAAAxC,IAAA,IAAAN,YAAA,mBAAA+C,OAAA,IAAAC,QAAA,IAAAC,MAAA,IAAAC,IAAA,IAAAC,OAAA,IAAAC,MAAA,8CAAApD,YAAA,mBAAAqD,SAAA,IAAAC,aAAA,oBAAAC,cAAA,qBAAAC,QAAA,IAAA1C,MAAA,IAAA2C,KAAA,IAAAC,YAAA,IAAAC,SAAA,IAAAC,SAAA,IAAAC,KAAA,IAAA1D,MAAA,oDAAA2D,SAAA,IAAA9D,YAAA,mBAAA+D,UAAA,iBAAAjD,MAAA,IAAAkD,QAAA,IAAAC,YAAA,6DAAAC,QAAA,IAAAb,SAAA,IAAAC,aAAA,oBAAAE,QAAA,IAAAxD,YAAA,mBAAAc,MAAA,IAAAyC,cAAA,qBAAAE,KAAA,IAAAG,SAAA,IAAAzD,MAAA,4CAAAiB,WAAA,kBAAArB,OAAA,IAAAoE,OAAA,cAAAnE,YAAA,mBAAA8B,eAAA,sBAAAC,UAAA,iBAAAqC,OAAA,2DAAArE,OAAA,MAAAC,YAAA,mBAAAqE,SAAA,MAAAC,WAAA,6DAAAtE,YAAA,mBAAAkE,QAAA,IAAAb,SAAA,IAAAC,aAAA,oBAAAC,cAAA,qBAAAC,QAAA,IAAA1C,MAAA,IAAA2C,KAAA,IAAAG,SAAA,IAAAC,KAAA,IAAA1D,MAAA,4CAAAsD,KAAA,IAAAc,kBAAA,0BAAA5D,QAAA,IAAA6D,MAAA,IAAAC,SAAA,8CAAAC,QAAA,IAAA1E,YAAA,mBAAA2E,WAAA,IAAAC,YAAA,mBAAAC,WAAA,IAAAC,cAAA,KAAAC,iBAAA,sIAAAtB,KAAA,IAAAc,kBAAA,0BAAA5D,QAAA,IAAA8D,SAAA,gDAAAO,aAAA,oBAAAhF,YAAA,mBAAAW,QAAA,IAAAsE,cAAA,yBAAAC,eAAA,4IAAAlF,YAAA,mBAAAqD,SAAA,IAAAC,aAAA,oBAAAC,cAAA,qBAAAC,QAAA,OAAA1C,MAAA,IAAA2C,KAAA,IAAAC,YAAA,IAAAC,SAAA,IAAAC,SAAA,IAAAuB,KAAA,IAAAhF,MAAA,mDAAAiF,QAAA,IAAApF,YAAA,mBAAAqF,SAAA,gBAAAC,YAAA,mBAAAC,UAAA,MAAAC,OAAA,OAAAnF,OAAA,KAAAoF,YAAA,KAAAC,YAAA,YAAAF,OAAA,8DAAAG,MAAA,IAAAC,KAAA,IAAAnC,KAAA,MAAA/C,KAAA,MAAAwC,IAAA,IAAA2C,UAAA,KAAAC,UAAA,KAAAC,WAAA,YAAAtC,KAAA,aAAAP,IAAA,aAAA0C,KAAA,wDAAA5F,YAAA,mBAAAqD,SAAA,IAAAuC,KAAA,IAAAnC,KAAA,IAAAtD,MAAA,IAAA0D,KAAA,IAAAlD,QAAA,wDAAAqF,SAAA,IAAAjB,iBAAA,KAAAkB,eAAA,kDAAA/B,QAAA,OAAAlE,YAAA,mBAAAqD,SAAA,IAAAC,aAAA,oBAAAC,cAAA,qBAAA2C,cAAA,IAAA1C,QAAA,IAAA1C,MAAA,IAAAqF,YAAA,mBAAA1C,KAAA,IAAAG,SAAA,IAAAzD,MAAA,2BAAAD,SAAA,IAAA+F,eAAA,UAAAzG,I"}

package/dist/pine-core/p-77da68b4.system.entry.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,r,o,i){function a(t){return t instanceof o?t:new o((function(r){r(t)}))}return new(o||(o=Promise))((function(o,e){function n(t){try{l(i.next(t))}catch(t){e(t)}}function d(t){try{l(i["throw"](t))}catch(t){e(t)}}function l(t){t.done?o(t.value):a(t.value).then(n,d)}l((i=i.apply(t,r||[])).next())}))};var __generator=this&&this.__generator||function(t,r){var o={label:0,sent:function(){if(e[0]&1)throw e[1];return e[1]},trys:[],ops:[]},i,a,e,n;return n={next:d(0),throw:d(1),return:d(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function d(t){return function(r){return l([t,r])}}function l(d){if(i)throw new TypeError("Generator is already executing.");while(n&&(n=0,d[0]&&(o=0)),o)try{if(i=1,a&&(e=d[0]&2?a["return"]:d[0]?a["throw"]||((e=a["return"])&&e.call(a),0):a.next)&&!(e=e.call(a,d[1])).done)return e;if(a=0,e)d=[d[0]&2,e.value];switch(d[0]){case 0:case 1:e=d;break;case 4:o.label++;return{value:d[1],done:false};case 5:o.label++;a=d[1];d=[0];continue;case 7:d=o.ops.pop();o.trys.pop();continue;default:if(!(e=o.trys,e=e.length>0&&e[e.length-1])&&(d[0]===6||d[0]===2)){o=0;continue}if(d[0]===3&&(!e||d[1]>e[0]&&d[1]<e[3])){o.label=d[1];break}if(d[0]===6&&o.label<e[1]){o.label=e[1];e=d;break}if(e&&o.label<e[2]){o.label=e[2];o.ops.push(d);break}if(e[2])o.ops.pop();o.trys.pop();continue}d=r.call(t,o)}catch(t){d=[6,t];a=0}finally{i=e=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};System.register(["./p-64b4cb70.system.js"],(function(t){"use strict";var r,o,i,a,e;return{setters:[function(t){r=t.r;o=t.c;i=t.h;a=t.H;e=t.g}],execute:function(){var n=function(t){var r=t.elem,o=t.elemPlacement,i=t.overlay,a=t.offset,e=a===void 0?8:a;if(r==undefined)return;var n=r.getBoundingClientRect();var d=i.getBoundingClientRect();if(!o||o=="")return;switch(true){case o.includes("right"):i.style.top="50%";i.style.left="calc(".concat(n.width,"px + ").concat(e,"px)");i.style.transform="translateY(-50%)";if(o.includes("start")){i.style.top="0";i.style.transform="translateY(0)"}if(o.includes("end")){i.style.bottom="0";i.style.top="initial";i.style.transform="translateY(0)"}break;case o.includes("left"):i.style.top="50%";i.style.right="calc(".concat(n.width,"px + ").concat(e,"px)");i.style.transform="translateY(-50%)";if(o.includes("start")){i.style.top="0";i.style.transform="translateY(0)"}if(o.includes("end")){i.style.bottom="0";i.style.top="initial";i.style.transform="translateY(0)"}break;case o.includes("bottom"):i.style.top="calc(".concat(n.height,"px + ").concat(e,"px)");i.style.left="50%";i.style.transform="translateX(-50%)";if(o.includes("start")){i.style.left="0";i.style.transform="translateX(0)"}if(o.includes("end")){i.style.left="initial";i.style.right="0";i.style.transform="translateX(0)"}break;case o.includes("top"):i.style.top="calc((".concat(d.height,"px + ").concat(e,"px) * -1)");i.style.left="50%";i.style.transform="translateX(-50%)";if(o.includes("start")){i.style.left="0";i.style.transform="translateX(0)"}if(o.includes("end")){i.style.left="initial";i.style.right="0";i.style.transform="translateX(0)"}break}};var d=':host{--border-radius-overlay:var(--pine-border-radius-125);--border-width-arrow-down:var(--sizing-arrow-default) var(--sizing-arrow-default) 0;--border-width-arrow-left:var(--sizing-arrow-default) var(--sizing-arrow-default) var(--sizing-arrow-default) 0;--border-width-arrow-right:var(--sizing-arrow-default) 0 var(--sizing-arrow-default) var(--sizing-arrow-default);--border-width-arrow-up:0 var(--sizing-arrow-default) var(--sizing-arrow-default);--box-shadow-default:var(--pine-box-shadow-md);--color-background-default:var(--pine-color-charcoal-400);--color-text-default:var(--pine-color-white);--font-size-overlay:var(--pine-font-size-087);--line-height-overlay:var(--pine-line-height-125);--sizing-arrow-default:6px;--sizing-arrow-offset:14px;--sizing-width-default:320px;--spacing-padding-overlay:var(--pine-spacing-100) calc(var(--pine-spacing-300) / 2);display:inline-block;position:relative}:host ::slotted(*){display:-ms-flexbox;display:flex}:host ::slotted([slot=content]){display:block;white-space:normal;width:var(--sizing-width-default)}.pds-tooltip__content{background-color:var(--color-background-default);border-radius:var(--border-radius-overlay);-webkit-box-shadow:var(--box-shadow-default);box-shadow:var(--box-shadow-default);color:var(--color-text-default);font-size:var(--font-size-overlay);line-height:var(--line-height-overlay);opacity:0;padding:var(--spacing-padding-overlay);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}:host(.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(--border-width-arrow-left);content:"";height:0;position:absolute;width:0}.pds-tooltip--right .pds-tooltip__content::after{border-inline-end-color:var(--color-background-default);border-width:var(--border-width-arrow-left);left:calc(var(--sizing-arrow-default) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--right-end .pds-tooltip__content::after{border-inline-end-color:var(--color-background-default);border-width:var(--border-width-arrow-left);bottom:var(--sizing-arrow-offset);left:calc(var(--sizing-arrow-default) * -1);top:initial}.pds-tooltip--right-start .pds-tooltip__content::after{border-inline-end-color:var(--color-background-default);border-width:var(--border-width-arrow-left);left:calc(var(--sizing-arrow-default) * -1);top:var(--sizing-arrow-offset)}.pds-tooltip--top .pds-tooltip__content::after{border-block-start-color:var(--color-background-default);border-width:var(--border-width-arrow-down);bottom:calc(var(--sizing-arrow-default) * -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(--color-background-default);border-width:var(--border-width-arrow-down);bottom:calc(var(--sizing-arrow-default) * -1);left:var(--sizing-arrow-offset);top:initial}.pds-tooltip--top-end .pds-tooltip__content::after{border-block-start-color:var(--color-background-default);border-width:var(--border-width-arrow-down);bottom:calc(var(--sizing-arrow-default) * -1);left:initial;right:var(--sizing-arrow-offset);top:initial}.pds-tooltip--left .pds-tooltip__content::after{border-inline-start-color:var(--color-background-default);border-width:var(--border-width-arrow-right);left:initial;right:calc(var(--sizing-arrow-default) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--left-end .pds-tooltip__content::after{border-inline-start-color:var(--color-background-default);border-width:var(--border-width-arrow-right);bottom:var(--sizing-arrow-offset);left:initial;right:calc(var(--sizing-arrow-default) * -1);top:initial}.pds-tooltip--left-start .pds-tooltip__content::after{border-inline-start-color:var(--color-background-default);border-width:var(--border-width-arrow-right);left:initial;right:calc(var(--sizing-arrow-default) * -1);top:var(--sizing-arrow-offset)}.pds-tooltip--bottom .pds-tooltip__content::after{border-block-end-color:var(--color-background-default);border-width:var(--border-width-arrow-up);left:50%;top:calc(var(--sizing-arrow-default) * -1);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pds-tooltip--bottom-end .pds-tooltip__content::after{border-block-end-color:var(--color-background-default);border-width:var(--border-width-arrow-up);left:initial;right:var(--sizing-arrow-offset);top:calc(var(--sizing-arrow-default) * -1)}.pds-tooltip--bottom-start .pds-tooltip__content::after{border-block-end-color:var(--color-background-default);border-width:var(--border-width-arrow-up);left:var(--sizing-arrow-offset);top:calc(var(--sizing-arrow-default) * -1)}.pds-tooltip--no-arrow .pds-tooltip__content::after{border-width:0}';var l=d;var s=t("pds_tooltip",function(){function t(t){var i=this;r(this,t);this.pdsTooltipHide=o(this,"pdsTooltipHide",7);this.pdsTooltipShow=o(this,"pdsTooltipShow",7);this.handleHide=function(){i.hideTooltip();i.pdsTooltipHide.emit()};this.handleShow=function(){i.showTooltip();i.pdsTooltipShow.emit()};this.isOpen=false;this.content=undefined;this.componentId=undefined;this.hasArrow=true;this.htmlContent=false;this.placement="right";this.opened=false}t.prototype.handleOpenToggle=function(){if(this.opened){this.handleShow()}else{this.handleHide()}};t.prototype.componentWillLoad=function(){if(this.opened){this.showTooltip()}this.el.addEventListener("blur",this.handleHide,true);this.el.addEventListener("focus",this.handleShow,true)};t.prototype.componentDidUpdate=function(){if(this.opened){this.showTooltip()}};t.prototype.componentDidRender=function(){n({elem:this.el,elemPlacement:this.placement,overlay:this.contentEl})};t.prototype.showTooltip=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.opened=true;return[2]}))}))};t.prototype.hideTooltip=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.opened=false;return[2]}))}))};t.prototype.render=function(){var t=this;return i(a,{key:"088766be31b8716e158cbffd4afc4ada0f14dc3d",onMouseEnter:this.handleShow,onMouseLeave:this.handleHide,onFocusin:this.handleShow,onFocusout:this.handleHide},i("div",{key:"c4fb29b5d5834a9e94f040ded6daf15cf3fcc6ff",class:"\n            pds-tooltip\n            pds-tooltip--".concat(this.placement,"\n            ").concat(this.htmlContent?"pds-tooltip--has-html-content":"","\n            ").concat(this.opened?"pds-tooltip--is-open":"","\n            ").concat(this.hasArrow?"":"pds-tooltip--no-arrow","\n          ")},i("span",{key:"25a69f567a33df83ff784d36de5bce86874d6d1d","aria-describedby":this.componentId,class:"pds-tooltip__trigger"},i("slot",{key:"eab3bbca9b913b04ef4dfe7a8e472c43d57c4979"})),i("div",{key:"bdaa9f26f848b440a8432a44481f8a1059ae0689",class:"pds-tooltip__content","aria-hidden":this.opened?"false":"true","aria-live":this.opened?"polite":"off",id:this.componentId,ref:function(r){return t.contentEl=r},role:"tooltip"},i("slot",{key:"0e62fe237e9a39208aa2146e2dc1d6df6b25b41d",name:"content"}),this.content)))};Object.defineProperty(t.prototype,"el",{get:function(){return e(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{opened:["handleOpenToggle"]}},enumerable:false,configurable:true});return t}());s.style=l}}}));
-//# sourceMappingURL=p-77da68b4.system.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["positionTooltip","_a","elem","elemPlacement","overlay","_b","offset","undefined","rect","getBoundingClientRect","contentRect","includes","style","top","left","concat","width","transform","bottom","right","height","pdsTooltipCss","PdsTooltipStyle0","PdsTooltip","exports","this","handleHide","_this","hideTooltip","pdsTooltipHide","emit","handleShow","showTooltip","pdsTooltipShow","class_1","prototype","handleOpenToggle","opened","componentWillLoad","el","addEventListener","componentDidUpdate","componentDidRender","placement","contentEl","render","h","Host","key","onMouseEnter","onMouseLeave","onFocusin","onFocusout","class","htmlContent","hasArrow","componentId","id","ref","role","name","content"],"sources":["src/utils/overlay.ts","src/components/pds-tooltip/pds-tooltip.scss?tag=pds-tooltip&encapsulation=shadow","src/components/pds-tooltip/pds-tooltip.tsx"],"sourcesContent":["interface OverlayArgs {\n  elem: HTMLElement;\n  elemPlacement: string;\n  overlay: HTMLElement;\n  offset?: number;\n}\n\nexport const positionTooltip = ({elem, elemPlacement, overlay, offset = 8}: OverlayArgs) => {\n  if (elem == undefined) return;\n\n  const rect = elem.getBoundingClientRect();\n  const contentRect = overlay.getBoundingClientRect();\n\n  // Exit the function if the placement is not set\n  if (!elemPlacement || elemPlacement == \"\") return;\n\n  switch (true) {\n    case elemPlacement.includes(\"right\"):\n      overlay.style.top = '50%';\n      overlay.style.left = `calc(${rect.width}px + ${offset}px)`;\n      overlay.style.transform = 'translateY(-50%)';\n\n      if (elemPlacement.includes(\"start\")) {\n        overlay.style.top = '0';\n        overlay.style.transform = 'translateY(0)';\n      }\n\n      if (elemPlacement.includes(\"end\")) {\n        overlay.style.bottom = '0';\n        overlay.style.top = 'initial';\n        overlay.style.transform = 'translateY(0)';\n      }\n\n      break;\n\n    case elemPlacement.includes(\"left\"):\n      overlay.style.top = '50%';\n      overlay.style.right = `calc(${rect.width}px + ${offset}px)`;\n      overlay.style.transform = 'translateY(-50%)';\n\n      if (elemPlacement.includes(\"start\")) {\n        overlay.style.top = '0';\n        overlay.style.transform = 'translateY(0)';\n      }\n\n      if (elemPlacement.includes(\"end\")) {\n        overlay.style.bottom = '0';\n        overlay.style.top = 'initial';\n        overlay.style.transform = 'translateY(0)';\n      }\n\n      break;\n\n    case elemPlacement.includes(\"bottom\"):\n      overlay.style.top = `calc(${rect.height}px + ${offset}px)`;\n      overlay.style.left = '50%';\n      overlay.style.transform = 'translateX(-50%)';\n\n      if (elemPlacement.includes(\"start\")) {\n        overlay.style.left = '0';\n        overlay.style.transform = 'translateX(0)';\n      }\n\n      if (elemPlacement.includes(\"end\")) {\n        overlay.style.left = 'initial';\n        overlay.style.right = '0';\n        overlay.style.transform = 'translateX(0)';\n      }\n\n      break;\n\n    case elemPlacement.includes(\"top\"):\n      overlay.style.top = `calc((${contentRect.height}px + ${offset}px) * -1)`;\n      overlay.style.left = '50%';\n      overlay.style.transform = 'translateX(-50%)';\n\n      if (elemPlacement.includes(\"start\")) {\n        overlay.style.left = '0';\n        overlay.style.transform = 'translateX(0)';\n      }\n      if (elemPlacement.includes(\"end\")) {\n        overlay.style.left = 'initial';\n        overlay.style.right = '0';\n        overlay.style.transform = 'translateX(0)';\n      }\n\n      break;\n  }\n}\n",":host {\n  --border-radius-overlay: var(--pine-border-radius-125);\n\n  --border-width-arrow-down: var(--sizing-arrow-default) var(--sizing-arrow-default) 0;\n  --border-width-arrow-left: var(--sizing-arrow-default) var(--sizing-arrow-default) var(--sizing-arrow-default) 0;\n  --border-width-arrow-right: var(--sizing-arrow-default) 0 var(--sizing-arrow-default) var(--sizing-arrow-default);\n  --border-width-arrow-up: 0 var(--sizing-arrow-default) var(--sizing-arrow-default);\n\n  --box-shadow-default: var(--pine-box-shadow-md);\n\n  --color-background-default: var(--pine-color-charcoal-400);\n  --color-text-default: var(--pine-color-white);\n\n  --font-size-overlay: var(--pine-font-size-087);\n\n  --line-height-overlay: var(--pine-line-height-125);\n\n  --sizing-arrow-default: 6px;\n  --sizing-arrow-offset: 14px;\n  --sizing-width-default: 320px;\n\n  --spacing-padding-overlay: var(--pine-spacing-100) calc(var(--pine-spacing-300) / 2);\n\n  display: inline-block;\n  position: relative;\n\n  ::slotted(*) {\n    display: flex;\n  }\n\n  ::slotted([slot=\"content\"]) {\n    display: block;\n    white-space: normal;\n    width: var(--sizing-width-default);\n  }\n}\n\n.pds-tooltip__content {\n  background-color: var(--color-background-default);\n  border-radius: var(--border-radius-overlay);\n  box-shadow: var(--box-shadow-default);\n  color: var(--color-text-default);\n  font-size: var(--font-size-overlay);\n  line-height: var(--line-height-overlay);\n  // TODO: need to use block / none but the tooltip content width and height are needed for calculations\n  opacity: 0;\n  padding: var(--spacing-padding-overlay);\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  :host(.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(--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(--color-background-default);\n      border-width: var(--border-width-arrow-left);\n      left: calc(var(--sizing-arrow-default) * -1);\n      top: 50%;\n      transform: translateY(-50%);\n    }\n\n    .pds-tooltip--right-end & {\n      border-inline-end-color: var(--color-background-default);\n      border-width: var(--border-width-arrow-left);\n      bottom: var(--sizing-arrow-offset);\n      left: calc(var(--sizing-arrow-default) * -1);\n      top: initial;\n    }\n\n    .pds-tooltip--right-start & {\n      border-inline-end-color: var(--color-background-default);\n      border-width: var(--border-width-arrow-left);\n      left: calc(var(--sizing-arrow-default) * -1);\n      top: var(--sizing-arrow-offset);\n    }\n\n    .pds-tooltip--top & {\n      border-block-start-color: var(--color-background-default);\n      border-width: var(--border-width-arrow-down);\n      bottom: calc(var(--sizing-arrow-default) * -1);\n      left: 50%;\n      top: initial;\n      transform: translateX(-50%);\n    }\n\n    .pds-tooltip--top-start & {\n      border-block-start-color: var(--color-background-default);\n      border-width: var(--border-width-arrow-down);\n      bottom: calc(var(--sizing-arrow-default) * -1);\n      left: var(--sizing-arrow-offset);\n      top: initial;\n    }\n\n    .pds-tooltip--top-end & {\n      border-block-start-color: var(--color-background-default);\n      border-width: var(--border-width-arrow-down);\n      bottom: calc(var(--sizing-arrow-default) * -1);\n      left: initial;\n      right: var(--sizing-arrow-offset);\n      top: initial;\n    }\n\n    .pds-tooltip--left & {\n      border-inline-start-color: var(--color-background-default);\n      border-width: var(--border-width-arrow-right);\n      left: initial;\n      right: calc(var(--sizing-arrow-default) * -1);\n      top: 50%;\n      transform: translateY(-50%);\n    }\n\n    .pds-tooltip--left-end & {\n      border-inline-start-color: var(--color-background-default);\n      border-width: var(--border-width-arrow-right);\n      bottom: var(--sizing-arrow-offset);\n      left: initial;\n      right: calc(var(--sizing-arrow-default) * -1);\n      top: initial;\n    }\n\n    .pds-tooltip--left-start & {\n      border-inline-start-color: var(--color-background-default);\n      border-width: var(--border-width-arrow-right);\n      left: initial;\n      right: calc(var(--sizing-arrow-default) * -1);\n      top: var(--sizing-arrow-offset);\n    }\n\n    .pds-tooltip--bottom & {\n      border-block-end-color: var(--color-background-default);\n      border-width: var(--border-width-arrow-up);\n      left: 50%;\n      top: calc(var(--sizing-arrow-default) * -1);\n      transform: translateX(-50%);\n    }\n\n    .pds-tooltip--bottom-end & {\n      border-block-end-color: var(--color-background-default);\n      border-width: var(--border-width-arrow-up);\n      left: initial;\n      right: var(--sizing-arrow-offset);\n      top: calc(var(--sizing-arrow-default) * -1);\n    }\n\n    .pds-tooltip--bottom-start & {\n      border-block-end-color: var(--color-background-default);\n      border-width: var(--border-width-arrow-up);\n      left: var(--sizing-arrow-offset);\n      top: calc(var(--sizing-arrow-default) * -1);\n    }\n\n    .pds-tooltip--no-arrow & {\n      border-width: 0;\n    }\n  }\n}\n","import { Component, Element, Event, Host, Prop, State, h, EventEmitter, Method, Watch } from '@stencil/core';\nimport {\n  positionTooltip\n} 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  styleUrl: 'pds-tooltip.scss',\n  shadow: true,\n})\nexport class PdsTooltip {\n  private contentEl: HTMLElement | 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   * 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  handleOpenToggle() {\n    if (this.opened) {\n      this.handleShow();\n    } else {\n      this.handleHide();\n    }\n  }\n\n  /**\n   * Emitted after a tooltip is closed\n   */\n  @Event() pdsTooltipHide: EventEmitter;\n\n  /**\n   * Emitted after a tooltip is shown\n   */\n  @Event() pdsTooltipShow: EventEmitter;\n\n  componentWillLoad() {\n    if (this.opened) {\n      this.showTooltip();\n    }\n\n    this.el.addEventListener('blur', this.handleHide, true);\n    this.el.addEventListener('focus', this.handleShow, true);\n  }\n\n  componentDidUpdate() {\n    if (this.opened) {\n      this.showTooltip();\n    }\n  }\n\n  componentDidRender() {\n    positionTooltip({elem: this.el, elemPlacement: this.placement, overlay: this.contentEl});\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    this.hideTooltip();\n    this.pdsTooltipHide.emit();\n  };\n\n  private handleShow = () => {\n    this.showTooltip();\n    this.pdsTooltipShow.emit();\n  };\n\n  render() {\n    return (\n      <Host\n        onMouseEnter={this.handleShow}\n        onMouseLeave={this.handleHide}\n        onFocusin={this.handleShow}\n        onFocusout={this.handleHide}\n      >\n        <div\n          class={`\n            pds-tooltip\n            pds-tooltip--${this.placement}\n            ${this.htmlContent ? 'pds-tooltip--has-html-content' : ''}\n            ${this.opened ? 'pds-tooltip--is-open' : ''}\n            ${this.hasArrow ? '' : 'pds-tooltip--no-arrow'}\n          `}\n        >\n          <span\n            aria-describedby={this.componentId}\n            class=\"pds-tooltip__trigger\"\n          >\n            <slot />\n          </span>\n\n          <div class=\"pds-tooltip__content\"\n            aria-hidden={this.opened ? 'false' : 'true'}\n            aria-live={this.opened ? 'polite' : 'off'}\n            id={this.componentId}\n            ref={(el) => (this.contentEl = el)}\n            role=\"tooltip\"\n          >\n            <slot\n              name=\"content\"\n            ></slot>\n            {this.content}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gnDAOO,IAAMA,EAAkB,SAACC,G,IAACC,EAAID,EAAAC,KAAEC,EAAaF,EAAAE,cAAEC,EAAOH,EAAAG,QAAEC,EAAAJ,EAAAK,SAAMD,SAAA,EAAG,EAACA,EACvE,GAAIH,GAAQK,UAAW,OAEvB,IAAMC,EAAON,EAAKO,wBAClB,IAAMC,EAAcN,EAAQK,wBAG5B,IAAKN,GAAiBA,GAAiB,GAAI,OAE3C,OAAQ,MACN,KAAKA,EAAcQ,SAAS,SAC1BP,EAAQQ,MAAMC,IAAM,MACpBT,EAAQQ,MAAME,KAAO,QAAAC,OAAQP,EAAKQ,MAAK,SAAAD,OAAQT,EAAM,OACrDF,EAAQQ,MAAMK,UAAY,mBAE1B,GAAId,EAAcQ,SAAS,SAAU,CACnCP,EAAQQ,MAAMC,IAAM,IACpBT,EAAQQ,MAAMK,UAAY,e,CAG5B,GAAId,EAAcQ,SAAS,OAAQ,CACjCP,EAAQQ,MAAMM,OAAS,IACvBd,EAAQQ,MAAMC,IAAM,UACpBT,EAAQQ,MAAMK,UAAY,e,CAG5B,MAEF,KAAKd,EAAcQ,SAAS,QAC1BP,EAAQQ,MAAMC,IAAM,MACpBT,EAAQQ,MAAMO,MAAQ,QAAAJ,OAAQP,EAAKQ,MAAK,SAAAD,OAAQT,EAAM,OACtDF,EAAQQ,MAAMK,UAAY,mBAE1B,GAAId,EAAcQ,SAAS,SAAU,CACnCP,EAAQQ,MAAMC,IAAM,IACpBT,EAAQQ,MAAMK,UAAY,e,CAG5B,GAAId,EAAcQ,SAAS,OAAQ,CACjCP,EAAQQ,MAAMM,OAAS,IACvBd,EAAQQ,MAAMC,IAAM,UACpBT,EAAQQ,MAAMK,UAAY,e,CAG5B,MAEF,KAAKd,EAAcQ,SAAS,UAC1BP,EAAQQ,MAAMC,IAAM,QAAAE,OAAQP,EAAKY,OAAM,SAAAL,OAAQT,EAAM,OACrDF,EAAQQ,MAAME,KAAO,MACrBV,EAAQQ,MAAMK,UAAY,mBAE1B,GAAId,EAAcQ,SAAS,SAAU,CACnCP,EAAQQ,MAAME,KAAO,IACrBV,EAAQQ,MAAMK,UAAY,e,CAG5B,GAAId,EAAcQ,SAAS,OAAQ,CACjCP,EAAQQ,MAAME,KAAO,UACrBV,EAAQQ,MAAMO,MAAQ,IACtBf,EAAQQ,MAAMK,UAAY,e,CAG5B,MAEF,KAAKd,EAAcQ,SAAS,OAC1BP,EAAQQ,MAAMC,IAAM,SAAAE,OAASL,EAAYU,OAAM,SAAAL,OAAQT,EAAM,aAC7DF,EAAQQ,MAAME,KAAO,MACrBV,EAAQQ,MAAMK,UAAY,mBAE1B,GAAId,EAAcQ,SAAS,SAAU,CACnCP,EAAQQ,MAAME,KAAO,IACrBV,EAAQQ,MAAMK,UAAY,e,CAE5B,GAAId,EAAcQ,SAAS,OAAQ,CACjCP,EAAQQ,MAAME,KAAO,UACrBV,EAAQQ,MAAMO,MAAQ,IACtBf,EAAQQ,MAAMK,UAAY,e,CAG5B,MAEN,ECxFA,IAAMI,EAAgB,w1JACtB,IAAAC,EAAeD,E,ICcFE,EAAUC,EAAA,yB,iIAkHbC,KAAAC,WAAa,WACnBC,EAAKC,cACLD,EAAKE,eAAeC,M,EAGdL,KAAAM,WAAa,WACnBJ,EAAKK,cACLL,EAAKM,eAAeH,M,cA7GJ,M,gEAgBE,K,iBAME,M,eAkBL,Q,YAM8B,K,CAG/CI,EAAAC,UAAAC,iBAAA,WACE,GAAIX,KAAKY,OAAQ,CACfZ,KAAKM,Y,KACA,CACLN,KAAKC,Y,GAcTQ,EAAAC,UAAAG,kBAAA,WACE,GAAIb,KAAKY,OAAQ,CACfZ,KAAKO,a,CAGPP,KAAKc,GAAGC,iBAAiB,OAAQf,KAAKC,WAAY,MAClDD,KAAKc,GAAGC,iBAAiB,QAASf,KAAKM,WAAY,K,EAGrDG,EAAAC,UAAAM,mBAAA,WACE,GAAIhB,KAAKY,OAAQ,CACfZ,KAAKO,a,GAITE,EAAAC,UAAAO,mBAAA,WACE1C,EAAgB,CAACE,KAAMuB,KAAKc,GAAIpC,cAAesB,KAAKkB,UAAWvC,QAASqB,KAAKmB,W,EAOzEV,EAAAC,UAAAH,YAAN,W,qFACEP,KAAKY,OAAS,K,iBAOVH,EAAAC,UAAAP,YAAN,W,qFACEH,KAAKY,OAAS,M,iBAahBH,EAAAC,UAAAU,OAAA,eAAAlB,EAAAF,KACE,OACEqB,EAACC,EAAI,CAAAC,IAAA,2CACHC,aAAcxB,KAAKM,WACnBmB,aAAczB,KAAKC,WACnByB,UAAW1B,KAAKM,WAChBqB,WAAY3B,KAAKC,YAEjBoB,EAAA,OAAAE,IAAA,2CACEK,MAAO,uDAAAtC,OAEUU,KAAKkB,UAAS,kBAAA5B,OAC3BU,KAAK6B,YAAc,gCAAkC,GAAE,kBAAAvC,OACvDU,KAAKY,OAAS,uBAAyB,GAAE,kBAAAtB,OACzCU,KAAK8B,SAAW,GAAK,wBAAuB,iBAGhDT,EAAA,QAAAE,IAAA,8DACoBvB,KAAK+B,YACvBH,MAAM,wBAENP,EAAA,QAAAE,IAAA,8CAGFF,EAAA,OAAAE,IAAA,2CAAKK,MAAM,uBAAsB,cAClB5B,KAAKY,OAAS,QAAU,OAAM,YAChCZ,KAAKY,OAAS,SAAW,MACpCoB,GAAIhC,KAAK+B,YACTE,IAAK,SAACnB,GAAE,OAAMZ,EAAKiB,UAAYL,CAAvB,EACRoB,KAAK,WAELb,EAAA,QAAAE,IAAA,2CACEY,KAAK,YAENnC,KAAKoC,U,oPA9JK,I"}

package/dist/pine-core/p-78ae6c93.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-64b4cb70.system.js","./p-0ec12306.system.js"],(function(e){"use strict";var r,a,i,o,l,t,s,d,n;return{setters:[function(e){r=e.r;a=e.c;i=e.h;o=e.H;l=e.g},function(e){t=e.i;s=e.P;d=e.a;n=e.m}],execute:function(){var c=":host{--border-interactive-default:var(--pine-border-width-thin) solid var(--pine-color-grey-400);--box-shadow-focus:0 0 0 2px var(--color-focus-visible-outline);--box-shadow-focus-error:0 0 0 2px var(--color-focus-visible-outline-error);--color:var(--pine-color-charcoal-400);--color-background:var(--pine-color-white);--color-background-disabled:var(--pine-color-grey-200);--color-border-default:var(--pine-color-grey-400);--color-border-error:var(--pine-color-red-300);--color-border-focus-visible:var(--pine-color-grey-300);--color-border-hover:var(--pine-color-grey-500);--color-disabled-default:var(--pine-color-charcoal-200);--color-error-default:var(--pine-color-red-300);--color-focus-visible-outline:var(--pine-color-blue-200);--color-focus-visible-outline-error:var(--pine-color-red-200);--color-placeholder-default:var(--pine-color-charcoal-200);--font-size-field:var(--pine-font-size-100);--font-size-helper-message:var(--pine-font-size-075);--font-size-label:var(--pine-font-size-100);--font-weight-field:var(--pine-font-weight-normal);--font-weight-helper-message:var(--pine-font-weight-normal);--font-weight-label:var(--pine-font-weight-medium);--line-height-field:var(--pine-line-height-150);--line-height-helper-message:var(--pine-line-height-125);--line-height-label:var(--pine-line-height-150);--spacing-margin-block-end-label:var(--pine-spacing-100);--spacing-margin-block-start-helper-message:var(--pine-spacing-100);--spacing-padding-block-field:var(--pine-spacing-100);--spacing-padding-inline-field:var(--pine-spacing-200);display:inline}.pds-textarea{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}label{display:block;font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);-webkit-margin-after:var(--spacing-margin-block-end-label);margin-block-end:var(--spacing-margin-block-end-label)}.pds-textarea__field{background-color:var(--color-background);border:var(--pine-border-interactive-default);border-radius:var(--pine-border-radius-md);font-family:inherit;font-size:var(--font-size-field);font-weight:var(--font-weight-field);line-height:var(--line-height-field);padding:var(--spacing-padding-block-field) var(--spacing-padding-inline-field)}.pds-textarea__field:hover:not(:disabled,.is-invalid){border-color:var(--color-border-hover)}.pds-textarea__field:disabled{background-color:var(--color-background-disabled);color:var(--color-disabled-default);cursor:not-allowed}.pds-textarea__field:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-textarea__field::-webkit-input-placeholder{color:var(--color-placeholder-default)}.pds-textarea__field::-moz-placeholder{color:var(--color-placeholder-default)}.pds-textarea__field:-ms-input-placeholder{color:var(--color-placeholder-default)}.pds-textarea__field::-ms-input-placeholder{color:var(--color-placeholder-default)}.pds-textarea__field::placeholder{color:var(--color-placeholder-default)}.pds-textarea__field.is-invalid{border-color:var(--color-border-error)}.pds-textarea__field.is-invalid:focus-visible{-webkit-box-shadow:var(--box-shadow-focus-error);box-shadow:var(--box-shadow-focus-error)}.pds-textarea__error-message,.pds-textarea__helper-message{font-size:var(--font-size-helper-message);font-weight:var(--font-weight-helper-message);line-height:var(--line-height-helper-message);-webkit-margin-before:var(--spacing-margin-block-start-helper-message);margin-block-start:var(--spacing-margin-block-start-helper-message)}.pds-textarea__error-message{color:var(--color-error-default)}";var h=c;var f=e("pds_textarea",function(){function e(e){var i=this;r(this,e);this.pdsTextareaChange=a(this,"pdsTextareaChange",7);this.onTextareaChange=function(e){var r=e.target;t(r,i);if(r){i.value=r.innerHTML}i.pdsTextareaChange.emit({value:i.value,event:e})};this.componentId=undefined;this.disabled=false;this.errorMessage=undefined;this.helperMessage=undefined;this.invalid=false;this.label=undefined;this.name=this.componentId;this.placeholder=undefined;this.readonly=false;this.required=false;this.rows=undefined;this.value=undefined}e.prototype.textareaClassNames=function(){var e=["pds-textarea__field"];if(this.invalid&&this.invalid===true){e.push("is-invalid")}return e.join("  ")};e.prototype.render=function(){return i(o,{key:"a6f6eb13665857ec8762d454d79ff216e2062a66","aria-disabled":this.disabled?"true":null},i("div",{key:"fa77f9c7c29f214ee4d8ddb8e1e48d4d16b6a47e",class:"pds-textarea"},this.label&&i(s,{key:"75c242138f5c2a33a82feaa775dae0c05843d2c1",htmlFor:this.componentId,text:this.label}),i("textarea",{key:"8bebb57b878c745e07ebfc18afd2aaf7d2da66a5","aria-describedby":d(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,class:this.textareaClassNames(),disabled:this.disabled,id:this.componentId,name:this.name,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,rows:this.rows,onChange:this.onTextareaChange},this.value),this.helperMessage&&i("p",{key:"b9a83aeb83b0cf4232359154d36a8ec48b0a3638",class:"pds-textarea__helper-message",id:n(this.componentId,"helper")},this.helperMessage),this.invalid&&i("p",{key:"ee70c7aa56b8a8e18de58394c04140065670f8db","aria-live":"assertive",class:"pds-textarea__error-message",id:n(this.componentId,"error")},this.errorMessage)))};Object.defineProperty(e.prototype,"el",{get:function(){return l(this)},enumerable:false,configurable:true});return e}());f.style=h}}}));
-//# sourceMappingURL=p-78ae6c93.system.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["pdsTextareaCss","PdsTextareaStyle0","PdsTextarea","exports","this","onTextareaChange","ev","textarea","target","isRequired","_this","value","innerHTML","pdsTextareaChange","emit","event","componentId","class_1","prototype","textareaClassNames","classNames","invalid","push","join","render","h","Host","key","disabled","class","label","PdsLabel","htmlFor","text","assignDescription","helperMessage","undefined","id","name","placeholder","readOnly","readonly","required","rows","onChange","messageId","errorMessage"],"sources":["src/components/pds-textarea/pds-textarea.scss?tag=pds-textarea&encapsulation=shadow","src/components/pds-textarea/pds-textarea.tsx"],"sourcesContent":[":host {\n  --border-interactive-default: var(--pine-border-width-thin) solid var(--pine-color-grey-400);\n\n  --box-shadow-focus: 0 0 0 2px var(--color-focus-visible-outline);\n  --box-shadow-focus-error: 0 0 0 2px var(--color-focus-visible-outline-error);\n\n  --color: var(--pine-color-charcoal-400);\n  --color-background: var(--pine-color-white);\n  --color-background-disabled: var(--pine-color-grey-200);\n  --color-border-default: var(--pine-color-grey-400);\n  --color-border-error: var(--pine-color-red-300);\n  --color-border-focus-visible: var(--pine-color-grey-300);\n  --color-border-hover: var(--pine-color-grey-500);\n  --color-disabled-default: var(--pine-color-charcoal-200);\n  --color-error-default: var(--pine-color-red-300);\n  --color-focus-visible-outline: var(--pine-color-blue-200);\n  --color-focus-visible-outline-error: var(--pine-color-red-200);\n  --color-placeholder-default: var(--pine-color-charcoal-200);\n\n  --font-size-field: var(--pine-font-size-100);\n  --font-size-helper-message: var(--pine-font-size-075);\n  --font-size-label: var(--pine-font-size-100);\n  --font-weight-field: var(--pine-font-weight-normal);\n  --font-weight-helper-message: var(--pine-font-weight-normal);\n  --font-weight-label: var(--pine-font-weight-medium);\n\n  --line-height-field: var(--pine-line-height-150);\n  --line-height-helper-message: var(--pine-line-height-125);\n  --line-height-label: var(--pine-line-height-150);\n\n  --spacing-margin-block-end-label: var(--pine-spacing-100);\n  --spacing-margin-block-start-helper-message: var(--pine-spacing-100);\n  --spacing-padding-block-field: var(--pine-spacing-100);\n  --spacing-padding-inline-field: var(--pine-spacing-200);\n\n  display: inline;\n}\n\n.pds-textarea {\n  display: flex;\n  flex-direction: column;\n}\n\nlabel {\n  display: block;\n  font-size: var(--font-size-label);\n  font-weight: var(--font-weight-label);\n  line-height: var(--line-height-label);\n  margin-block-end: var(--spacing-margin-block-end-label);\n}\n\n.pds-textarea__field {\n  background-color: var(--color-background);\n  border: var(--pine-border-interactive-default);\n  border-radius: var(--pine-border-radius-md);\n  font-family: inherit;\n  font-size: var(--font-size-field);\n  font-weight: var(--font-weight-field);\n  line-height: var(--line-height-field);\n  padding: var(--spacing-padding-block-field) var(--spacing-padding-inline-field);\n\n  &:hover:not(:disabled, .is-invalid) {\n    border-color: var(--color-border-hover);\n  }\n\n  &:disabled {\n    background-color: var(--color-background-disabled);\n    color: var(--color-disabled-default);\n    cursor: not-allowed;\n  }\n\n  &:focus-visible {\n    // outline: var(--pine-border-focus); Border radius for outline does not work in Safari\n    box-shadow: var(--box-shadow-focus); // Remove when outline radius is supported in Safari\n    outline: none;\n  }\n\n  &::placeholder {\n    color: var(--color-placeholder-default);\n  }\n\n  &.is-invalid {\n    border-color: var(--color-border-error);\n\n    &:focus-visible {\n      box-shadow: var(--box-shadow-focus-error);\n    }\n  }\n}\n\n.pds-textarea__error-message,\n.pds-textarea__helper-message {\n  font-size: var(--font-size-helper-message);\n  font-weight: var(--font-weight-helper-message);\n  line-height: var(--line-height-helper-message);\n  margin-block-start: var(--spacing-margin-block-start-helper-message);\n}\n\n.pds-textarea__error-message {\n  color: var(--color-error-default);\n}\n","import { Component, Element, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\nimport { assignDescription, isRequired, messageId } from '../../utils/form';\nimport { TextareaChangeEventDetail } from './textarea-interface';\nimport { PdsLabel } from '../_internal/pds-label/pds-label';\n\n@Component({\n  tag: 'pds-textarea',\n  styleUrl: 'pds-textarea.scss',\n  shadow: true,\n})\nexport class PdsTextarea {\n  @Element() el: HTMLPdsTextareaElement;\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 textarea is disabled\n   * @defaultValue false\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Specifies the error text and provides an error-themed treatment to the field\n   */\n  @Prop() errorMessage?: string;\n\n  /**\n   * Displays a hint or description of the textarea\n   */\n  @Prop() helperMessage?: string;\n\n  /**\n   * Indicates 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   * Indicates whether or not the textarea is readonly\n   * @defaultValue false\n   */\n  @Prop() readonly = false;\n\n  /**\n   * Indicates 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;\n\n  /**\n   * Event emitted whenever the value of the textarea changes\n   */\n  @Event() pdsTextareaChange: EventEmitter<TextareaChangeEventDetail>;\n\n  private onTextareaChange = (ev: Event) => {\n    const textarea = ev.target as HTMLTextAreaElement;\n    isRequired(textarea, this);\n\n    if (textarea) {\n      this.value = textarea.innerHTML;\n    }\n\n    this.pdsTextareaChange.emit({value: this.value, event: 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  render() {\n    return (\n      <Host\n        aria-disabled={this.disabled ? 'true' : null}\n      >\n        <div class=\"pds-textarea\">\n          {this.label &&\n            <PdsLabel htmlFor={this.componentId} text={this.label} />\n          }\n          <textarea\n            aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n            aria-invalid={this.invalid ? \"true\" : undefined}\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            onChange={this.onTextareaChange}\n          >{this.value}</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              {this.errorMessage}\n            </p>\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"wOAAA,IAAMA,EAAiB,iiHACvB,IAAAC,EAAeD,E,ICSFE,EAAWC,EAAA,0B,wFAwEdC,KAAAC,iBAAmB,SAACC,GAC1B,IAAMC,EAAWD,EAAGE,OACpBC,EAAWF,EAAUG,GAErB,GAAIH,EAAU,CACZG,EAAKC,MAAQJ,EAASK,S,CAGxBF,EAAKG,kBAAkBC,KAAK,CAACH,MAAOD,EAAKC,MAAOI,MAAOT,G,2CApEtC,M,sEAgBc,M,+BAUVF,KAAKY,Y,yCAWT,M,cAMA,M,yCA4BXC,EAAAC,UAAAC,mBAAA,WACN,IAAMC,EAAa,CAAC,uBAEpB,GAAIhB,KAAKiB,SAAWjB,KAAKiB,UAAY,KAAM,CACzCD,EAAWE,KAAK,a,CAGlB,OAAOF,EAAWG,KAAK,K,EAGzBN,EAAAC,UAAAM,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2DACYvB,KAAKwB,SAAW,OAAS,MAExCH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,gBACRzB,KAAK0B,OACJL,EAACM,EAAQ,CAAAJ,IAAA,2CAACK,QAAS5B,KAAKY,YAAaiB,KAAM7B,KAAK0B,QAElDL,EAAA,YAAAE,IAAA,8DACoBO,EAAkB9B,KAAKY,YAAaZ,KAAKiB,QAASjB,KAAK+B,eAAc,eACzE/B,KAAKiB,QAAU,OAASe,UACtCP,MAAOzB,KAAKe,qBACZS,SAAUxB,KAAKwB,SACfS,GAAIjC,KAAKY,YACTsB,KAAMlC,KAAKkC,KACXC,YAAanC,KAAKmC,YAClBC,SAAUpC,KAAKqC,SACfC,SAAUtC,KAAKsC,SACfC,KAAMvC,KAAKuC,KACXC,SAAUxC,KAAKC,kBACfD,KAAKO,OACNP,KAAK+B,eACJV,EAAA,KAAAE,IAAA,2CACEE,MAAM,+BACNQ,GAAIQ,EAAUzC,KAAKY,YAAa,WAE/BZ,KAAK+B,eAGT/B,KAAKiB,SACJI,EAAA,KAAAE,IAAA,uDACY,YACVE,MAAM,8BACNQ,GAAIQ,EAAUzC,KAAKY,YAAa,UAE/BZ,KAAK0C,e,uHAjII,I"}

package/dist/pine-core/p-7f917c20.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as r,h as e,H as o,g as t}from"./p-2f77dbd3.js";import{m as s,P as a,a as n}from"./p-e4f30321.js";const c=':host{--border-radius-input:var(--pine-border-radius-200);--box-shadow-focus:0 0 0 2px var(--color-outline-focus);--box-shadow-focus-error:0 0 0 2px var(--color-outline-focus-error);--box-shadow-input-toggle:0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.08);--color-background-checked:var(--pine-color-charcoal-400);--color-background-checked-hover:var(--pine-color-charcoal-400);--color-background-disabled:var(--pine-color-grey-300);--color-background-hover:var(--pine-color-grey-500);--color-background-input-default:var(--pine-color-grey-400);--color-input-toggle:var(--pine-color-white);--color-message-text:var(--pine-color-charcoal-200);--color-outline-focus:var(--pine-color-blue-200);--color-outline-focus-error:var(--pine-color-red-200);--color-text-default:var(--pine-color-charcoal-400);--color-text-disabled:var(--pine-color-grey-500);--color-text-error:var(--pine-color-red-300);--dimension-input-height:20px;--dimension-input-width:36px;--line-height-label:var(--pine-line-height-150);--sizing-input-toggle-size:calc(var(--dimension-input-height) - (var(--spacing-input-toggle-offset) * 2));--spacing-label-gap-size:var(--pine-spacing-150);--spacing-input-toggle-offset:calc(var(--pine-spacing-050) / 2);--spacing-message-block:var(--pine-spacing-050);--spacing-message-inline:calc(var(--dimension-input-width) + var(--spacing-label-gap-size));--number-transition-timing:0.15s ease-out;-ms-flex-align:start;align-items:flex-start;color:var(--color-text-default);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-margin-after:var(--pine-spacing-md);margin-block-end:var(--pine-spacing-md);position:relative}:host(.pds-switch--error){color:var(--color-text-error)}:host(.pds-switch--error) input,:host(.pds-switch--error) input:checked,:host(.pds-switch--error) input:hover:not(:disabled):not(:checked){background-color:var(--color-text-error)}:host(.pds-switch--error) input:focus-visible:not(:disabled):not(:checked){-webkit-box-shadow:var(--box-shadow-focus-error);box-shadow:var(--box-shadow-focus-error)}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-background-input-default);border:0;border-radius:var(--border-radius-input);cursor:pointer;display:inline-block;height:var(--dimension-input-height);margin:0;padding:0;position:relative;-webkit-transform:translateY(2px);transform:translateY(2px);-webkit-transition:var(--number-transition-timing);transition:var(--number-transition-timing);-webkit-transition-property:background, border, color;transition-property:background, border, color;width:var(--dimension-input-width)}input::after{background:var(--color-input-toggle);border-radius:50%;-webkit-box-shadow:var(--box-shadow-input-toggle);box-shadow:var(--box-shadow-input-toggle);content:"";display:block;height:var(--sizing-input-toggle-size);inset-block-start:50%;inset-inline-start:50%;position:absolute;-webkit-transform:translate3d(-100%, -50%, 0);transform:translate3d(-100%, -50%, 0);-webkit-transition:-webkit-transform var(--number-transition-timing);transition:-webkit-transform var(--number-transition-timing);transition:transform var(--number-transition-timing);transition:transform var(--number-transition-timing), -webkit-transform var(--number-transition-timing);width:var(--sizing-input-toggle-size)}label{cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-positive:1;flex-grow:1;line-height:var(--line-height-label);-webkit-margin-start:var(--spacing-label-gap-size);margin-inline-start:var(--spacing-label-gap-size)}.pds-switch--error label{color:inherit}.pds-switch__message{color:var(--color-message-text);-ms-flex:1 0 100%;flex:1 0 100%;font-size:var(--pine-font-size-body-sm);line-height:var(--pine-line-height-sm);-webkit-margin-start:var(--spacing-message-inline);margin-inline-start:var(--spacing-message-inline)}.pds-switch__message+.pds-switch__message{-webkit-margin-before:var(--spacing-message-block);margin-block-start:var(--spacing-message-block)}.pds-switch__message--error{color:inherit}input:disabled{background-color:var(--color-background-disabled);cursor:not-allowed}input:disabled~label{color:var(--color-text-disabled);cursor:initial}input:disabled .pds-switch__message{color:initial}input:hover:not(:disabled){background-color:var(--color-background-hover)}input:focus-visible:not(:disabled){-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}input:checked::after{-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}input:checked:not(:disabled){background-color:currentColor;color:var(--color-background-checked)}input:checked:not(:disabled):hover{border-color:currentColor;color:var(--color-background-checked-hover)}';const l=c;const d=class{constructor(e){i(this,e);this.pdsSwitchChange=r(this,"pdsSwitchChange",7);this.onSwitchUpdate=i=>{if(this.disabled)return;this.pdsSwitchChange.emit(i)};this.switchClassNames=()=>{let i=`pds-switch`;if(this.invalid===true){i+=" pds-switch--error"}if(this.helperMessage!==undefined){i+=" pds-switch--message"}return i};this.componentId=undefined;this.checked=false;this.disabled=false;this.errorMessage=undefined;this.helperMessage=undefined;this.invalid=false;this.label=undefined;this.name=undefined;this.required=false;this.type="checkbox";this.value=undefined}render(){return e(o,{key:"f00007b5d1bde6895cb7f410b82e5c3669d75327",class:this.switchClassNames(),"aria-disabled":this.disabled?"true":null},e("input",{key:"c6c0ae9576a198c9f0038ebd22b78df0c5a41794","aria-describedby":n(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,checked:this.checked,class:"pds-switch__input",disabled:this.disabled,id:this.componentId,name:this.name?this.name:this.componentId,onChange:this.onSwitchUpdate,required:this.required,type:this.type,value:this.value}),e(a,{key:"d6c3b0c584d2c4fd6cc99507794a3e961fbf99a5",classNames:"pds-switch__label",htmlFor:this.componentId,text:this.label}),this.helperMessage&&e("div",{key:"4f9f581e9a01e67d076bafaf1d28fe52b87081fc",class:`pds-switch__message`,id:s(this.componentId,"helper")},this.helperMessage),this.errorMessage&&e("div",{key:"aeca71b92664b2e7ef4c7fb0d103996a05c5318f",class:`pds-switch__message pds-switch__message--error`,id:s(this.componentId,"error"),"aria-live":"assertive"},this.errorMessage))}get el(){return t(this)}};d.style=l;export{d as pds_switch};
-//# sourceMappingURL=p-7f917c20.entry.js.map

package/dist/pine-core/p-7f917c20.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pdsSwitchCss","PdsSwitchStyle0","PdsSwitch","this","onSwitchUpdate","e","disabled","pdsSwitchChange","emit","switchClassNames","switchClasses","invalid","helperMessage","undefined","render","h","Host","key","class","assignDescription","componentId","checked","id","name","onChange","required","type","value","PdsLabel","classNames","htmlFor","text","label","messageId","errorMessage"],"sources":["src/components/pds-switch/pds-switch.scss?tag=pds-switch&encapsulation=shadow","src/components/pds-switch/pds-switch.tsx"],"sourcesContent":[":host {\n  --border-radius-input: var(--pine-border-radius-200);\n\n  --box-shadow-focus: 0 0 0 2px var(--color-outline-focus);\n  --box-shadow-focus-error: 0 0 0 2px var(--color-outline-focus-error);\n  --box-shadow-input-toggle: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.08);\n\n  --color-background-checked: var(--pine-color-charcoal-400);\n  --color-background-checked-hover: var(--pine-color-charcoal-400);\n  --color-background-disabled: var(--pine-color-grey-300);\n  --color-background-hover: var(--pine-color-grey-500);\n  --color-background-input-default: var(--pine-color-grey-400);\n  --color-input-toggle: var(--pine-color-white);\n  --color-message-text: var(--pine-color-charcoal-200);\n  --color-outline-focus: var(--pine-color-blue-200);\n  --color-outline-focus-error: var(--pine-color-red-200);\n  --color-text-default: var(--pine-color-charcoal-400);\n  --color-text-disabled: var(--pine-color-grey-500);\n  --color-text-error: var(--pine-color-red-300);\n\n  --dimension-input-height: 20px;\n  --dimension-input-width: 36px;\n\n  --line-height-label: var(--pine-line-height-150);\n\n  --sizing-input-toggle-size: calc(var(--dimension-input-height) - (var(--spacing-input-toggle-offset) * 2));\n\n  --spacing-label-gap-size: var(--pine-spacing-150);\n  --spacing-input-toggle-offset: calc(var(--pine-spacing-050) / 2);\n  --spacing-message-block: var(--pine-spacing-050);\n  --spacing-message-inline: calc(var(--dimension-input-width) + var(--spacing-label-gap-size));\n\n  --number-transition-timing: 0.15s ease-out;\n\n\n  align-items: flex-start;\n  color: var(--color-text-default);\n  display: inline-flex;\n  flex-flow: row wrap;\n  margin-block-end: var(--pine-spacing-md);\n  position: relative;\n}\n\n:host(.pds-switch--error) {\n  color: var(--color-text-error);\n\n  input,\n  input:checked,\n  input:hover:not(:disabled):not(:checked) {\n    background-color: var(--color-text-error);\n  }\n\n  input:focus-visible:not(:disabled):not(:checked) {\n    box-shadow: var(--box-shadow-focus-error);\n  }\n}\n\n// switch container\ninput {\n  appearance: none;\n  background: var(--color-background-input-default);\n  border: 0;\n  border-radius: var(--border-radius-input);\n  cursor: pointer;\n  display: inline-block;\n  height: var(--dimension-input-height);\n  margin: 0;\n  padding: 0;\n  position: relative;\n  transform: translateY(2px);\n  transition: var(--number-transition-timing);\n  transition-property: background, border, color;\n  width: var(--dimension-input-width);\n\n  // switch toggle\n  &::after {\n    background: var(--color-input-toggle);\n    border-radius: 50%;\n    box-shadow: var(--box-shadow-input-toggle);\n    content: \"\";\n    display: block;\n    height: var(--sizing-input-toggle-size);\n    inset-block-start: 50%;\n    inset-inline-start: 50%;\n    position: absolute;\n    transform: translate3d(-100%, -50%, 0);\n    transition: transform var(--number-transition-timing);\n    width: var(--sizing-input-toggle-size);\n  }\n}\n\nlabel {\n  cursor: pointer;\n  display: inline-flex;\n  flex-grow: 1;\n  line-height: var(--line-height-label);\n  margin-inline-start: var(--spacing-label-gap-size);\n\n  .pds-switch--error & {\n    color: inherit;\n  }\n}\n\n// Help and error messages\n.pds-switch__message {\n  color: var(--color-message-text);\n  flex: 1 0 100%;\n  font-size: var(--pine-font-size-body-sm);\n  line-height: var(--pine-line-height-sm);\n  margin-inline-start: var(--spacing-message-inline);\n\n  + .pds-switch__message {\n    margin-block-start: var(--spacing-message-block);\n  }\n}\n\n.pds-switch__message--error {\n  color: inherit;\n}\n\n// Disabled state\ninput:disabled {\n  background-color: var(--color-background-disabled);\n  cursor: not-allowed;\n\n  ~ label {\n    color: var(--color-text-disabled);\n    cursor: initial;\n  }\n\n  .pds-switch__message {\n    color: initial;\n  }\n}\n\n// Hover state\ninput:hover:not(:disabled) {\n  background-color: var(--color-background-hover);\n}\n\n // Focus state\ninput:focus-visible:not(:disabled) {\n  box-shadow: var(--box-shadow-focus);\n  outline: none;\n}\n\n// 'Checked' state\n// switch toggle\ninput:checked::after {\n  transform: translate3d(0, -50%, 0);\n}\n\n// switch container\ninput:checked:not(:disabled) {\n  background-color: currentColor;\n  color: var(--color-background-checked);\n\n  &:hover {\n    border-color: currentColor;\n    color: var(--color-background-checked-hover);\n  }\n}\n","import { Component, Element, Event, EventEmitter, Host, h, Prop } from '@stencil/core';\nimport { assignDescription, messageId } from '../../utils/form';\nimport { PdsLabel } from '../_internal/pds-label/pds-label';\n\n@Component({\n  tag: 'pds-switch',\n  styleUrl: 'pds-switch.scss',\n  shadow: true,\n})\nexport class PdsSwitch {\n  @Element() el: HTMLPdsSwitchElement;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Determines the input 'checked' state\n   */\n  @Prop() checked = false;\n\n  /**\n   * Determines the input 'disabled' state, preventing user interaction\n   */\n  @Prop() disabled? = false;\n\n  /**\n   * Displays message text describing an invalid state\n   */\n  @Prop() errorMessage?: string;\n\n  /**\n   * Displays help text for additional description of an input\n   */\n  @Prop() helperMessage: string;\n\n  /**\n   * Determines the input 'invalid' state, signifying an error is present\n   */\n  @Prop() invalid? = false;\n\n  /**\n   * Displays text to describe the input\n   */\n  @Prop() label!: string;\n\n  /**\n   * Identifies form data and unifies a group of radio inputs for toggling a single property/value\n   */\n  @Prop() name: string;\n\n  /**\n   * Determines the 'required' state of the input\n   */\n  @Prop() required? = false;\n\n  /**\n   * Specifies the underlying input element type\n   * @defaultValue 'checkbox'\n   */\n  @Prop() type: 'checkbox' | 'radio' = 'checkbox';\n\n  /**\n   * Provides input with a string submitted in form data, and can be used to distinguish radio inputs\n   */\n  @Prop() value: string;\n\n  /**\n   * Emits an event on input change\n  */\n  @Event() pdsSwitchChange: EventEmitter<InputEvent>;\n\n  private onSwitchUpdate = (e: Event) => {\n    if (this.disabled) return;\n    this.pdsSwitchChange.emit(e as InputEvent);\n  };\n\n  /**\n   * Generate switch classes\n   */\n  private switchClassNames = () => {\n    let switchClasses = `pds-switch`;\n\n    if (this.invalid === true) {\n      switchClasses += \" pds-switch--error\";\n    }\n    if (this.helperMessage !== undefined) {\n      switchClasses += \" pds-switch--message\";\n    }\n    return switchClasses;\n  };\n\n  render() {\n    return (\n      <Host class={this.switchClassNames()} aria-disabled={this.disabled ? 'true' : null}>\n        <input\n          aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n          aria-invalid={this.invalid ? \"true\" : undefined}\n          checked={this.checked}\n          class=\"pds-switch__input\"\n          disabled={this.disabled}\n          id={this.componentId}\n          name={this.name ? this.name : this.componentId}\n          onChange={this.onSwitchUpdate}\n          required={this.required}\n          type={this.type}\n          value={this.value}\n        />\n        <PdsLabel classNames=\"pds-switch__label\" htmlFor={this.componentId} text={this.label} />\n        {this.helperMessage &&\n          <div\n            class={`pds-switch__message`}\n            id={messageId(this.componentId, 'helper')}\n          >\n            {this.helperMessage}\n          </div>\n        }\n        {this.errorMessage &&\n          <div\n            class={`pds-switch__message pds-switch__message--error`}\n            id={messageId(this.componentId, 'error')}\n            aria-live=\"assertive\"\n          >\n            {this.errorMessage}\n          </div>\n        }\n      </Host>\n    );\n  }\n}\n"],"mappings":"kHAAA,MAAMA,EAAe,qqJACrB,MAAAC,EAAeD,E,MCQFE,EAAS,M,0EAgEZC,KAAAC,eAAkBC,IACxB,GAAIF,KAAKG,SAAU,OACnBH,KAAKI,gBAAgBC,KAAKH,EAAgB,EAMpCF,KAAAM,iBAAmB,KACzB,IAAIC,EAAgB,aAEpB,GAAIP,KAAKQ,UAAY,KAAM,CACzBD,GAAiB,oB,CAEnB,GAAIP,KAAKS,gBAAkBC,UAAW,CACpCH,GAAiB,sB,CAEnB,OAAOA,CAAa,E,wCAtEJ,M,cAKE,M,sEAeD,M,uDAeC,M,UAMiB,W,qBAgCrC,MAAAI,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOf,KAAKM,mBAAkB,gBAAiBN,KAAKG,SAAW,OAAS,MAC5ES,EAAA,SAAAE,IAAA,8DACoBE,EAAkBhB,KAAKiB,YAAajB,KAAKQ,QAASR,KAAKS,eAAc,eACzET,KAAKQ,QAAU,OAASE,UACtCQ,QAASlB,KAAKkB,QACdH,MAAM,oBACNZ,SAAUH,KAAKG,SACfgB,GAAInB,KAAKiB,YACTG,KAAMpB,KAAKoB,KAAOpB,KAAKoB,KAAOpB,KAAKiB,YACnCI,SAAUrB,KAAKC,eACfqB,SAAUtB,KAAKsB,SACfC,KAAMvB,KAAKuB,KACXC,MAAOxB,KAAKwB,QAEdZ,EAACa,EAAQ,CAAAX,IAAA,2CAACY,WAAW,oBAAoBC,QAAS3B,KAAKiB,YAAaW,KAAM5B,KAAK6B,QAC9E7B,KAAKS,eACJG,EAAA,OAAAE,IAAA,2CACEC,MAAO,sBACPI,GAAIW,EAAU9B,KAAKiB,YAAa,WAE/BjB,KAAKS,eAGTT,KAAK+B,cACJnB,EAAA,OAAAE,IAAA,2CACEC,MAAO,iDACPI,GAAIW,EAAU9B,KAAKiB,YAAa,SAAQ,YAC9B,aAETjB,KAAK+B,c"}

package/dist/pine-core/p-8144b8d8.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-64b4cb70.system.js","./p-5ffec55d.system.js"],(function(a){"use strict";var n,r,i,t;return{setters:[function(a){n=a.r;r=a.h;i=a.H},function(a){t=a.d}],execute:function(){var e=":host{display:block}details{--border-radius-default:var(--pine-border-radius-100);--box-shadow-focus:inset 0 0 0 2px var(--pine-color-blue-200);--color-content-background-default:var(--pine-color-white);--color-background-hover:var(--pine-color-grey-300);--color-text-default:var(--pine-color-charcoal-200);--color-text-active:var(--pine-color-charcoal-500);--color-text-hover:var(--pine-color-charcoal-300);--number-animation-transform-timing:200ms;--spacing-details-padding-inline:var(--pine-spacing-150);--spacing-summary-padding-block:var(--pine-spacing-050);--spacing-summary-padding-inline-start:var(--pine-spacing-100);--spacing-summary-padding-inline-end:var(--pine-spacing-050);--typography-default:var(--pine-font-weight-semi-bold) var(--pine-font-size-100)/var(--pine-line-height-150) var(--pine-font-family-circular);border-radius:var(--border-radius-default);padding-inline:var(--spacing-details-padding-inline)}details pds-icon{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:-webkit-transform var(--number-animation-transform-timing);transition:-webkit-transform var(--number-animation-transform-timing);transition:transform var(--number-animation-transform-timing);transition:transform var(--number-animation-transform-timing), -webkit-transform var(--number-animation-transform-timing)}details[open]{background-color:var(--color-content-background)}details[open] summary{color:var(--color-text-active);font:var(--typography-default)}details[open] summary pds-icon{-webkit-transform:scaleY(-1);transform:scaleY(-1);-webkit-transition:-webkit-transform var(--number-animation-transform-timing);transition:-webkit-transform var(--number-animation-transform-timing);transition:transform var(--number-animation-transform-timing);transition:transform var(--number-animation-transform-timing), -webkit-transform var(--number-animation-transform-timing)}summary{border-radius:var(--border-radius-default);color:var(--color-text-default);font:var(--typography-default);padding-block:var(--spacing-summary-padding-block);-webkit-padding-end:var(--spacing-summary-padding-inline-end);padding-inline-end:var(--spacing-summary-padding-inline-end);-webkit-padding-start:var(--spacing-summary-padding-inline-start);padding-inline-start:var(--spacing-summary-padding-inline-start);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}summary::-webkit-details-marker{display:none}summary:hover{background:var(--color-background-hover);color:var(--color-text-hover);cursor:pointer}summary:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}summary pds-icon{-webkit-margin-start:auto;margin-inline-start:auto}";var o=e;var s=a("pds_accordion",function(){function a(a){var r=this;n(this,a);this.handleToggle=function(){r.isOpen=r.detailsEl.open};this.getOpenAttribute=function(){if(r.isOpen!==false){return{open:true}}return""};this.componentId=undefined;this.isOpen=false}a.prototype.handleOpenState=function(a){this.isOpen=a};a.prototype.componentDidLoad=function(){this.detailsEl.addEventListener("toggle",this.handleToggle)};a.prototype.render=function(){var a=this;return r(i,{key:"228d08704d0e735ed515308df91a7880c2c450ed",class:"pds-accordion",id:this.componentId},r("details",Object.assign({key:"442e319353f611a5f3d3de767de8dc0f86d2540e"},this.getOpenAttribute(),{ref:function(n){return a.detailsEl=n}}),r("summary",{key:"c3b11619644caee3ba90854e608072436ae0ac34"},r("slot",{key:"fb9b2fa1c0e6a8ddce8e9575b31da5c248f075d5",name:"label"},"Details"),r("pds-icon",{key:"3435405fa293d47aa240a6bfa947fe0707c1154a",icon:t})),r("div",{key:"a35cb679b545fbbd408a4217764b66eabd495c6e",class:"pds-accordion__body"},r("slot",{key:"fa6efbc3624c1c1152eabca17201c24801eef3ee"}))))};Object.defineProperty(a,"watchers",{get:function(){return{isOpen:["handleOpenState"]}},enumerable:false,configurable:true});return a}());s.style=o}}}));
-//# sourceMappingURL=p-8144b8d8.system.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["pdsAccordionCss","PdsAccordionStyle0","PdsAccordion","exports","this","handleToggle","_this","isOpen","detailsEl","open","getOpenAttribute","class_1","prototype","handleOpenState","newValue","componentDidLoad","addEventListener","render","h","Host","key","class","id","componentId","Object","assign","ref","el","name","icon","downSmall"],"sources":["src/components/pds-accordion/pds-accordion.scss?tag=pds-accordion&encapsulation=shadow","src/components/pds-accordion/pds-accordion.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\ndetails {\n  --border-radius-default: var(--pine-border-radius-100);\n\n  --box-shadow-focus: inset 0 0 0 2px var(--pine-color-blue-200);\n\n  --color-content-background-default: var(--pine-color-white);\n  --color-background-hover: var(--pine-color-grey-300);\n  --color-text-default: var(--pine-color-charcoal-200);\n  --color-text-active: var(--pine-color-charcoal-500);\n  --color-text-hover: var(--pine-color-charcoal-300);\n\n  --number-animation-transform-timing: 200ms;\n\n  --spacing-details-padding-inline: var(--pine-spacing-150);\n  --spacing-summary-padding-block: var(--pine-spacing-050);\n  --spacing-summary-padding-inline-start: var(--pine-spacing-100);\n  --spacing-summary-padding-inline-end: var(--pine-spacing-050);\n\n  --typography-default: var(--pine-font-weight-semi-bold) var(--pine-font-size-100)/var(--pine-line-height-150) var(--pine-font-family-circular);\n\n  border-radius: var(--border-radius-default);\n  padding-inline: var(--spacing-details-padding-inline);\n\n  pds-icon {\n    transform: scaleY(1);\n    transition: transform var(--number-animation-transform-timing);\n  }\n}\n\n/* stylelint-disable-next-line */\ndetails[open] {\n  background-color: var(--color-content-background);\n\n  summary {\n    color: var(--color-text-active);\n    font: var(--typography-default);\n\n    pds-icon {\n      transform: scaleY(-1);\n      transition: transform var(--number-animation-transform-timing);\n    }\n  }\n}\n\nsummary {\n  border-radius: var(--border-radius-default);\n  color: var(--color-text-default);\n  font: var(--typography-default);\n  padding-block: var(--spacing-summary-padding-block);\n  padding-inline-end: var(--spacing-summary-padding-inline-end);\n  padding-inline-start: var(--spacing-summary-padding-inline-start);\n\n  // Removes marker on Firefox/Chrome\n  /* stylelint-disable-next-line */\n  align-items: center;\n  display: flex;\n\n  // Removes marker on Safari\n  &::-webkit-details-marker {\n    display: none;\n  }\n\n  &:hover {\n    background: var(--color-background-hover);\n    color: var(--color-text-hover);\n    cursor: pointer;\n  }\n\n  &:focus-visible {\n    // outline: var(--pine-border-focus); Border radius for outline does not work in Safari\n    box-shadow: var(--box-shadow-focus); // Remove when outline radius is supported in Safari\n    outline: none;\n  }\n\n  pds-icon {\n    margin-inline-start: auto;\n  }\n}\n","import { Component, h, Host, Prop, Watch } from '@stencil/core';\nimport { downSmall } from '@pine-ds/icons/icons';\n\n/**\n * @slot (default) - Accordion body content.\n * @slot label - Accordion trigger button content.\n */\n@Component({\n  tag: 'pds-accordion',\n  styleUrl: 'pds-accordion.scss',\n  shadow: true,\n})\nexport class PdsAccordion {\n  private detailsEl: HTMLDetailsElement;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   * @defaultValue null\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Can be used to manually set the open state of the accordion.\n   * @defaultValue false\n   */\n  @Prop({\n    attribute: 'open',\n    mutable: true,\n    reflect: true,\n  }) isOpen: boolean = false;\n\n  @Watch('isOpen')\n  handleOpenState(newValue: boolean) {\n    this.isOpen = newValue;\n  }\n\n  private handleToggle = () => {\n    this.isOpen = this.detailsEl.open;\n  };\n\n  private getOpenAttribute = () => {\n    if (this.isOpen !== false) {\n      return { open: true };\n    }\n    return '';\n  };\n\n  componentDidLoad() {\n    this.detailsEl.addEventListener('toggle', this.handleToggle);\n  }\n\n  render() {\n    return (\n      <Host class=\"pds-accordion\" id={this.componentId}>\n        <details {...this.getOpenAttribute()} ref={(el) => (this.detailsEl = el as HTMLDetailsElement)}>\n          <summary>\n            <slot name=\"label\">Details</slot>\n            <pds-icon icon={downSmall} />\n          </summary>\n          <div class=\"pds-accordion__body\">\n            <slot />\n          </div>\n        </details>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gMAAA,IAAMA,EAAkB,gpFACxB,IAAAC,EAAeD,E,ICWFE,EAAYC,EAAA,2B,mCAwBfC,KAAAC,aAAe,WACrBC,EAAKC,OAASD,EAAKE,UAAUC,I,EAGvBL,KAAAM,iBAAmB,WACzB,GAAIJ,EAAKC,SAAW,MAAO,CACzB,MAAO,CAAEE,KAAM,K,CAEjB,MAAO,E,yCAfY,K,CAGrBE,EAAAC,UAAAC,gBAAA,SAAgBC,GACdV,KAAKG,OAASO,C,EAchBH,EAAAC,UAAAG,iBAAA,WACEX,KAAKI,UAAUQ,iBAAiB,SAAUZ,KAAKC,a,EAGjDM,EAAAC,UAAAK,OAAA,eAAAX,EAAAF,KACE,OACEc,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,gBAAgBC,GAAIlB,KAAKmB,aACnCL,EAAA,UAAAM,OAAAC,OAAA,CAAAL,IAAA,4CAAahB,KAAKM,mBAAkB,CAAEgB,IAAK,SAACC,GAAE,OAAMrB,EAAKE,UAAYmB,CAAvB,IAC5CT,EAAA,WAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,2CAAMQ,KAAK,SAAO,WAClBV,EAAA,YAAAE,IAAA,2CAAUS,KAAMC,KAElBZ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uBACTH,EAAA,QAAAE,IAAA,+C,uIAhDa,I"}

package/dist/pine-core/p-825cdc06.entry.js

@@ -1,2 +0,0 @@
-import{r as a,c as o,h as r,H as n}from"./p-2f77dbd3.js";import{d as i,r as c}from"./p-b7897f94.js";const s=":host{--box-shadow-focus:0 0 0 2px var(--pine-color-blue-200);--border-radius:var(--pine-border-radius-200);--color-background-accent:var(--pine-color-purple-100);--color-background-accent-dot:var(--pine-color-purple-300);--color-background-accent-interactive:var(--pine-color-purple-200);--color-background-danger:var(--pine-color-red-100);--color-background-danger-dot:var(--pine-color-red-300);--color-background-danger-interactive:var(--pine-color-red-200);--color-background-info:var(--pine-color-blue-100);--color-background-info-dot:var(--pine-color-blue-300);--color-background-info-interactive:var(--pine-color-blue-200);--color-background-neutral:var(--pine-color-grey-300);--color-background-neutral-dot:var(--pine-color-charcoal-100);--color-background-neutral-interactive:var(--pine-color-grey-400);--color-background-success:var(--pine-color-green-100);--color-background-success-dot:var(--pine-color-green-300);--color-background-success-interactive:var(--pine-color-green-200);--color-background-warning:var(--pine-color-yellow-100);--color-background-warning-dot:var(--pine-color-yellow-300);--color-background-warning-interactive:var(--pine-color-yellow-200);--font-size-sm:var(--pine-font-size-087);--font-size-body:var(--pine-font-size-100);--font-weight:var(--pine-font-weight-medium);--line-height:var(--pine-line-height-100);--spacing-xxs:calc(var(--pine-spacing-050) / 2);--spacing-xs:var(--pine-spacing-050);--spacing-sm:calc(var(--pine-spacing-150) / 2);--spacing-md:var(--pine-spacing-100);--spacing-lg:calc(var(--pine-spacing-250) / 2);--spacing-xl:var(--pine-spacing-150);--spacing-xxl:calc(var(--pine-spacing-350) / 2);--sizing-close:10px;--sizing-close-lg:24px;--sizing-dot:4px;-ms-flex-align:center;align-items:center;border-radius:var(--border-radius);display:-ms-inline-flexbox;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight);line-height:var(--line-height);padding-block:var(--spacing-xs);padding-inline:var(--spacing-lg)}:host(.pds-chip--accent){background:var(--color-background-accent)}:host(.pds-chip--accent) .pds-chip__dot{background:var(--color-background-accent-dot)}:host(.pds-chip--accent) .pds-chip__close:hover{background:var(--color-background-accent-interactive)}:host(.pds-chip--accent.pds-chip--dropdown:hover){background:var(--color-background-accent-interactive)}:host(.pds-chip--danger){background:var(--color-background-danger)}:host(.pds-chip--danger) .pds-chip__dot{background:var(--color-background-danger-dot)}:host(.pds-chip--danger) .pds-chip__close:hover{background:var(--color-background-danger-interactive)}:host(.pds-chip--danger.pds-chip--dropdown:hover){background:var(--color-background-danger-interactive)}:host(.pds-chip--info){background:var(--color-background-info)}:host(.pds-chip--info) .pds-chip__dot{background:var(--color-background-info-dot)}:host(.pds-chip--info) .pds-chip__close:hover{background:var(--color-background-info-interactive)}:host(.pds-chip--info.pds-chip--dropdown:hover){background:var(--color-background-info-interactive)}:host(.pds-chip--neutral){background:var(--color-background-neutral)}:host(.pds-chip--neutral) .pds-chip__dot{background:var(--color-background-neutral-dot)}:host(.pds-chip--neutral) .pds-chip__close:hover{background:var(--color-background-neutral-interactive)}:host(.pds-chip--neutral.pds-chip--dropdown:hover){background:var(--color-background-neutral-interactive)}:host(.pds-chip--success){background:var(--color-background-success)}:host(.pds-chip--success) .pds-chip__dot{background:var(--color-background-success-dot)}:host(.pds-chip--success) .pds-chip__close:hover{background:var(--color-background-success-interactive)}:host(.pds-chip--success.pds-chip--dropdown:hover){background:var(--color-background-success-interactive)}:host(.pds-chip--warning){background:var(--color-background-warning)}:host(.pds-chip--warning) .pds-chip__dot{background:var(--color-background-warning-dot)}:host(.pds-chip--warning) .pds-chip__close:hover{background:var(--color-background-warning-interactive)}:host(.pds-chip--warning.pds-chip--dropdown:hover){background:var(--color-background-warning-interactive)}.pds-chip__dot{border:1px solid transparent;border-radius:50%;display:inline-block;height:var(--sizing-dot);-webkit-margin-after:var(--spacing-xxs);margin-block-end:var(--spacing-xxs);-webkit-margin-end:var(--spacing-xs);margin-inline-end:var(--spacing-xs);width:var(--sizing-dot)}:host(.pds-chip--dropdown){padding:0}:host(.pds-chip--dropdown) .pds-chip__dot{-webkit-margin-after:calc(var(--spacing-xxs) / 4);margin-block-end:calc(var(--spacing-xxs) / 4);-webkit-margin-before:var(--spacing-xxs);margin-block-start:var(--spacing-xxs)}.pds-chip__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--border-radius);display:-ms-flexbox;display:flex;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight);line-height:var(--line-height);padding-block:var(--spacing-xs);padding-inline:var(--spacing-lg)}.pds-chip__button:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-chip__button pds-icon{-webkit-margin-end:calc(var(--spacing-xxs) * -1);margin-inline-end:calc(var(--spacing-xxs) * -1);-webkit-margin-start:var(--spacing-xs);margin-inline-start:var(--spacing-xs)}:host(.pds-chip--tag){padding-block:var(--spacing-xxs)}.pds-chip__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:50%;height:var(--sizing-close);-webkit-margin-end:calc(var(--spacing-md) * -1);margin-inline-end:calc(var(--spacing-md) * -1);-webkit-margin-start:var(--spacing-xs);margin-inline-start:var(--spacing-xs);padding:var(--sizing-close);position:relative;width:var(--sizing-close)}.pds-chip__close pds-icon{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.pds-chip__close:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}:host(.pds-chip--large){font-size:var(--font-size-body);padding-block:var(--spacing-sm);padding-inline:var(--spacing-xxl)}:host(.pds-chip--large):host(.pds-chip--dropdown){padding-block:var(--spacing-xs);padding-inline:var(--spacing-xxs)}:host(.pds-chip--large):host(.pds-chip--dropdown) .pds-chip__dot{-webkit-margin-after:0;margin-block-end:0}:host(.pds-chip--large) .pds-chip__button{font-size:var(--font-size-body);padding-inline:var(--spacing-xl)}:host(.pds-chip--large) .pds-chip__close{height:var(--sizing-close-lg);-webkit-margin-end:calc(var(--spacing-xl) * -1);margin-inline-end:calc(var(--spacing-xl) * -1);width:var(--sizing-close-lg)}:host(.pds-chip--large):host(.pds-chip--tag){padding-block:var(--spacing-xs)}";const e=s;const d=class{constructor(r){a(this,r);this.pdsTagCloseClick=o(this,"pdsTagCloseClick",7);this.handleCloseClick=()=>{this.pdsTagCloseClick.emit()};this.componentId=undefined;this.sentiment="neutral";this.dot=false;this.label=undefined;this.large=false;this.variant="text"}classNames(){const a=["pds-chip"];if(this.large){a.push("pds-chip--large")}if(this.variant){a.push("pds-chip--"+this.variant)}if(this.sentiment){a.push("pds-chip--"+this.sentiment)}return a.join("  ")}setChipContent(){const a=this.variant==="dropdown";const o=a?r("button",{class:"pds-chip__button",type:"button"},this.dot&&r("i",{class:"pds-chip__dot","aria-hidden":"true"}),this.label,r("pds-icon",{icon:i,size:"12px","aria-hidden":"true"})):r("span",{class:"pds-chip__label"},this.dot&&r("i",{class:"pds-chip__dot","aria-hidden":"true"}),this.label);return o}render(){return r(n,{key:"a2ad8c6a371ab1bead7715cdf7bbe684ce0d73a5",class:this.classNames(),id:this.componentId},this.setChipContent(),this.variant==="tag"&&r("button",{key:"83d2273a0785c4516a57ed618645d937ba33f9f5",class:"pds-chip__close",type:"button",onClick:this.handleCloseClick,"aria-label":"Remove"},r("pds-icon",{key:"6ca04621d1acd134ce3352a034ea69ea7f794fbd",icon:c,size:"12px"})))}};d.style=e;export{d as pds_chip};
-//# sourceMappingURL=p-825cdc06.entry.js.map

package/dist/pine-core/p-825cdc06.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pdsChipCss","PdsChipStyle0","PdsChip","this","handleCloseClick","pdsTagCloseClick","emit","classNames","large","push","variant","sentiment","join","setChipContent","isDropdown","chipContent","h","class","type","dot","label","icon","downSmall","size","render","Host","key","id","componentId","onClick","remove"],"sources":["src/components/pds-chip/pds-chip.scss?tag=pds-chip&encapsulation=shadow","src/components/pds-chip/pds-chip.tsx"],"sourcesContent":[":host {\n  --box-shadow-focus: 0 0 0 2px var(--pine-color-blue-200);\n  --border-radius: var(--pine-border-radius-200);\n\n  --color-background-accent: var(--pine-color-purple-100);\n  --color-background-accent-dot: var(--pine-color-purple-300);\n  --color-background-accent-interactive: var(--pine-color-purple-200);\n  --color-background-danger: var(--pine-color-red-100);\n  --color-background-danger-dot: var(--pine-color-red-300);\n  --color-background-danger-interactive: var(--pine-color-red-200);\n  --color-background-info: var(--pine-color-blue-100);\n  --color-background-info-dot: var(--pine-color-blue-300);\n  --color-background-info-interactive: var(--pine-color-blue-200);\n  --color-background-neutral: var(--pine-color-grey-300);\n  --color-background-neutral-dot: var(--pine-color-charcoal-100);\n  --color-background-neutral-interactive: var(--pine-color-grey-400);\n  --color-background-success: var(--pine-color-green-100);\n  --color-background-success-dot: var(--pine-color-green-300);\n  --color-background-success-interactive: var(--pine-color-green-200);\n  --color-background-warning: var(--pine-color-yellow-100);\n  --color-background-warning-dot: var(--pine-color-yellow-300);\n  --color-background-warning-interactive: var(--pine-color-yellow-200);\n\n  --font-size-sm: var(--pine-font-size-087);\n  --font-size-body: var(--pine-font-size-100);\n  --font-weight: var(--pine-font-weight-medium);\n  --line-height: var(--pine-line-height-100);\n\n  --spacing-xxs: calc(var(--pine-spacing-050) / 2);\n  --spacing-xs: var(--pine-spacing-050);\n  --spacing-sm: calc(var(--pine-spacing-150) / 2);\n  --spacing-md: var(--pine-spacing-100);\n  --spacing-lg: calc(var(--pine-spacing-250) / 2);\n  --spacing-xl: var(--pine-spacing-150);\n  --spacing-xxl: calc(var(--pine-spacing-350) / 2);\n\n  --sizing-close: 10px;\n  --sizing-close-lg: 24px;\n  --sizing-dot: 4px;\n\n  align-items: center;\n  border-radius: var(--border-radius);\n  display: inline-flex;\n  font-size: var(--font-size-sm);\n  font-weight: var(--font-weight);\n  line-height: var(--line-height);\n  padding-block: var(--spacing-xs);\n  padding-inline: var(--spacing-lg);\n}\n\n$pds-chip-sentiment: (\n  accent: var(--color-background-accent),\n  danger: var(--color-background-danger),\n  info: var(--color-background-info),\n  neutral: var(--color-background-neutral),\n  success: var(--color-background-success),\n  warning: var(--color-background-warning),\n);\n\n$pds-chip-sentiment-dots: (\n  accent: var(--color-background-accent-dot),\n  danger: var(--color-background-danger-dot),\n  info: var(--color-background-info-dot),\n  neutral: var(--color-background-neutral-dot),\n  success: var(--color-background-success-dot),\n  warning: var(--color-background-warning-dot),\n);\n\n$pds-chip-sentiment-interactive: (\n  accent: var(--color-background-accent-interactive),\n  danger: var(--color-background-danger-interactive),\n  info: var(--color-background-info-interactive),\n  neutral: var(--color-background-neutral-interactive),\n  success: var(--color-background-success-interactive),\n  warning: var(--color-background-warning-interactive),\n);\n\n@each $sentiment, $value in $pds-chip-sentiment {\n  :host(.pds-chip--#{$sentiment}) {\n    background: $value;\n\n    // dot colors\n    .pds-chip__dot {\n      /* stylelint-disable-next-line */\n      background: map-get($pds-chip-sentiment-dots, $sentiment);\n    }\n\n    // tag close hover colors\n    .pds-chip__close:hover {\n      /* stylelint-disable-next-line */\n      background: map-get($pds-chip-sentiment-interactive, $sentiment);\n    }\n  }\n  // dropdown hover colors\n  :host(.pds-chip--#{$sentiment}.pds-chip--dropdown:hover) {\n    /* stylelint-disable-next-line */\n    background: map-get($pds-chip-sentiment-interactive, $sentiment);\n  }\n}\n\n.pds-chip__dot {\n  border: 1px solid transparent;\n  border-radius: 50%;\n  display: inline-block;\n  height: var(--sizing-dot);\n  margin-block-end: var(--spacing-xxs);\n  margin-inline-end: var(--spacing-xs);\n  width: var(--sizing-dot);\n}\n\n// dropdown\n\n:host(.pds-chip--dropdown) {\n  padding: 0;\n\n  .pds-chip__dot {\n    margin-block-end: calc(var(--spacing-xxs) / 4);\n    margin-block-start: var(--spacing-xxs);\n  }\n}\n\n.pds-chip__button {\n  align-items: center;\n  appearance: none;\n  background: transparent;\n  border: 0;\n  border-radius: var(--border-radius);\n  display: flex;\n  font-family: inherit;\n  font-size: var(--font-size-sm);\n  font-weight: var(--font-weight);\n  line-height: var(--line-height);\n  padding-block: var(--spacing-xs);\n  padding-inline: var(--spacing-lg);\n\n  &:focus-visible {\n    box-shadow: var(--box-shadow-focus);\n    outline: none;\n  }\n\n  pds-icon {\n    margin-inline-end: calc(var(--spacing-xxs) * -1);\n    margin-inline-start: var(--spacing-xs);\n  }\n}\n\n// tag\n\n:host(.pds-chip--tag) {\n  padding-block: var(--spacing-xxs);\n}\n\n.pds-chip__close {\n  appearance: none;\n  background: transparent;\n  border: 0;\n  border-radius: 50%;\n  height: var(--sizing-close);\n  margin-inline-end: calc(var(--spacing-md) * -1);\n  margin-inline-start: var(--spacing-xs);\n  padding: var(--sizing-close);\n  position: relative;\n  width: var(--sizing-close);\n\n  pds-icon {\n    left: 50%;\n    position: absolute;\n    top: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  &:focus-visible {\n    box-shadow: var(--box-shadow-focus);\n    outline: none;\n  }\n}\n\n// large\n\n:host(.pds-chip--large) {\n  font-size: var(--font-size-body);\n  padding-block: var(--spacing-sm);\n  padding-inline: var(--spacing-xxl);\n\n  &:host(.pds-chip--dropdown) {\n    padding-block: var(--spacing-xs);\n    padding-inline: var(--spacing-xxs);\n\n    .pds-chip__dot {\n      margin-block-end: 0;\n    }\n  }\n\n  .pds-chip__button {\n    font-size: var(--font-size-body);\n    padding-inline: var(--spacing-xl)\n  }\n\n  .pds-chip__close {\n    height: var(--sizing-close-lg);\n    margin-inline-end: calc(var(--spacing-xl) * -1);\n    width: var(--sizing-close-lg);\n  }\n\n  &:host(.pds-chip--tag) {\n    padding-block: var(--spacing-xs);\n  }\n}\n","import { downSmall, remove } from '@pine-ds/icons/icons';\nimport { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'pds-chip',\n  styleUrl: 'pds-chip.scss',\n  shadow: true,\n})\nexport class PdsChip {\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Sets the color scheme of the chip.\n   * @defaultValue 'neutral'\n   */\n  @Prop() sentiment: 'accent' | 'danger' | 'info' | 'neutral' | 'success' | 'warning' = 'neutral';\n\n  /**\n   * Determines whether a dot should be displayed on the chip.\n   * @defaultValue false\n   */\n  @Prop() dot = false;\n\n  /**\n   *  Sets the text label content of the chip.\n   */\n  @Prop() label: string;\n\n  /**\n   * Determines whether the chip should be rendered in a larger size.\n   * @defaultValue false\n   */\n  @Prop() large = false;\n\n  /**\n   * Sets the style variant of the chip.\n   * @defaultValue 'text'\n   */\n  @Prop() variant: 'text' | 'tag' | 'dropdown' = 'text';\n\n  /**\n   * Event when close button is clicked on tag variant.\n   */\n  @Event() pdsTagCloseClick: EventEmitter;\n\n  private handleCloseClick = () => {\n    this.pdsTagCloseClick.emit();\n  }\n\n  private classNames() {\n    const classNames = ['pds-chip'];\n\n    if (this.large) {\n      classNames.push('pds-chip--large');\n    }\n    if (this.variant) {\n      classNames.push('pds-chip--' + this.variant);\n    }\n    if (this.sentiment) {\n      classNames.push('pds-chip--' + this.sentiment);\n    }\n\n    return classNames.join('  ');\n  }\n\n  private setChipContent() {\n    const isDropdown = this.variant === 'dropdown';\n    const chipContent = isDropdown ? (\n      <button class=\"pds-chip__button\" type=\"button\">\n        {this.dot && <i class=\"pds-chip__dot\" aria-hidden=\"true\"></i>}\n        {this.label}\n        <pds-icon icon={downSmall} size=\"12px\" aria-hidden=\"true\"></pds-icon>\n      </button>\n    ) : (\n      <span class=\"pds-chip__label\">\n        {this.dot && <i class=\"pds-chip__dot\" aria-hidden=\"true\"></i>}\n        {this.label}\n      </span>\n    );\n\n    return chipContent;\n  }\n\n  render() {\n    return (\n      <Host class={this.classNames()} id={this.componentId}>\n        {this.setChipContent()}\n        {this.variant === 'tag' && (\n          <button class=\"pds-chip__close\" type=\"button\" onClick={this.handleCloseClick} aria-label=\"Remove\">\n            <pds-icon icon={remove} size=\"12px\"></pds-icon>\n          </button>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAa,2rNACnB,MAAAC,EAAeD,E,MCOFE,EAAO,M,4EAwCVC,KAAAC,iBAAmB,KACzBD,KAAKE,iBAAiBC,MAAM,E,0CA/BwD,U,SAMxE,M,gCAWE,M,aAM+B,M,CAWvC,UAAAC,GACN,MAAMA,EAAa,CAAC,YAEpB,GAAIJ,KAAKK,MAAO,CACdD,EAAWE,KAAK,kB,CAElB,GAAIN,KAAKO,QAAS,CAChBH,EAAWE,KAAK,aAAeN,KAAKO,Q,CAEtC,GAAIP,KAAKQ,UAAW,CAClBJ,EAAWE,KAAK,aAAeN,KAAKQ,U,CAGtC,OAAOJ,EAAWK,KAAK,K,CAGjB,cAAAC,GACN,MAAMC,EAAaX,KAAKO,UAAY,WACpC,MAAMK,EAAcD,EAClBE,EAAA,UAAQC,MAAM,mBAAmBC,KAAK,UACnCf,KAAKgB,KAAOH,EAAA,KAAGC,MAAM,gBAAe,cAAa,SACjDd,KAAKiB,MACNJ,EAAA,YAAUK,KAAMC,EAAWC,KAAK,OAAM,cAAa,UAGrDP,EAAA,QAAMC,MAAM,mBACTd,KAAKgB,KAAOH,EAAA,KAAGC,MAAM,gBAAe,cAAa,SACjDd,KAAKiB,OAIV,OAAOL,C,CAGT,MAAAS,GACE,OACER,EAACS,EAAI,CAAAC,IAAA,2CAACT,MAAOd,KAAKI,aAAcoB,GAAIxB,KAAKyB,aACtCzB,KAAKU,iBACLV,KAAKO,UAAY,OAChBM,EAAA,UAAAU,IAAA,2CAAQT,MAAM,kBAAkBC,KAAK,SAASW,QAAS1B,KAAKC,iBAAgB,aAAa,UACvFY,EAAA,YAAAU,IAAA,2CAAUL,KAAMS,EAAQP,KAAK,U"}

package/dist/pine-core/p-87c2ac18.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,H as r,g as o}from"./p-2f77dbd3.js";const a=":host{--color-background-default:var(--pine-color-white);background:var(--color-background-default);border-collapse:separate;-webkit-box-sizing:border-box;box-sizing:border-box;display:table;width:100%}:host(.is-responsive){background-attachment:local, local, scroll, scroll;background-image:-webkit-gradient(linear, left top, right top, from(var(--color-background-default)), to(var(--color-background-default))), -webkit-gradient(linear, left top, right top, from(var(--color-background-default)), to(var(--color-background-default))), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(255, 255, 255, 0)));background-image:linear-gradient(to right, var(--color-background-default), var(--color-background-default)), linear-gradient(to right, var(--color-background-default), var(--color-background-default)), linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0));background-position:left center, right center, left center, right center;background-repeat:no-repeat;background-size:4px 100%, 4px 100%, 4px 100%, 4px 100%;display:block;margin:0 auto;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;overflow-x:auto;white-space:nowrap}";const i=a;const n=class{constructor(e){t(this,e);this.compact=undefined;this.componentId=undefined;this.responsive=undefined;this.fixedColumn=undefined;this.selectable=undefined;this.sortingColumn=null;this.sortingDirection="asc"}componentWillLoad(){this.sortingColumn=null}classNames(){const t=["pds-table"];if(this.compact){t.push("is-compact")}if(this.responsive){t.push("is-responsive")}return t.join("  ")}sortTable(t,e){const r=this.el.querySelector("pds-table-body");const o=Array.from(r.querySelectorAll("pds-table-row"));const a=Array.from(this.el.querySelectorAll("pds-table-head-cell[sortable]"));const i=a.find((e=>e.innerText.trim()===t));if(!i){console.warn(`Column "${t}" not found.`);return}const n=a.indexOf(i);o.sort(((t,r)=>{const o=t.querySelector(`pds-table-cell:nth-child(${n+1})`).textContent.trim();const a=r.querySelector(`pds-table-cell:nth-child(${n+1})`).textContent.trim();if(e==="asc"){return o.localeCompare(a)}else{return a.localeCompare(o)}}));r.innerHTML="";o.forEach((t=>{r.appendChild(t)}))}handleTableSort(t){const{direction:e}=t.detail;this.sortTable(t.detail.column,e);this.sortingColumn=t.detail.column;this.sortingDirection=e}render(){return e(r,{key:"ce58b1bccc1ff7ee6e38198e63a19fd88f2877e6",class:this.classNames(),id:this.componentId,role:"grid",selectable:this.selectable},e("slot",{key:"b748a8befdd212d16c2e6780551a8c11b1843faf"}))}get el(){return o(this)}};n.style=i;export{n as pds_table};
-//# sourceMappingURL=p-87c2ac18.entry.js.map

package/dist/pine-core/p-87c2ac18.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pdsTableCss","PdsTableStyle0","PdsTable","componentWillLoad","this","sortingColumn","classNames","compact","push","responsive","join","sortTable","column","direction","tableBody","el","querySelector","tableRows","Array","from","querySelectorAll","columnHeaderCells","columnHeaderCell","find","cell","innerText","trim","console","warn","columnIndex","indexOf","sort","a","b","valueA","textContent","valueB","localeCompare","innerHTML","forEach","row","appendChild","handleTableSort","event","detail","sortingDirection","render","h","Host","key","class","id","componentId","role","selectable"],"sources":["src/components/pds-table/pds-table.scss?tag=pds-table&encapsulation=shadow","src/components/pds-table/pds-table.tsx"],"sourcesContent":[":host {\n  --color-background-default: var(--pine-color-white);\n\n  background: var(--color-background-default);\n  border-collapse: separate;\n  box-sizing: border-box;\n  display: table;\n  width: 100%;\n}\n\n:host(.is-responsive) {\n  background-attachment: local, local, scroll, scroll;\n  background-image: linear-gradient(to right, var(--color-background-default), var(--color-background-default)),\n                    linear-gradient(to right, var(--color-background-default), var(--color-background-default)),\n                    linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0)),\n                    linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0));\n  background-position: left center, right center, left center, right center;\n  background-repeat: no-repeat;\n  background-size: 4px 100%, 4px 100%, 4px 100%, 4px 100%;\n  display: block;\n  margin: 0 auto;\n  max-width: fit-content;\n  overflow-x: auto;\n  white-space: nowrap;\n}\n","import { Component, Element, Host, h, Prop, State, Listen } from '@stencil/core';\n\n@Component({\n  tag: 'pds-table',\n  styleUrl: 'pds-table.scss',\n  shadow: true,\n})\nexport class PdsTable {\n  @Element() el: HTMLPdsTableElement;\n  tableRef: HTMLElement;\n\n  /**\n   * Determines if table displays compact which reduces the spacing of table cells.\n   */\n  @Prop() compact: boolean;\n\n  /**\n   * A unique identifier used for the table `id` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Enables the table to be responsive by horizontally scrolling on smaller screens.\n   */\n  @Prop() responsive: boolean;\n\n  /**\n   * Determines if table displays fixed column which fixes the first column of the table.\n   */\n  @Prop() fixedColumn: boolean;\n\n  /**\n   * Determines if table displays checkboxes for selectable rows.\n   */\n  @Prop() selectable: boolean;\n\n  @State() sortingColumn: string | null = null;\n  @State() sortingDirection: 'asc' | 'desc' = 'asc';\n\n  componentWillLoad() {\n    this.sortingColumn = null;\n  }\n\n  private classNames() {\n    const classNames = ['pds-table'];\n\n    if (this.compact) {\n      classNames.push('is-compact');\n    }\n\n    if (this.responsive) {\n      classNames.push('is-responsive');\n    }\n\n    return classNames.join('  ');\n  }\n\n  private sortTable(column: string, direction: 'asc' | 'desc') {\n    const tableBody = this.el.querySelector('pds-table-body');\n\n    // Get the rows in the table body\n    const tableRows = Array.from(tableBody.querySelectorAll('pds-table-row'));\n\n    // Find the column index based on the column name\n    const columnHeaderCells: HTMLElement[] = Array.from(\n      this.el.querySelectorAll('pds-table-head-cell[sortable]')\n    );\n\n    const columnHeaderCell = columnHeaderCells.find(\n      (cell) => cell.innerText.trim() === column\n    );\n\n    if (!columnHeaderCell) {\n      console.warn(`Column \"${column}\" not found.`);\n      return;\n    }\n\n    const columnIndex = columnHeaderCells.indexOf(columnHeaderCell);\n\n    // Sort the rows based on the content of the specified column\n    tableRows.sort((a, b) => {\n      const valueA = a.querySelector(`pds-table-cell:nth-child(${columnIndex + 1})`).textContent.trim();\n      const valueB = b.querySelector(`pds-table-cell:nth-child(${columnIndex + 1})`).textContent.trim();\n\n      if (direction === 'asc') {\n        return valueA.localeCompare(valueB);\n      } else {\n        return valueB.localeCompare(valueA);\n      }\n    });\n\n    // Clear and append the sorted rows back to the table body\n    tableBody.innerHTML = '';\n    tableRows.forEach((row) => {\n      tableBody.appendChild(row);\n    });\n  }\n\n  @Listen('pdsTableSort')\n  handleTableSort(event: CustomEvent<{ column: string; direction: 'asc' | 'desc' }>) {\n    const { direction } = event.detail;\n    this.sortTable(event.detail.column, direction);\n    this.sortingColumn = event.detail.column;\n    this.sortingDirection = direction;\n  }\n\n  render() {\n    return (\n      <Host\n        class={this.classNames()}\n        id={this.componentId}\n        role=\"grid\"\n        selectable={this.selectable}\n      >\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAc,u2CACpB,MAAAC,EAAeD,E,MCMFE,EAAQ,M,6KA6BqB,K,sBACI,K,CAE5C,iBAAAC,GACEC,KAAKC,cAAgB,I,CAGf,UAAAC,GACN,MAAMA,EAAa,CAAC,aAEpB,GAAIF,KAAKG,QAAS,CAChBD,EAAWE,KAAK,a,CAGlB,GAAIJ,KAAKK,WAAY,CACnBH,EAAWE,KAAK,gB,CAGlB,OAAOF,EAAWI,KAAK,K,CAGjB,SAAAC,CAAUC,EAAgBC,GAChC,MAAMC,EAAYV,KAAKW,GAAGC,cAAc,kBAGxC,MAAMC,EAAYC,MAAMC,KAAKL,EAAUM,iBAAiB,kBAGxD,MAAMC,EAAmCH,MAAMC,KAC7Cf,KAAKW,GAAGK,iBAAiB,kCAG3B,MAAME,EAAmBD,EAAkBE,MACxCC,GAASA,EAAKC,UAAUC,SAAWd,IAGtC,IAAKU,EAAkB,CACrBK,QAAQC,KAAK,WAAWhB,iBACxB,M,CAGF,MAAMiB,EAAcR,EAAkBS,QAAQR,GAG9CL,EAAUc,MAAK,CAACC,EAAGC,KACjB,MAAMC,EAASF,EAAEhB,cAAc,4BAA4Ba,EAAc,MAAMM,YAAYT,OAC3F,MAAMU,EAASH,EAAEjB,cAAc,4BAA4Ba,EAAc,MAAMM,YAAYT,OAE3F,GAAIb,IAAc,MAAO,CACvB,OAAOqB,EAAOG,cAAcD,E,KACvB,CACL,OAAOA,EAAOC,cAAcH,E,KAKhCpB,EAAUwB,UAAY,GACtBrB,EAAUsB,SAASC,IACjB1B,EAAU2B,YAAYD,EAAI,G,CAK9B,eAAAE,CAAgBC,GACd,MAAM9B,UAAEA,GAAc8B,EAAMC,OAC5BxC,KAAKO,UAAUgC,EAAMC,OAAOhC,OAAQC,GACpCT,KAAKC,cAAgBsC,EAAMC,OAAOhC,OAClCR,KAAKyC,iBAAmBhC,C,CAG1B,MAAAiC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO9C,KAAKE,aACZ6C,GAAI/C,KAAKgD,YACTC,KAAK,OACLC,WAAYlD,KAAKkD,YAEjBP,EAAA,QAAAE,IAAA,6C"}

package/dist/pine-core/p-8c5e76d4.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-64b4cb70.system.js"],(function(i){"use strict";var t,e,s;return{setters:[function(i){t=i.r;e=i.h;s=i.H}],execute:function(){var n=":host{--dimension-aspect-ratio:auto;display:inline-block}img{aspect-ratio:var(--dimension-aspect-ratio);height:auto;width:100%}";var d=n;var h=i("pds_image",function(){function i(i){t(this,i);this.alt="";this.componentId=undefined;this.height=undefined;this.loading="eager";this.sizes=undefined;this.src=undefined;this.srcset=undefined;this.width=undefined}i.prototype.render=function(){return e(s,{key:"8d97b63e1c5b0eb72117d6378a0b6d869c0dbdea",class:{"pds-image":true},id:this.componentId},e("img",{key:"3cc2d1c185244c8e8de2f7258b85194b37a4ff38",alt:this.alt,height:this.height,loading:this.loading,sizes:this.sizes,src:this.src,srcset:this.srcset,width:this.width}))};return i}());h.style=d}}}));
-//# sourceMappingURL=p-8c5e76d4.system.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["pdsImageCss","PdsImageStyle0","PdsImage","exports","class_1","prototype","render","h","Host","key","class","id","this","componentId","alt","height","loading","sizes","src","srcset","width"],"sources":["src/components/pds-image/pds-image.scss?tag=pds-image&encapsulation=shadow","src/components/pds-image/pds-image.tsx"],"sourcesContent":[":host {\n  /**\n   * @prop --image-aspect-ratio: The image's aspect ratio.\n  */\n\n  --dimension-aspect-ratio: auto;\n  display: inline-block;\n}\n\nimg {\n  aspect-ratio: var(--dimension-aspect-ratio);\n  height: auto;\n  width: 100%;\n}","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pds-image',\n  styleUrl: 'pds-image.scss',\n  shadow: true,\n})\nexport class PdsImage {\n  /**\n   * The image's alt tag. If none is provided,\n   * it will default to an empty string.\n   */\n  @Prop() alt? = '';\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * The height of the image in pixels. Setting this will\n   * devote space in the layout to prevent layout\n   * shifts when the image is loaded.\n   */\n  @Prop() height?: number;\n\n  /**\n   * Indicates how the browser should load the image.\n   */\n  @Prop() loading?: 'eager' | 'lazy' = 'eager';\n\n  /**\n   * Determines the intended display size of an image\n   * within certian breakpoints. Has no effect if `srcset`\n   * is not set or value has no width descriptor.\n   */\n  @Prop() sizes?: string;\n\n  /**\n   * The image's source.\n   */\n  @Prop() src: string;\n\n  /**\n   * A set of image sources for the browser to use.\n   */\n  @Prop() srcset?: string\n\n  /**\n   * The width of the image in pixels. Setting this will\n   * devote space in the layout to prevent layout\n   * shifts when the image is loaded.\n   */\n  @Prop() width?: number;\n\n  render() {\n    return (\n      <Host\n        class={{\n          'pds-image': true,\n        }}\n        id={this.componentId}\n      >\n        <img\n          alt={this.alt}\n          height={this.height}\n          loading={this.loading}\n          sizes={this.sizes}\n          src={this.src}\n          srcset={this.srcset}\n          width={this.width}\n        />\n      </Host>\n    );\n  }\n}\n"],"mappings":"kJAAA,IAAMA,EAAc,kIACpB,IAAAC,EAAeD,E,ICMFE,EAAQC,EAAA,uB,iCAKJ,G,8DAiBsB,Q,mFA0BrCC,EAAAC,UAAAC,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,YAAa,MAEfC,GAAIC,KAAKC,aAETN,EAAA,OAAAE,IAAA,2CACEK,IAAKF,KAAKE,IACVC,OAAQH,KAAKG,OACbC,QAASJ,KAAKI,QACdC,MAAOL,KAAKK,MACZC,IAAKN,KAAKM,IACVC,OAAQP,KAAKO,OACbC,MAAOR,KAAKQ,Q,WA/DD,I"}

package/dist/pine-core/p-9e33f4fb.system.entry.js

@@ -1,9 +0,0 @@
-System.register(["./p-64b4cb70.system.js"],(function(t){"use strict";var e,i,n,r,o;return{setters:[function(t){e=t.r;i=t.c;n=t.h;r=t.H;o=t.g}],execute:function(){
-/**!
-             * Sortable 1.15.2
-             * @author	RubaXa   <trash@rubaxa.org>
-             * @author	owenm    <owen23355@gmail.com>
-             * @license MIT
-             */
-function a(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);if(e){n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))}i.push.apply(i,n)}return i}function f(t){for(var e=1;e<arguments.length;e++){var i=arguments[e]!=null?arguments[e]:{};if(e%2){a(Object(i),true).forEach((function(e){s(t,e,i[e])}))}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(t,Object.getOwnPropertyDescriptors(i))}else{a(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}}return t}function u(t){"@babel/helpers - typeof";if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){u=function(t){return typeof t}}else{u=function(t){return t&&typeof Symbol==="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t}}return u(t)}function s(t,e,i){if(e in t){Object.defineProperty(t,e,{value:i,enumerable:true,configurable:true,writable:true})}else{t[e]=i}return t}function l(){l=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var n in i){if(Object.prototype.hasOwnProperty.call(i,n)){t[n]=i[n]}}}return t};return l.apply(this,arguments)}function c(t,e){if(t==null)return{};var i={};var n=Object.keys(t);var r,o;for(o=0;o<n.length;o++){r=n[o];if(e.indexOf(r)>=0)continue;i[r]=t[r]}return i}function h(t,e){if(t==null)return{};var i=c(t,e);var n,r;if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(r=0;r<o.length;r++){n=o[r];if(e.indexOf(n)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(t,n))continue;i[n]=t[n]}}return i}var d="1.15.2";function v(t){if(typeof window!=="undefined"&&window.navigator){return!!navigator.userAgent.match(t)}}var m=v(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i);var b=v(/Edge/i);var p=v(/firefox/i);var g=v(/safari/i)&&!v(/chrome/i)&&!v(/android/i);var w=v(/iP(ad|od|hone)/i);var y=v(/chrome/i)&&v(/android/i);var E={capture:false,passive:false};function S(t,e,i){t.addEventListener(e,i,!m&&E)}function I(t,e,i){t.removeEventListener(e,i,!m&&E)}function O(t,e){if(!e)return;e[0]===">"&&(e=e.substring(1));if(t){try{if(t.matches){return t.matches(e)}else if(t.msMatchesSelector){return t.msMatchesSelector(e)}else if(t.webkitMatchesSelector){return t.webkitMatchesSelector(e)}}catch(t){return false}}return false}function x(t){return t.host&&t!==document&&t.host.nodeType?t.host:t.parentNode}function M(t,e,i,n){if(t){i=i||document;do{if(e!=null&&(e[0]===">"?t.parentNode===i&&O(t,e):O(t,e))||n&&t===i){return t}if(t===i)break}while(t=x(t))}return null}var T=/\s+/g;function _(t,e,i){if(t&&e){if(t.classList){t.classList[i?"add":"remove"](e)}else{var n=(" "+t.className+" ").replace(T," ").replace(" "+e+" "," ");t.className=(n+(i?" "+e:"")).replace(T," ")}}}function k(t,e,i){var n=t&&t.style;if(n){if(i===void 0){if(document.defaultView&&document.defaultView.getComputedStyle){i=document.defaultView.getComputedStyle(t,"")}else if(t.currentStyle){i=t.currentStyle}return e===void 0?i:i[e]}else{if(!(e in n)&&e.indexOf("webkit")===-1){e="-webkit-"+e}n[e]=i+(typeof i==="string"?"":"px")}}}function D(t,e){var i="";if(typeof t==="string"){i=t}else{do{var n=k(t,"transform");if(n&&n!=="none"){i=n+" "+i}}while(!e&&(t=t.parentNode))}var r=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return r&&new r(i)}function j(t,e,i){if(t){var n=t.getElementsByTagName(e),r=0,o=n.length;if(i){for(;r<o;r++){i(n[r],r)}}return n}return[]}function C(){var t=document.scrollingElement;if(t){return t}else{return document.documentElement}}function A(t,e,i,n,r){if(!t.getBoundingClientRect&&t!==window)return;var o,a,f,u,s,l,c;if(t!==window&&t.parentNode&&t!==C()){o=t.getBoundingClientRect();a=o.top;f=o.left;u=o.bottom;s=o.right;l=o.height;c=o.width}else{a=0;f=0;u=window.innerHeight;s=window.innerWidth;l=window.innerHeight;c=window.innerWidth}if((e||i)&&t!==window){r=r||t.parentNode;if(!m){do{if(r&&r.getBoundingClientRect&&(k(r,"transform")!=="none"||i&&k(r,"position")!=="static")){var h=r.getBoundingClientRect();a-=h.top+parseInt(k(r,"border-top-width"));f-=h.left+parseInt(k(r,"border-left-width"));u=a+o.height;s=f+o.width;break}}while(r=r.parentNode)}}if(n&&t!==window){var d=D(r||t),v=d&&d.a,b=d&&d.d;if(d){a/=b;f/=v;c/=v;l/=b;u=a+l;s=f+c}}return{top:a,left:f,bottom:u,right:s,width:c,height:l}}function z(t,e,i){var n=G(t,true),r=A(t)[e];while(n){var o=A(n)[i],a=void 0;if(i==="top"||i==="left"){a=r>=o}else{a=r<=o}if(!a)return n;if(n===C())break;n=G(n,false)}return false}function N(t,e,i,n){var r=0,o=0,a=t.children;while(o<a.length){if(a[o].style.display!=="none"&&a[o]!==Kt.ghost&&(n||a[o]!==Kt.dragged)&&M(a[o],i.draggable,t,false)){if(r===e){return a[o]}r++}o++}return null}function F(t,e){var i=t.lastElementChild;while(i&&(i===Kt.ghost||k(i,"display")==="none"||e&&!O(i,e))){i=i.previousElementSibling}return i||null}function P(t,e){var i=0;if(!t||!t.parentNode){return-1}while(t=t.previousElementSibling){if(t.nodeName.toUpperCase()!=="TEMPLATE"&&t!==Kt.clone&&(!e||O(t,e))){i++}}return i}function B(t){var e=0,i=0,n=C();if(t){do{var r=D(t),o=r.a,a=r.d;e+=t.scrollLeft*o;i+=t.scrollTop*a}while(t!==n&&(t=t.parentNode))}return[e,i]}function H(t,e){for(var i in t){if(!t.hasOwnProperty(i))continue;for(var n in e){if(e.hasOwnProperty(n)&&e[n]===t[i][n])return Number(i)}}return-1}function G(t,e){if(!t||!t.getBoundingClientRect)return C();var i=t;var n=false;do{if(i.clientWidth<i.scrollWidth||i.clientHeight<i.scrollHeight){var r=k(i);if(i.clientWidth<i.scrollWidth&&(r.overflowX=="auto"||r.overflowX=="scroll")||i.clientHeight<i.scrollHeight&&(r.overflowY=="auto"||r.overflowY=="scroll")){if(!i.getBoundingClientRect||i===document.body)return C();if(n||e)return i;n=true}}}while(i=i.parentNode);return C()}function L(t,e){if(t&&e){for(var i in e){if(e.hasOwnProperty(i)){t[i]=e[i]}}}return t}function R(t,e){return Math.round(t.top)===Math.round(e.top)&&Math.round(t.left)===Math.round(e.left)&&Math.round(t.height)===Math.round(e.height)&&Math.round(t.width)===Math.round(e.width)}var W;function X(t,e){return function(){if(!W){var i=arguments,n=this;if(i.length===1){t.call(n,i[0])}else{t.apply(n,i)}W=setTimeout((function(){W=void 0}),e)}}}function Y(){clearTimeout(W);W=void 0}function U(t,e,i){t.scrollLeft+=e;t.scrollTop+=i}function V(t){var e=window.Polymer;var i=window.jQuery||window.Zepto;if(e&&e.dom){return e.dom(t).cloneNode(true)}else if(i){return i(t).clone(true)[0]}else{return t.cloneNode(true)}}function Z(t,e,i){var n={};Array.from(t.children).forEach((function(r){var o,a,f,u;if(!M(r,e.draggable,t,false)||r.animated||r===i)return;var s=A(r);n.left=Math.min((o=n.left)!==null&&o!==void 0?o:Infinity,s.left);n.top=Math.min((a=n.top)!==null&&a!==void 0?a:Infinity,s.top);n.right=Math.max((f=n.right)!==null&&f!==void 0?f:-Infinity,s.right);n.bottom=Math.max((u=n.bottom)!==null&&u!==void 0?u:-Infinity,s.bottom)}));n.width=n.right-n.left;n.height=n.bottom-n.top;n.x=n.left;n.y=n.top;return n}var $="Sortable"+(new Date).getTime();function q(){var t=[],e;return{captureAnimationState:function e(){t=[];if(!this.options.animation)return;var i=[].slice.call(this.el.children);i.forEach((function(e){if(k(e,"display")==="none"||e===Kt.ghost)return;t.push({target:e,rect:A(e)});var i=f({},t[t.length-1].rect);if(e.thisAnimationDuration){var n=D(e,true);if(n){i.top-=n.f;i.left-=n.e}}e.fromRect=i}))},addAnimationState:function e(i){t.push(i)},removeAnimationState:function e(i){t.splice(H(t,{target:i}),1)},animateAll:function i(n){var r=this;if(!this.options.animation){clearTimeout(e);if(typeof n==="function")n();return}var o=false,a=0;t.forEach((function(t){var e=0,i=t.target,n=i.fromRect,f=A(i),u=i.prevFromRect,s=i.prevToRect,l=t.rect,c=D(i,true);if(c){f.top-=c.f;f.left-=c.e}i.toRect=f;if(i.thisAnimationDuration){if(R(u,f)&&!R(n,f)&&(l.top-f.top)/(l.left-f.left)===(n.top-f.top)/(n.left-f.left)){e=K(l,u,s,r.options)}}if(!R(f,n)){i.prevFromRect=n;i.prevToRect=f;if(!e){e=r.options.animation}r.animate(i,l,f,e)}if(e){o=true;a=Math.max(a,e);clearTimeout(i.animationResetTimer);i.animationResetTimer=setTimeout((function(){i.animationTime=0;i.prevFromRect=null;i.fromRect=null;i.prevToRect=null;i.thisAnimationDuration=null}),e);i.thisAnimationDuration=e}}));clearTimeout(e);if(!o){if(typeof n==="function")n()}else{e=setTimeout((function(){if(typeof n==="function")n()}),a)}t=[]},animate:function t(e,i,n,r){if(r){k(e,"transition","");k(e,"transform","");var o=D(this.el),a=o&&o.a,f=o&&o.d,u=(i.left-n.left)/(a||1),s=(i.top-n.top)/(f||1);e.animatingX=!!u;e.animatingY=!!s;k(e,"transform","translate3d("+u+"px,"+s+"px,0)");this.forRepaintDummy=J(e);k(e,"transition","transform "+r+"ms"+(this.options.easing?" "+this.options.easing:""));k(e,"transform","translate3d(0,0,0)");typeof e.animated==="number"&&clearTimeout(e.animated);e.animated=setTimeout((function(){k(e,"transition","");k(e,"transform","");e.animated=false;e.animatingX=false;e.animatingY=false}),r)}}}}function J(t){return t.offsetWidth}function K(t,e,i,n){return Math.sqrt(Math.pow(e.top-t.top,2)+Math.pow(e.left-t.left,2))/Math.sqrt(Math.pow(e.top-i.top,2)+Math.pow(e.left-i.left,2))*n.animation}var Q=[];var tt={initializeByDefault:true};var et={mount:function t(e){for(var i in tt){if(tt.hasOwnProperty(i)&&!(i in e)){e[i]=tt[i]}}Q.forEach((function(t){if(t.pluginName===e.pluginName){throw"Sortable: Cannot mount plugin ".concat(e.pluginName," more than once")}}));Q.push(e)},pluginEvent:function t(e,i,n){var r=this;this.eventCanceled=false;n.cancel=function(){r.eventCanceled=true};var o=e+"Global";Q.forEach((function(t){if(!i[t.pluginName])return;if(i[t.pluginName][o]){i[t.pluginName][o](f({sortable:i},n))}if(i.options[t.pluginName]&&i[t.pluginName][e]){i[t.pluginName][e](f({sortable:i},n))}}))},initializePlugins:function t(e,i,n,r){Q.forEach((function(t){var r=t.pluginName;if(!e.options[r]&&!t.initializeByDefault)return;var o=new t(e,i,e.options);o.sortable=e;o.options=e.options;e[r]=o;l(n,o.defaults)}));for(var o in e.options){if(!e.options.hasOwnProperty(o))continue;var a=this.modifyOption(e,o,e.options[o]);if(typeof a!=="undefined"){e.options[o]=a}}},getEventProperties:function t(e,i){var n={};Q.forEach((function(t){if(typeof t.eventProperties!=="function")return;l(n,t.eventProperties.call(i[t.pluginName],e))}));return n},modifyOption:function t(e,i,n){var r;Q.forEach((function(t){if(!e[t.pluginName])return;if(t.optionListeners&&typeof t.optionListeners[i]==="function"){r=t.optionListeners[i].call(e[t.pluginName],n)}}));return r}};function it(t){var e=t.sortable,i=t.rootEl,n=t.name,r=t.targetEl,o=t.cloneEl,a=t.toEl,u=t.fromEl,s=t.oldIndex,l=t.newIndex,c=t.oldDraggableIndex,h=t.newDraggableIndex,d=t.originalEvent,v=t.putSortable,p=t.extraEventProperties;e=e||i&&i[$];if(!e)return;var g,w=e.options,y="on"+n.charAt(0).toUpperCase()+n.substr(1);if(window.CustomEvent&&!m&&!b){g=new CustomEvent(n,{bubbles:true,cancelable:true})}else{g=document.createEvent("Event");g.initEvent(n,true,true)}g.to=a||i;g.from=u||i;g.item=r||i;g.clone=o;g.oldIndex=s;g.newIndex=l;g.oldDraggableIndex=c;g.newDraggableIndex=h;g.originalEvent=d;g.pullMode=v?v.lastPutMode:undefined;var E=f(f({},p),et.getEventProperties(n,e));for(var S in E){g[S]=E[S]}if(i){i.dispatchEvent(g)}if(w[y]){w[y].call(e,g)}}var nt=["evt"];var rt=function t(e,i){var n=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{},r=n.evt,o=h(n,nt);et.pluginEvent.bind(Kt)(e,i,f({dragEl:at,parentEl:ft,ghostEl:ut,rootEl:st,nextEl:lt,lastDownEl:ct,cloneEl:ht,cloneHidden:dt,dragStarted:kt,putSortable:wt,activeSortable:Kt.active,originalEvent:r,oldIndex:vt,oldDraggableIndex:bt,newIndex:mt,newDraggableIndex:pt,hideGhostForTarget:Zt,unhideGhostForTarget:$t,cloneNowHidden:function t(){dt=true},cloneNowShown:function t(){dt=false},dispatchSortableEvent:function t(e){ot({sortable:i,name:e,originalEvent:r})}},o))};function ot(t){it(f({putSortable:wt,cloneEl:ht,targetEl:at,rootEl:st,oldIndex:vt,oldDraggableIndex:bt,newIndex:mt,newDraggableIndex:pt},t))}var at,ft,ut,st,lt,ct,ht,dt,vt,mt,bt,pt,gt,wt,yt=false,Et=false,St=[],It,Ot,xt,Mt,Tt,_t,kt,Dt,jt,Ct=false,At=false,zt,Nt,Ft=[],Pt=false,Bt=[];var Ht=typeof document!=="undefined",Gt=w,Lt=b||m?"cssFloat":"float",Rt=Ht&&!y&&!w&&"draggable"in document.createElement("div"),Wt=function(){if(!Ht)return;if(m){return false}var t=document.createElement("x");t.style.cssText="pointer-events:auto";return t.style.pointerEvents==="auto"}(),Xt=function t(e,i){var n=k(e),r=parseInt(n.width)-parseInt(n.paddingLeft)-parseInt(n.paddingRight)-parseInt(n.borderLeftWidth)-parseInt(n.borderRightWidth),o=N(e,0,i),a=N(e,1,i),f=o&&k(o),u=a&&k(a),s=f&&parseInt(f.marginLeft)+parseInt(f.marginRight)+A(o).width,l=u&&parseInt(u.marginLeft)+parseInt(u.marginRight)+A(a).width;if(n.display==="flex"){return n.flexDirection==="column"||n.flexDirection==="column-reverse"?"vertical":"horizontal"}if(n.display==="grid"){return n.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal"}if(o&&f["float"]&&f["float"]!=="none"){var c=f["float"]==="left"?"left":"right";return a&&(u.clear==="both"||u.clear===c)?"vertical":"horizontal"}return o&&(f.display==="block"||f.display==="flex"||f.display==="table"||f.display==="grid"||s>=r&&n[Lt]==="none"||a&&n[Lt]==="none"&&s+l>r)?"vertical":"horizontal"},Yt=function t(e,i,n){var r=n?e.left:e.top,o=n?e.right:e.bottom,a=n?e.width:e.height,f=n?i.left:i.top,u=n?i.right:i.bottom,s=n?i.width:i.height;return r===f||o===u||r+a/2===f+s/2},Ut=function t(e,i){var n;St.some((function(t){var r=t[$].options.emptyInsertThreshold;if(!r||F(t))return;var o=A(t),a=e>=o.left-r&&e<=o.right+r,f=i>=o.top-r&&i<=o.bottom+r;if(a&&f){return n=t}}));return n},Vt=function t(e){function i(t,e){return function(n,r,o,a){var f=n.options.group.name&&r.options.group.name&&n.options.group.name===r.options.group.name;if(t==null&&(e||f)){return true}else if(t==null||t===false){return false}else if(e&&t==="clone"){return t}else if(typeof t==="function"){return i(t(n,r,o,a),e)(n,r,o,a)}else{var u=(e?n:r).options.group.name;return t===true||typeof t==="string"&&t===u||t.join&&t.indexOf(u)>-1}}}var n={};var r=e.group;if(!r||u(r)!="object"){r={name:r}}n.name=r.name;n.checkPull=i(r.pull,true);n.checkPut=i(r.put);n.revertClone=r.revertClone;e.group=n},Zt=function t(){if(!Wt&&ut){k(ut,"display","none")}},$t=function t(){if(!Wt&&ut){k(ut,"display","")}};if(Ht&&!y){document.addEventListener("click",(function(t){if(Et){t.preventDefault();t.stopPropagation&&t.stopPropagation();t.stopImmediatePropagation&&t.stopImmediatePropagation();Et=false;return false}}),true)}var qt=function t(e){if(at){e=e.touches?e.touches[0]:e;var i=Ut(e.clientX,e.clientY);if(i){var n={};for(var r in e){if(e.hasOwnProperty(r)){n[r]=e[r]}}n.target=n.rootEl=i;n.preventDefault=void 0;n.stopPropagation=void 0;i[$]._onDragOver(n)}}};var Jt=function t(e){if(at){at.parentNode[$]._isOutsideThisEl(e.target)}};function Kt(t,e){if(!(t&&t.nodeType&&t.nodeType===1)){throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t))}this.el=t;this.options=e=l({},e);t[$]=this;var i={group:null,sort:true,disabled:false,store:null,handle:null,draggable:/^[uo]l$/i.test(t.nodeName)?">li":">*",swapThreshold:1,invertSwap:false,invertedSwapThreshold:null,removeCloneOnHide:true,direction:function e(){return Xt(t,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:true,animation:0,easing:null,setData:function t(e,i){e.setData("Text",i.textContent)},dropBubble:false,dragoverBubble:false,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:false,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:false,fallbackClass:"sortable-fallback",fallbackOnBody:false,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:Kt.supportPointer!==false&&"PointerEvent"in window&&!g,emptyInsertThreshold:5};et.initializePlugins(this,t,i);for(var n in i){!(n in e)&&(e[n]=i[n])}Vt(e);for(var r in this){if(r.charAt(0)==="_"&&typeof this[r]==="function"){this[r]=this[r].bind(this)}}this.nativeDraggable=e.forceFallback?false:Rt;if(this.nativeDraggable){this.options.touchStartThreshold=1}if(e.supportPointer){S(t,"pointerdown",this._onTapStart)}else{S(t,"mousedown",this._onTapStart);S(t,"touchstart",this._onTapStart)}if(this.nativeDraggable){S(t,"dragover",this);S(t,"dragenter",this)}St.push(this.el);e.store&&e.store.get&&this.sort(e.store.get(this)||[]);l(this,q())}Kt.prototype={constructor:Kt,_isOutsideThisEl:function t(e){if(!this.el.contains(e)&&e!==this.el){Dt=null}},_getDirection:function t(e,i){return typeof this.options.direction==="function"?this.options.direction.call(this,e,i,at):this.options.direction},_onTapStart:function t(e){if(!e.cancelable)return;var i=this,n=this.el,r=this.options,o=r.preventOnFilter,a=e.type,f=e.touches&&e.touches[0]||e.pointerType&&e.pointerType==="touch"&&e,u=(f||e).target,s=e.target.shadowRoot&&(e.path&&e.path[0]||e.composedPath&&e.composedPath()[0])||u,l=r.filter;ue(n);if(at){return}if(/mousedown|pointerdown/.test(a)&&e.button!==0||r.disabled){return}if(s.isContentEditable){return}if(!this.nativeDraggable&&g&&u&&u.tagName.toUpperCase()==="SELECT"){return}u=M(u,r.draggable,n,false);if(u&&u.animated){return}if(ct===u){return}vt=P(u);bt=P(u,r.draggable);if(typeof l==="function"){if(l.call(this,e,u,this)){ot({sortable:i,rootEl:s,name:"filter",targetEl:u,toEl:n,fromEl:n});rt("filter",i,{evt:e});o&&e.cancelable&&e.preventDefault();return}}else if(l){l=l.split(",").some((function(t){t=M(s,t.trim(),n,false);if(t){ot({sortable:i,rootEl:t,name:"filter",targetEl:u,fromEl:n,toEl:n});rt("filter",i,{evt:e});return true}}));if(l){o&&e.cancelable&&e.preventDefault();return}}if(r.handle&&!M(s,r.handle,n,false)){return}this._prepareDragStart(e,f,u)},_prepareDragStart:function t(e,i,n){var r=this,o=r.el,a=r.options,f=o.ownerDocument,u;if(n&&!at&&n.parentNode===o){var s=A(n);st=o;at=n;ft=at.parentNode;lt=at.nextSibling;ct=n;gt=a.group;Kt.dragged=at;It={target:at,clientX:(i||e).clientX,clientY:(i||e).clientY};Tt=It.clientX-s.left;_t=It.clientY-s.top;this._lastX=(i||e).clientX;this._lastY=(i||e).clientY;at.style["will-change"]="all";u=function t(){rt("delayEnded",r,{evt:e});if(Kt.eventCanceled){r._onDrop();return}r._disableDelayedDragEvents();if(!p&&r.nativeDraggable){at.draggable=true}r._triggerDragStart(e,i);ot({sortable:r,name:"choose",originalEvent:e});_(at,a.chosenClass,true)};a.ignore.split(",").forEach((function(t){j(at,t.trim(),ee)}));S(f,"dragover",qt);S(f,"mousemove",qt);S(f,"touchmove",qt);S(f,"mouseup",r._onDrop);S(f,"touchend",r._onDrop);S(f,"touchcancel",r._onDrop);if(p&&this.nativeDraggable){this.options.touchStartThreshold=4;at.draggable=true}rt("delayStart",this,{evt:e});if(a.delay&&(!a.delayOnTouchOnly||i)&&(!this.nativeDraggable||!(b||m))){if(Kt.eventCanceled){this._onDrop();return}S(f,"mouseup",r._disableDelayedDrag);S(f,"touchend",r._disableDelayedDrag);S(f,"touchcancel",r._disableDelayedDrag);S(f,"mousemove",r._delayedDragTouchMoveHandler);S(f,"touchmove",r._delayedDragTouchMoveHandler);a.supportPointer&&S(f,"pointermove",r._delayedDragTouchMoveHandler);r._dragStartTimer=setTimeout(u,a.delay)}else{u()}}},_delayedDragTouchMoveHandler:function t(e){var i=e.touches?e.touches[0]:e;if(Math.max(Math.abs(i.clientX-this._lastX),Math.abs(i.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))){this._disableDelayedDrag()}},_disableDelayedDrag:function t(){at&&ee(at);clearTimeout(this._dragStartTimer);this._disableDelayedDragEvents()},_disableDelayedDragEvents:function t(){var e=this.el.ownerDocument;I(e,"mouseup",this._disableDelayedDrag);I(e,"touchend",this._disableDelayedDrag);I(e,"touchcancel",this._disableDelayedDrag);I(e,"mousemove",this._delayedDragTouchMoveHandler);I(e,"touchmove",this._delayedDragTouchMoveHandler);I(e,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function t(e,i){i=i||e.pointerType=="touch"&&e;if(!this.nativeDraggable||i){if(this.options.supportPointer){S(document,"pointermove",this._onTouchMove)}else if(i){S(document,"touchmove",this._onTouchMove)}else{S(document,"mousemove",this._onTouchMove)}}else{S(at,"dragend",this);S(st,"dragstart",this._onDragStart)}try{if(document.selection){se((function(){document.selection.empty()}))}else{window.getSelection().removeAllRanges()}}catch(t){}},_dragStarted:function t(e,i){yt=false;if(st&&at){rt("dragStarted",this,{evt:i});if(this.nativeDraggable){S(document,"dragover",Jt)}var n=this.options;!e&&_(at,n.dragClass,false);_(at,n.ghostClass,true);Kt.active=this;e&&this._appendGhost();ot({sortable:this,name:"start",originalEvent:i})}else{this._nulling()}},_emulateDragOver:function t(){if(Ot){this._lastX=Ot.clientX;this._lastY=Ot.clientY;Zt();var e=document.elementFromPoint(Ot.clientX,Ot.clientY);var i=e;while(e&&e.shadowRoot){e=e.shadowRoot.elementFromPoint(Ot.clientX,Ot.clientY);if(e===i)break;i=e}at.parentNode[$]._isOutsideThisEl(e);if(i){do{if(i[$]){var n=void 0;n=i[$]._onDragOver({clientX:Ot.clientX,clientY:Ot.clientY,target:e,rootEl:i});if(n&&!this.options.dragoverBubble){break}}e=i}while(i=i.parentNode)}$t()}},_onTouchMove:function t(e){if(It){var i=this.options,n=i.fallbackTolerance,r=i.fallbackOffset,o=e.touches?e.touches[0]:e,a=ut&&D(ut,true),f=ut&&a&&a.a,u=ut&&a&&a.d,s=Gt&&Nt&&B(Nt),l=(o.clientX-It.clientX+r.x)/(f||1)+(s?s[0]-Ft[0]:0)/(f||1),c=(o.clientY-It.clientY+r.y)/(u||1)+(s?s[1]-Ft[1]:0)/(u||1);if(!Kt.active&&!yt){if(n&&Math.max(Math.abs(o.clientX-this._lastX),Math.abs(o.clientY-this._lastY))<n){return}this._onDragStart(e,true)}if(ut){if(a){a.e+=l-(xt||0);a.f+=c-(Mt||0)}else{a={a:1,b:0,c:0,d:1,e:l,f:c}}var h="matrix(".concat(a.a,",").concat(a.b,",").concat(a.c,",").concat(a.d,",").concat(a.e,",").concat(a.f,")");k(ut,"webkitTransform",h);k(ut,"mozTransform",h);k(ut,"msTransform",h);k(ut,"transform",h);xt=l;Mt=c;Ot=o}e.cancelable&&e.preventDefault()}},_appendGhost:function t(){if(!ut){var e=this.options.fallbackOnBody?document.body:st,i=A(at,true,Gt,true,e),n=this.options;if(Gt){Nt=e;while(k(Nt,"position")==="static"&&k(Nt,"transform")==="none"&&Nt!==document){Nt=Nt.parentNode}if(Nt!==document.body&&Nt!==document.documentElement){if(Nt===document)Nt=C();i.top+=Nt.scrollTop;i.left+=Nt.scrollLeft}else{Nt=C()}Ft=B(Nt)}ut=at.cloneNode(true);_(ut,n.ghostClass,false);_(ut,n.fallbackClass,true);_(ut,n.dragClass,true);k(ut,"transition","");k(ut,"transform","");k(ut,"box-sizing","border-box");k(ut,"margin",0);k(ut,"top",i.top);k(ut,"left",i.left);k(ut,"width",i.width);k(ut,"height",i.height);k(ut,"opacity","0.8");k(ut,"position",Gt?"absolute":"fixed");k(ut,"zIndex","100000");k(ut,"pointerEvents","none");Kt.ghost=ut;e.appendChild(ut);k(ut,"transform-origin",Tt/parseInt(ut.style.width)*100+"% "+_t/parseInt(ut.style.height)*100+"%")}},_onDragStart:function t(e,i){var n=this;var r=e.dataTransfer;var o=n.options;rt("dragStart",this,{evt:e});if(Kt.eventCanceled){this._onDrop();return}rt("setupClone",this);if(!Kt.eventCanceled){ht=V(at);ht.removeAttribute("id");ht.draggable=false;ht.style["will-change"]="";this._hideClone();_(ht,this.options.chosenClass,false);Kt.clone=ht}n.cloneId=se((function(){rt("clone",n);if(Kt.eventCanceled)return;if(!n.options.removeCloneOnHide){st.insertBefore(ht,at)}n._hideClone();ot({sortable:n,name:"clone"})}));!i&&_(at,o.dragClass,true);if(i){Et=true;n._loopId=setInterval(n._emulateDragOver,50)}else{I(document,"mouseup",n._onDrop);I(document,"touchend",n._onDrop);I(document,"touchcancel",n._onDrop);if(r){r.effectAllowed="move";o.setData&&o.setData.call(n,r,at)}S(document,"drop",n);k(at,"transform","translateZ(0)")}yt=true;n._dragStartId=se(n._dragStarted.bind(n,i,e));S(document,"selectstart",n);kt=true;if(g){k(document.body,"user-select","none")}},_onDragOver:function t(e){var i=this.el,n=e.target,r,o,a,u=this.options,s=u.group,l=Kt.active,c=gt===s,h=u.sort,d=wt||l,v,m=this,b=false;if(Pt)return;function p(t,u){rt(t,m,f({evt:e,isOwner:c,axis:v?"vertical":"horizontal",revert:a,dragRect:r,targetRect:o,canSort:h,fromSortable:d,target:n,completed:w,onMove:function t(n,o){return te(st,i,at,r,n,A(n),e,o)},changed:y},u))}function g(){p("dragOverAnimationCapture");m.captureAnimationState();if(m!==d){d.captureAnimationState()}}function w(t){p("dragOverCompleted",{insertion:t});if(t){if(c){l._hideClone()}else{l._showClone(m)}if(m!==d){_(at,wt?wt.options.ghostClass:l.options.ghostClass,false);_(at,u.ghostClass,true)}if(wt!==m&&m!==Kt.active){wt=m}else if(m===Kt.active&&wt){wt=null}if(d===m){m._ignoreWhileAnimating=n}m.animateAll((function(){p("dragOverAnimationComplete");m._ignoreWhileAnimating=null}));if(m!==d){d.animateAll();d._ignoreWhileAnimating=null}}if(n===at&&!at.animated||n===i&&!n.animated){Dt=null}if(!u.dragoverBubble&&!e.rootEl&&n!==document){at.parentNode[$]._isOutsideThisEl(e.target);!t&&qt(e)}!u.dragoverBubble&&e.stopPropagation&&e.stopPropagation();return b=true}function y(){mt=P(at);pt=P(at,u.draggable);ot({sortable:m,name:"change",toEl:i,newIndex:mt,newDraggableIndex:pt,originalEvent:e})}if(e.preventDefault!==void 0){e.cancelable&&e.preventDefault()}n=M(n,u.draggable,i,true);p("dragOver");if(Kt.eventCanceled)return b;if(at.contains(e.target)||n.animated&&n.animatingX&&n.animatingY||m._ignoreWhileAnimating===n){return w(false)}Et=false;if(l&&!u.disabled&&(c?h||(a=ft!==st):wt===this||(this.lastPutMode=gt.checkPull(this,l,at,e))&&s.checkPut(this,l,at,e))){v=this._getDirection(e,n)==="vertical";r=A(at);p("dragOverValid");if(Kt.eventCanceled)return b;if(a){ft=st;g();this._hideClone();p("revert");if(!Kt.eventCanceled){if(lt){st.insertBefore(at,lt)}else{st.appendChild(at)}}return w(true)}var E=F(i,u.draggable);if(!E||re(e,v,this)&&!E.animated){if(E===at){return w(false)}if(E&&i===e.target){n=E}if(n){o=A(n)}if(te(st,i,at,r,n,o,e,!!n)!==false){g();if(E&&E.nextSibling){i.insertBefore(at,E.nextSibling)}else{i.appendChild(at)}ft=i;y();return w(true)}}else if(E&&ne(e,v,this)){var S=N(i,0,u,true);if(S===at){return w(false)}n=S;o=A(n);if(te(st,i,at,r,n,o,e,false)!==false){g();i.insertBefore(at,S);ft=i;y();return w(true)}}else if(n.parentNode===i){o=A(n);var I=0,O,x=at.parentNode!==i,T=!Yt(at.animated&&at.toRect||r,n.animated&&n.toRect||o,v),D=v?"top":"left",j=z(n,"top","top")||z(at,"top","top"),C=j?j.scrollTop:void 0;if(Dt!==n){O=o[D];Ct=false;At=!T&&u.invertSwap||x}I=oe(e,n,o,v,T?1:u.swapThreshold,u.invertedSwapThreshold==null?u.swapThreshold:u.invertedSwapThreshold,At,Dt===n);var B;if(I!==0){var H=P(at);do{H-=I;B=ft.children[H]}while(B&&(k(B,"display")==="none"||B===ut))}if(I===0||B===n){return w(false)}Dt=n;jt=I;var G=n.nextElementSibling,L=false;L=I===1;var R=te(st,i,at,r,n,o,e,L);if(R!==false){if(R===1||R===-1){L=R===1}Pt=true;setTimeout(ie,30);g();if(L&&!G){i.appendChild(at)}else{n.parentNode.insertBefore(at,L?G:n)}if(j){U(j,0,C-j.scrollTop)}ft=at.parentNode;if(O!==undefined&&!At){zt=Math.abs(O-A(n)[D])}y();return w(true)}}if(i.contains(at)){return w(false)}}return false},_ignoreWhileAnimating:null,_offMoveEvents:function t(){I(document,"mousemove",this._onTouchMove);I(document,"touchmove",this._onTouchMove);I(document,"pointermove",this._onTouchMove);I(document,"dragover",qt);I(document,"mousemove",qt);I(document,"touchmove",qt)},_offUpEvents:function t(){var e=this.el.ownerDocument;I(e,"mouseup",this._onDrop);I(e,"touchend",this._onDrop);I(e,"pointerup",this._onDrop);I(e,"touchcancel",this._onDrop);I(document,"selectstart",this)},_onDrop:function t(e){var i=this.el,n=this.options;mt=P(at);pt=P(at,n.draggable);rt("drop",this,{evt:e});ft=at&&at.parentNode;mt=P(at);pt=P(at,n.draggable);if(Kt.eventCanceled){this._nulling();return}yt=false;At=false;Ct=false;clearInterval(this._loopId);clearTimeout(this._dragStartTimer);le(this.cloneId);le(this._dragStartId);if(this.nativeDraggable){I(document,"drop",this);I(i,"dragstart",this._onDragStart)}this._offMoveEvents();this._offUpEvents();if(g){k(document.body,"user-select","")}k(at,"transform","");if(e){if(kt){e.cancelable&&e.preventDefault();!n.dropBubble&&e.stopPropagation()}ut&&ut.parentNode&&ut.parentNode.removeChild(ut);if(st===ft||wt&&wt.lastPutMode!=="clone"){ht&&ht.parentNode&&ht.parentNode.removeChild(ht)}if(at){if(this.nativeDraggable){I(at,"dragend",this)}ee(at);at.style["will-change"]="";if(kt&&!yt){_(at,wt?wt.options.ghostClass:this.options.ghostClass,false)}_(at,this.options.chosenClass,false);ot({sortable:this,name:"unchoose",toEl:ft,newIndex:null,newDraggableIndex:null,originalEvent:e});if(st!==ft){if(mt>=0){ot({rootEl:ft,name:"add",toEl:ft,fromEl:st,originalEvent:e});ot({sortable:this,name:"remove",toEl:ft,originalEvent:e});ot({rootEl:ft,name:"sort",toEl:ft,fromEl:st,originalEvent:e});ot({sortable:this,name:"sort",toEl:ft,originalEvent:e})}wt&&wt.save()}else{if(mt!==vt){if(mt>=0){ot({sortable:this,name:"update",toEl:ft,originalEvent:e});ot({sortable:this,name:"sort",toEl:ft,originalEvent:e})}}}if(Kt.active){if(mt==null||mt===-1){mt=vt;pt=bt}ot({sortable:this,name:"end",toEl:ft,originalEvent:e});this.save()}}}this._nulling()},_nulling:function t(){rt("nulling",this);st=at=ft=ut=lt=ht=ct=dt=It=Ot=kt=mt=pt=vt=bt=Dt=jt=wt=gt=Kt.dragged=Kt.ghost=Kt.clone=Kt.active=null;Bt.forEach((function(t){t.checked=true}));Bt.length=xt=Mt=0},handleEvent:function t(e){switch(e.type){case"drop":case"dragend":this._onDrop(e);break;case"dragenter":case"dragover":if(at){this._onDragOver(e);Qt(e)}break;case"selectstart":e.preventDefault();break}},toArray:function t(){var e=[],i,n=this.el.children,r=0,o=n.length,a=this.options;for(;r<o;r++){i=n[r];if(M(i,a.draggable,this.el,false)){e.push(i.getAttribute(a.dataIdAttr)||fe(i))}}return e},sort:function t(e,i){var n={},r=this.el;this.toArray().forEach((function(t,e){var i=r.children[e];if(M(i,this.options.draggable,r,false)){n[t]=i}}),this);i&&this.captureAnimationState();e.forEach((function(t){if(n[t]){r.removeChild(n[t]);r.appendChild(n[t])}}));i&&this.animateAll()},save:function t(){var e=this.options.store;e&&e.set&&e.set(this)},closest:function t(e,i){return M(e,i||this.options.draggable,this.el,false)},option:function t(e,i){var n=this.options;if(i===void 0){return n[e]}else{var r=et.modifyOption(this,e,i);if(typeof r!=="undefined"){n[e]=r}else{n[e]=i}if(e==="group"){Vt(n)}}},destroy:function t(){rt("destroy",this);var e=this.el;e[$]=null;I(e,"mousedown",this._onTapStart);I(e,"touchstart",this._onTapStart);I(e,"pointerdown",this._onTapStart);if(this.nativeDraggable){I(e,"dragover",this);I(e,"dragenter",this)}Array.prototype.forEach.call(e.querySelectorAll("[draggable]"),(function(t){t.removeAttribute("draggable")}));this._onDrop();this._disableDelayedDragEvents();St.splice(St.indexOf(this.el),1);this.el=e=null},_hideClone:function t(){if(!dt){rt("hideClone",this);if(Kt.eventCanceled)return;k(ht,"display","none");if(this.options.removeCloneOnHide&&ht.parentNode){ht.parentNode.removeChild(ht)}dt=true}},_showClone:function t(e){if(e.lastPutMode!=="clone"){this._hideClone();return}if(dt){rt("showClone",this);if(Kt.eventCanceled)return;if(at.parentNode==st&&!this.options.group.revertClone){st.insertBefore(ht,at)}else if(lt){st.insertBefore(ht,lt)}else{st.appendChild(ht)}if(this.options.group.revertClone){this.animate(at,ht)}k(ht,"display","");dt=false}}};function Qt(t){if(t.dataTransfer){t.dataTransfer.dropEffect="move"}t.cancelable&&t.preventDefault()}function te(t,e,i,n,r,o,a,f){var u,s=t[$],l=s.options.onMove,c;if(window.CustomEvent&&!m&&!b){u=new CustomEvent("move",{bubbles:true,cancelable:true})}else{u=document.createEvent("Event");u.initEvent("move",true,true)}u.to=e;u.from=t;u.dragged=i;u.draggedRect=n;u.related=r||e;u.relatedRect=o||A(e);u.willInsertAfter=f;u.originalEvent=a;t.dispatchEvent(u);if(l){c=l.call(s,u,a)}return c}function ee(t){t.draggable=false}function ie(){Pt=false}function ne(t,e,i){var n=A(N(i.el,0,i.options,true));var r=Z(i.el,i.options,ut);var o=10;return e?t.clientX<r.left-o||t.clientY<n.top&&t.clientX<n.right:t.clientY<r.top-o||t.clientY<n.bottom&&t.clientX<n.left}function re(t,e,i){var n=A(F(i.el,i.options.draggable));var r=Z(i.el,i.options,ut);var o=10;return e?t.clientX>r.right+o||t.clientY>n.bottom&&t.clientX>n.left:t.clientY>r.bottom+o||t.clientX>n.right&&t.clientY>n.top}function oe(t,e,i,n,r,o,a,f){var u=n?t.clientY:t.clientX,s=n?i.height:i.width,l=n?i.top:i.left,c=n?i.bottom:i.right,h=false;if(!a){if(f&&zt<s*r){if(!Ct&&(jt===1?u>l+s*o/2:u<c-s*o/2)){Ct=true}if(!Ct){if(jt===1?u<l+zt:u>c-zt){return-jt}}else{h=true}}else{if(u>l+s*(1-r)/2&&u<c-s*(1-r)/2){return ae(e)}}}h=h||a;if(h){if(u<l+s*o/2||u>c-s*o/2){return u>l+s/2?1:-1}}return 0}function ae(t){if(P(at)<P(t)){return 1}else{return-1}}function fe(t){var e=t.tagName+t.className+t.src+t.href+t.textContent,i=e.length,n=0;while(i--){n+=e.charCodeAt(i)}return n.toString(36)}function ue(t){Bt.length=0;var e=t.getElementsByTagName("input");var i=e.length;while(i--){var n=e[i];n.checked&&Bt.push(n)}}function se(t){return setTimeout(t,0)}function le(t){return clearTimeout(t)}if(Ht){S(document,"touchmove",(function(t){if((Kt.active||yt)&&t.cancelable){t.preventDefault()}}))}Kt.utils={on:S,off:I,css:k,find:j,is:function t(e,i){return!!M(e,i,e,false)},extend:L,throttle:X,closest:M,toggleClass:_,clone:V,index:P,nextTick:se,cancelNextTick:le,detectDirection:Xt,getChild:N};Kt.get=function(t){return t[$]};Kt.mount=function(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++){e[i]=arguments[i]}if(e[0].constructor===Array)e=e[0];e.forEach((function(t){if(!t.prototype||!t.prototype.constructor){throw"Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(t))}if(t.utils)Kt.utils=f(f({},Kt.utils),t.utils);et.mount(t)}))};Kt.create=function(t,e){return new Kt(t,e)};Kt.version=d;var ce=[],he,de,ve=false,me,be,pe,ge;function we(){function t(){this.defaults={scroll:true,forceAutoScrollFallback:false,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:true};for(var t in this){if(t.charAt(0)==="_"&&typeof this[t]==="function"){this[t]=this[t].bind(this)}}}t.prototype={dragStarted:function t(e){var i=e.originalEvent;if(this.sortable.nativeDraggable){S(document,"dragover",this._handleAutoScroll)}else{if(this.options.supportPointer){S(document,"pointermove",this._handleFallbackAutoScroll)}else if(i.touches){S(document,"touchmove",this._handleFallbackAutoScroll)}else{S(document,"mousemove",this._handleFallbackAutoScroll)}}},dragOverCompleted:function t(e){var i=e.originalEvent;if(!this.options.dragOverBubble&&!i.rootEl){this._handleAutoScroll(i)}},drop:function t(){if(this.sortable.nativeDraggable){I(document,"dragover",this._handleAutoScroll)}else{I(document,"pointermove",this._handleFallbackAutoScroll);I(document,"touchmove",this._handleFallbackAutoScroll);I(document,"mousemove",this._handleFallbackAutoScroll)}Ee();ye();Y()},nulling:function t(){pe=de=he=ve=ge=me=be=null;ce.length=0},_handleFallbackAutoScroll:function t(e){this._handleAutoScroll(e,true)},_handleAutoScroll:function t(e,i){var n=this;var r=(e.touches?e.touches[0]:e).clientX,o=(e.touches?e.touches[0]:e).clientY,a=document.elementFromPoint(r,o);pe=e;if(i||this.options.forceAutoScrollFallback||b||m||g){Se(e,this.options,a,i);var f=G(a,true);if(ve&&(!ge||r!==me||o!==be)){ge&&Ee();ge=setInterval((function(){var t=G(document.elementFromPoint(r,o),true);if(t!==f){f=t;ye()}Se(e,n.options,t,i)}),10);me=r;be=o}}else{if(!this.options.bubbleScroll||G(a,true)===C()){ye();return}Se(e,this.options,G(a,false),false)}}};return l(t,{pluginName:"scroll",initializeByDefault:true})}function ye(){ce.forEach((function(t){clearInterval(t.pid)}));ce=[]}function Ee(){clearInterval(ge)}var Se=X((function(t,e,i,n){if(!e.scroll)return;var r=(t.touches?t.touches[0]:t).clientX,o=(t.touches?t.touches[0]:t).clientY,a=e.scrollSensitivity,f=e.scrollSpeed,u=C();var s=false,l;if(de!==i){de=i;ye();he=e.scroll;l=e.scrollFn;if(he===true){he=G(i,true)}}var c=0;var h=he;do{var d=h,v=A(d),m=v.top,b=v.bottom,p=v.left,g=v.right,w=v.width,y=v.height,E=void 0,S=void 0,I=d.scrollWidth,O=d.scrollHeight,x=k(d),M=d.scrollLeft,T=d.scrollTop;if(d===u){E=w<I&&(x.overflowX==="auto"||x.overflowX==="scroll"||x.overflowX==="visible");S=y<O&&(x.overflowY==="auto"||x.overflowY==="scroll"||x.overflowY==="visible")}else{E=w<I&&(x.overflowX==="auto"||x.overflowX==="scroll");S=y<O&&(x.overflowY==="auto"||x.overflowY==="scroll")}var _=E&&(Math.abs(g-r)<=a&&M+w<I)-(Math.abs(p-r)<=a&&!!M);var D=S&&(Math.abs(b-o)<=a&&T+y<O)-(Math.abs(m-o)<=a&&!!T);if(!ce[c]){for(var j=0;j<=c;j++){if(!ce[j]){ce[j]={}}}}if(ce[c].vx!=_||ce[c].vy!=D||ce[c].el!==d){ce[c].el=d;ce[c].vx=_;ce[c].vy=D;clearInterval(ce[c].pid);if(_!=0||D!=0){s=true;ce[c].pid=setInterval(function(){if(n&&this.layer===0){Kt.active._onTouchMove(pe)}var e=ce[this.layer].vy?ce[this.layer].vy*f:0;var i=ce[this.layer].vx?ce[this.layer].vx*f:0;if(typeof l==="function"){if(l.call(Kt.dragged.parentNode[$],i,e,t,pe,ce[this.layer].el)!=="continue"){return}}U(ce[this.layer].el,i,e)}.bind({layer:c}),24)}}c++}while(e.bubbleScroll&&h!==u&&(h=G(h,false)));ve=s}),30);var Ie=function t(e){var i=e.originalEvent,n=e.putSortable,r=e.dragEl,o=e.activeSortable,a=e.dispatchSortableEvent,f=e.hideGhostForTarget,u=e.unhideGhostForTarget;if(!i)return;var s=n||o;f();var l=i.changedTouches&&i.changedTouches.length?i.changedTouches[0]:i;var c=document.elementFromPoint(l.clientX,l.clientY);u();if(s&&!s.el.contains(c)){a("spill");this.onSpill({dragEl:r,putSortable:n})}};function Oe(){}Oe.prototype={startIndex:null,dragStart:function t(e){var i=e.oldDraggableIndex;this.startIndex=i},onSpill:function t(e){var i=e.dragEl,n=e.putSortable;this.sortable.captureAnimationState();if(n){n.captureAnimationState()}var r=N(this.sortable.el,this.startIndex,this.options);if(r){this.sortable.el.insertBefore(i,r)}else{this.sortable.el.appendChild(i)}this.sortable.animateAll();if(n){n.animateAll()}},drop:Ie};l(Oe,{pluginName:"revertOnSpill"});function xe(){}xe.prototype={onSpill:function t(e){var i=e.dragEl,n=e.putSortable;var r=n||this.sortable;r.captureAnimationState();i.parentNode&&i.parentNode.removeChild(i);r.animateAll()},drop:Ie};l(xe,{pluginName:"removeOnSpill"});Kt.mount(new we);Kt.mount(xe,Oe);var Me=".pds-sortable.sc-pds-sortable-h{--border-radius:var(--pine-border-radius-050);--border-default:var(--pine-border-width-thin) solid var(--pine-color-grey-300);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pds-sortable.pds-sortable--bordered.sc-pds-sortable-h{border:var(--border-default);border-radius:var(--border-radius)}";var Te=Me;var _e=t("pds_sortable",function(){function t(t){e(this,t);this.pdsSortableItemMoved=i(this,"pdsSortableItemMoved",7);this.border=false;this.componentId=undefined;this.dividers=false;this.handleType="row"}t.prototype.classNames=function(){var t=["pds-sortable"];if(this.border){t.push("pds-sortable--bordered")}if(this.dividers){t.push("pds-sortable--divided")}if(this.handleType!==undefined){t.push("pds-sortable--handle-type-".concat(this.handleType))}return t.join("  ")};t.prototype.componentDidLoad=function(){var t=this;var e={animation:150,ghostClass:"pds-sortable-item--ghost",dragClass:"pds-sortable-item--drag",onEnd:function(e){t.pdsSortableItemMoved.emit(e)}};if(this.handleType==="handle"){e=Object.assign(Object.assign({},e),{handle:".pds-sortable-item__handle"})}Kt.create(this.el,e)};t.prototype.render=function(){return n(r,{key:"f7a4d29675fcb46ca76dc014e8cc57ac243d07fa",class:this.classNames(),id:this.componentId},n("slot",{key:"2c851fb0e61f3373345b1e170520c3327ab3fa0c"}))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());_e.style=Te}}}));
-//# sourceMappingURL=p-9e33f4fb.system.entry.js.map