@pine-ds/core 0.0.2-rc.0 → 0.0.3-rc.0

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

@@ -0,0 +1,2 @@
+import{r as e,h as r,H as o,g as t}from"./p-db677b4c.js";const i=":host{--background-fixed:var(--pine-color-base-white);--border:var(--pine-border-default);border-color:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;display:table-header-group;vertical-align:middle}:host::part(checkbox-cell){background-color:var(--background-fixed);left:0;position:-webkit-sticky;position:sticky;z-index:1}:host pds-table-checkbox-cell{-webkit-border-after:var(--border);border-block-end:var(--border)}";const s=i;const d=class{constructor(r){e(this,r)}componentWillRender(){this.tableRef=this.hostElement.closest("pds-table");if(this.tableRef&&this.tableRef.fixedColumn){const e=this.hostElement.querySelector("pds-table-head-cell:first-child");e===null||e===void 0?void 0:e.classList.add("is-fixed")}}render(){return r(o,{key:"63d7450f27eaec26afc0724f7498cd3197ccc6f3",role:"row"},this.tableRef&&this.tableRef.selectable&&r("pds-table-head-cell",{part:this.tableRef.fixedColumn?"checkbox-cell":""}),r("slot",{key:"29ccb7483aea5efc5aa6f24e9dded5bb812748e2"}))}get hostElement(){return t(this)}};d.style=s;export{d as pds_table_head};
+//# sourceMappingURL=p-a923b153.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pdsTableHeadCss","PdsTableHeadStyle0","PdsTableHead","componentWillRender","this","tableRef","hostElement","closest","fixedColumn","tableCell","querySelector","classList","add","render","h","Host","key","role","selectable","part"],"sources":["src/components/pds-table/pds-table-head/pds-table-head.scss?tag=pds-table-head&encapsulation=shadow","src/components/pds-table/pds-table-head/pds-table-head.tsx"],"sourcesContent":[":host {\n  --background-fixed: var(--pine-color-base-white);\n  --border: var(--pine-border-default);\n\n  border-color: inherit;\n  box-sizing: border-box;\n  display: table-header-group;\n  vertical-align: middle;\n\n  // used for pds-checkbox-cell\n  // because it is in the ShadowDom\n  &::part(checkbox-cell) {\n    background-color: var(--background-fixed);\n    left: 0;\n    position: sticky;\n    z-index: 1;\n  }\n}\n\n:host pds-table-checkbox-cell {\n  border-block-end: var(--border);\n}\n","import { Component, Element, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'pds-table-head',\n  styleUrl: 'pds-table-head.scss',\n  shadow: true,\n})\nexport class PdsTableHead {\n  @Element() hostElement: HTMLPdsTableHeadElement;\n  tableRef: HTMLPdsTableElement\n\n  componentWillRender() {\n    this.tableRef = this.hostElement.closest('pds-table') as HTMLPdsTableElement;\n\n    if (this.tableRef && this.tableRef.fixedColumn) {\n      const tableCell = this.hostElement.querySelector('pds-table-head-cell:first-child');\n      tableCell?.classList.add(\"is-fixed\");\n    }\n  }\n  render() {\n    return (\n      <Host role=\"row\">\n        {this.tableRef && this.tableRef.selectable && (\n          <pds-table-head-cell part={this.tableRef.fixedColumn ? 'checkbox-cell' : ''}></pds-table-head-cell>\n        )}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAkB,obACxB,MAAAC,EAAeD,E,MCMFE,EAAY,M,yBAIvB,mBAAAC,GACEC,KAAKC,SAAWD,KAAKE,YAAYC,QAAQ,aAEzC,GAAIH,KAAKC,UAAYD,KAAKC,SAASG,YAAa,CAC9C,MAAMC,EAAYL,KAAKE,YAAYI,cAAc,mCACjDD,IAAS,MAATA,SAAS,SAATA,EAAWE,UAAUC,IAAI,W,EAG7B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,OACRb,KAAKC,UAAYD,KAAKC,SAASa,YAC9BJ,EAAA,uBAAqBK,KAAMf,KAAKC,SAASG,YAAc,gBAAkB,KAE3EM,EAAA,QAAAE,IAAA,6C"}

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

@@ -0,0 +1,2 @@
+System.register(["./p-7a5d5d62.system.js"],(function(i){"use strict";var t,a,e,s,r;return{setters:[function(i){t=i.r;a=i.c;e=i.h;s=i.H;r=i.g}],execute:function(){var o=":host{--background-fixed:var(--pine-color-base-white);--border:var(--pine-border-default);--box-shadow:3px 3px 6px -2px rgba(0, 0, 0, 0.1);--color-sorting:var(--pine-color-neutral-charcoal-500);--color:var(--pine-color-neutral-charcoal-200);--fixed-cell-position:0;--font-size:var(--pine-font-size-body-sm);--font-weight:var(--pine-font-weight-medium);--line-height:var(--pine-line-height-sm);--margin-arrow:var(--pine-spacing-xxs);--padding-arrow:calc(var(--pine-spacing-xxs) / 2);--padding-compact:var(--pine-spacing-xxs);--padding:calc(var(--pine-spacing-md) / 2);-webkit-border-after:var(--border);border-block-end:var(--border);color:var(--color);display:table-cell;font-size:var(--font-size);font-style:normal;font-weight:var(--font-weight);line-height:var(--line-height);padding:var(--padding);text-align:start;vertical-align:inherit}:host(.is-compact){padding-block:var(--padding-compact)}:host(.is-fixed){background:var(--background-fixed);left:var(--fixed-cell-position);position:-webkit-sticky;position:sticky;z-index:1}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}:host(.is-sortable){cursor:pointer}:host(.is-sortable) pds-icon{-webkit-margin-start:var(--margin-arrow);margin-inline-start:var(--margin-arrow);-webkit-padding-before:var(--padding-arrow);padding-block-start:var(--padding-arrow);position:absolute}:host(.is-sortable:hover),:host(.is-active){color:var(--color-sorting)}";var n=o;var c=i("pds_table_head_cell",function(){function i(i){var e=this;t(this,i);this.pdsTableSort=a(this,"pdsTableSort",7);this.handleScroll=function(){if(e.tableRef.scrollLeft>0){e.tableScrolling=true}else{e.tableScrolling=false}};this.toggleSort=function(){if(e.sortable){var i=e.hostElement.innerText.trim();e.sortingDirection=e.sortingDirection==="asc"?"desc":"asc";e.tableRef.querySelectorAll("pds-table-head-cell").forEach((function(i){i.classList.remove("is-active")}));e.hostElement.classList.toggle("is-active");e.pdsTableSort.emit({column:i,direction:e.sortingDirection})}};this.sortable=undefined;this.sortingDirection="asc";this.tableScrolling=false}i.prototype.componentWillRender=function(){this.tableRef=this.hostElement.closest("pds-table")};i.prototype.componentDidLoad=function(){if(this.tableRef&&this.tableRef.responsive&&this.tableRef.fixedColumn){this.tableRef.addEventListener("scroll",this.handleScroll)}};i.prototype.classNames=function(){var i=[];if(this.tableRef&&this.tableRef.compact){i.push("is-compact")}if(this.sortable){i.push("is-sortable")}if(this.sortable&&this.sortingDirection!==null){i.push("sort-"+this.sortingDirection)}if(this.tableRef&&this.tableRef.fixedColumn&&this.tableScrolling){i.push("has-scrolled")}return i.join("  ")};i.prototype.render=function(){return e(s,{key:"855185382f83a8434abb9b1ccf222c8ef47e399a",class:this.classNames(),role:"columnheader",onClick:this.toggleSort,style:this.tableRef&&this.tableRef.fixedColumn&&this.tableRef.selectable?{"--fixed-cell-position":"40px"}:{}},e("slot",{key:"78f3f9551be753e3be9953dfa57a9924d2dd4950"}),this.sortable&&e("pds-icon",{name:this.sortingDirection==="asc"?"up-small":"down-small"}))};Object.defineProperty(i.prototype,"hostElement",{get:function(){return r(this)},enumerable:false,configurable:true});return i}());c.style=n}}}));
+//# sourceMappingURL=p-ad186d12.system.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pdsTableHeadCellCss","PdsTableHeadCellStyle0","PdsTableHeadCell","exports","this","handleScroll","_this","tableRef","scrollLeft","tableScrolling","toggleSort","sortable","column","hostElement","innerText","trim","sortingDirection","querySelectorAll","forEach","headCell","classList","remove","toggle","pdsTableSort","emit","direction","class_1","prototype","componentWillRender","closest","componentDidLoad","responsive","fixedColumn","addEventListener","classNames","compact","push","join","render","h","Host","key","class","role","onClick","style","selectable","name"],"sources":["src/components/pds-table/pds-table-head-cell/pds-table-head-cell.scss?tag=pds-table-head-cell&encapsulation=shadow","src/components/pds-table/pds-table-head-cell/pds-table-head-cell.tsx"],"sourcesContent":[":host {\n  --background-fixed: var(--pine-color-base-white);\n  --border: var(--pine-border-default);\n  --box-shadow: 3px 3px 6px -2px rgba(0, 0, 0, 0.1);\n  --color-sorting: var(--pine-color-neutral-charcoal-500);\n  --color: var(--pine-color-neutral-charcoal-200);\n  --fixed-cell-position: 0;\n  --font-size: var(--pine-font-size-body-sm);\n  --font-weight: var(--pine-font-weight-medium);\n  --line-height: var(--pine-line-height-sm);\n  --margin-arrow: var(--pine-spacing-xxs);\n  --padding-arrow: calc(var(--pine-spacing-xxs) / 2);\n  --padding-compact: var(--pine-spacing-xxs);\n  --padding: calc(var(--pine-spacing-md) / 2);\n\n  border-block-end: var(--border);\n  color: var(--color);\n  display: table-cell;\n  font-size: var(--font-size);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  line-height: var(--line-height);\n  padding: var(--padding);\n  text-align: start;\n  vertical-align: inherit;\n}\n\n:host(.is-compact) {\n  padding-block: var(--padding-compact)\n}\n\n:host(.is-fixed) {\n  background: var(--background-fixed);\n  left: var(--fixed-cell-position);\n  position: sticky;\n  z-index: 1;\n}\n\n// box shadow when table has scrolled and cell is fixed\n:host(.has-scrolled.is-fixed) {\n  box-shadow: var(--box-shadow);\n}\n\n:host(.is-sortable) {\n  cursor: pointer;\n\n  pds-icon {\n    margin-inline-start: var(--margin-arrow);\n    padding-block-start: var(--padding-arrow);\n    position: absolute;\n  }\n}\n\n:host(.is-sortable:hover),\n:host(.is-active) {\n  color: var(--color-sorting);\n}\n","import { Component, Element, Host, Prop, h, Event, EventEmitter, State } from '@stencil/core';\n\n@Component({\n  tag: 'pds-table-head-cell',\n  styleUrl: 'pds-table-head-cell.scss',\n  shadow: true,\n})\nexport class PdsTableHeadCell {\n  @Element() hostElement: HTMLPdsTableHeadCellElement;\n  tableRef: HTMLPdsTableElement;\n\n  /**\n   * Determines whether the table column is sortable when set to `true`.\n   */\n  @Prop() sortable: boolean;\n\n  /**\n   * Event emitted to signal that a table column header has been sorted, providing information about the sorted column's name and sorting direction.\n   */\n  @Event() pdsTableSort: EventEmitter<{ column: string; direction: string }>;\n\n  @State() private sortingDirection: 'asc' | 'desc' = 'asc';\n  @State() private tableScrolling: boolean = false;\n\n  componentWillRender() {\n    this.tableRef = this.hostElement.closest('pds-table') as HTMLPdsTableElement;\n  }\n\n  componentDidLoad() {\n    if (this.tableRef && this.tableRef.responsive && this.tableRef.fixedColumn) {\n      this.tableRef.addEventListener('scroll', this.handleScroll);\n    }\n  }\n\n  private handleScroll = () => {\n    if (this.tableRef.scrollLeft > 0) {\n      this.tableScrolling = true;\n    } else {\n      this.tableScrolling = false;\n    }\n  };\n\n  private toggleSort = () => {\n    if (this.sortable) {\n      const column = this.hostElement.innerText.trim();\n      this.sortingDirection = this.sortingDirection === 'asc' ? 'desc' : 'asc';\n\n      this.tableRef.querySelectorAll('pds-table-head-cell').forEach((headCell) => {\n        headCell.classList.remove('is-active');\n      });\n\n      this.hostElement.classList.toggle('is-active');\n      this.pdsTableSort.emit({ column, direction: this.sortingDirection });\n    }\n  }\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.tableRef && this.tableRef.compact) {\n      classNames.push('is-compact');\n    }\n\n    if (this.sortable) {\n      classNames.push('is-sortable');\n    }\n\n    if (this.sortable && this.sortingDirection !== null) {\n      classNames.push('sort-' + this.sortingDirection);\n    }\n\n    if (this.tableRef && this.tableRef.fixedColumn && this.tableScrolling) {\n      classNames.push('has-scrolled');\n    }\n\n    return classNames.join('  ');\n  }\n\n  render() {\n    return (\n      <Host\n        class={this.classNames()}\n        role=\"columnheader\"\n        onClick={this.toggleSort}\n        style={\n          this.tableRef &&\n          this.tableRef.fixedColumn &&\n          this.tableRef.selectable\n            ? { '--fixed-cell-position': '40px' }\n            : {}\n        }\n      >\n        <slot></slot>\n        {this.sortable && (\n          <pds-icon name={this.sortingDirection === 'asc' ? 'up-small' : 'down-small'} />\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"kKAAA,IAAMA,EAAsB,y6CAC5B,IAAAC,EAAeD,E,ICMFE,EAAgBC,EAAA,iC,8EA2BnBC,KAAAC,aAAe,WACrB,GAAIC,EAAKC,SAASC,WAAa,EAAG,CAChCF,EAAKG,eAAiB,I,KACjB,CACLH,EAAKG,eAAiB,K,GAIlBL,KAAAM,WAAa,WACnB,GAAIJ,EAAKK,SAAU,CACjB,IAAMC,EAASN,EAAKO,YAAYC,UAAUC,OAC1CT,EAAKU,iBAAmBV,EAAKU,mBAAqB,MAAQ,OAAS,MAEnEV,EAAKC,SAASU,iBAAiB,uBAAuBC,SAAQ,SAACC,GAC7DA,EAASC,UAAUC,OAAO,Y,IAG5Bf,EAAKO,YAAYO,UAAUE,OAAO,aAClChB,EAAKiB,aAAaC,KAAK,CAAEZ,OAAMA,EAAEa,UAAWnB,EAAKU,kB,iDA/BD,M,oBACT,K,CAE3CU,EAAAC,UAAAC,oBAAA,WACExB,KAAKG,SAAWH,KAAKS,YAAYgB,QAAQ,Y,EAG3CH,EAAAC,UAAAG,iBAAA,WACE,GAAI1B,KAAKG,UAAYH,KAAKG,SAASwB,YAAc3B,KAAKG,SAASyB,YAAa,CAC1E5B,KAAKG,SAAS0B,iBAAiB,SAAU7B,KAAKC,a,GA0B1CqB,EAAAC,UAAAO,WAAA,WACN,IAAMA,EAAa,GAEnB,GAAI9B,KAAKG,UAAYH,KAAKG,SAAS4B,QAAS,CAC1CD,EAAWE,KAAK,a,CAGlB,GAAIhC,KAAKO,SAAU,CACjBuB,EAAWE,KAAK,c,CAGlB,GAAIhC,KAAKO,UAAYP,KAAKY,mBAAqB,KAAM,CACnDkB,EAAWE,KAAK,QAAUhC,KAAKY,iB,CAGjC,GAAIZ,KAAKG,UAAYH,KAAKG,SAASyB,aAAe5B,KAAKK,eAAgB,CACrEyB,EAAWE,KAAK,e,CAGlB,OAAOF,EAAWG,KAAK,K,EAGzBX,EAAAC,UAAAW,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAOtC,KAAK8B,aACZS,KAAK,eACLC,QAASxC,KAAKM,WACdmC,MACEzC,KAAKG,UACLH,KAAKG,SAASyB,aACd5B,KAAKG,SAASuC,WACV,CAAE,wBAAyB,QAC3B,IAGNP,EAAA,QAAAE,IAAA,6CACCrC,KAAKO,UACJ4B,EAAA,YAAUQ,KAAM3C,KAAKY,mBAAqB,MAAQ,WAAa,e,gIAvF5C,I"}

package/dist/pine-core/{p-d6e0c333.system.entry.js → p-b5b59894.system.entry.js}

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(t,r,o,i){function e(t){return t instanceof o?t:new o((function(r){r(t)}))}return new(o||(o=Promise))((function(o,a){function n(t){try{l(i.next(t))}catch(t){a(t)}}function s(t){try{l(i["throw"](t))}catch(t){a(t)}}function l(t){t.done?o(t.value):e(t.value).then(n,s)}l((i=i.apply(t,r||[])).next())}))};var __generator=this&&this.__generator||function(t,r){var o={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,e,a,n;return n={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function s(t){return function(r){return l([t,r])}}function l(s){if(i)throw new TypeError("Generator is already executing.");while(n&&(n=0,s[0]&&(o=0)),o)try{if(i=1,e&&(a=s[0]&2?e["return"]:s[0]?e["throw"]||((a=e["return"])&&a.call(e),0):e.next)&&!(a=a.call(e,s[1])).done)return a;if(e=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:o.label++;return{value:s[1],done:false};case 5:o.label++;e=s[1];s=[0];continue;case 7:s=o.ops.pop();o.trys.pop();continue;default:if(!(a=o.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){o=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){o.label=s[1];break}if(s[0]===6&&o.label<a[1]){o.label=a[1];a=s;break}if(a&&o.label<a[2]){o.label=a[2];o.ops.push(s);break}if(a[2])o.ops.pop();o.trys.pop();continue}s=r.call(t,o)}catch(t){s=[6,t];e=0}finally{i=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-9830c8b4.system.js"],(function(t){"use strict";var r,o,i,e,a;return{setters:[function(t){r=t.r;o=t.c;i=t.h;e=t.H;a=t.g}],execute:function(){var n=function(t){var r=t.elem,o=t.elemPlacement,i=t.overlay,e=t.offset,a=e===void 0?8:e;if(r==undefined)return;var n=r.getBoundingClientRect();var s=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(a,"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(a,"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(a,"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(s.height,"px + ").concat(a,"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 s=':host{--background-color:var(--pine-color-neutral-charcoal-400);--box-shadow:var(--pine-box-shadow-md);--color:var(--pine-color-base-white);--width:320px;--arrow-size:6px;--arrow-offset:14px;--overlay-border-radius:var(--pine-border-radius-md);--overlay-font-size:var(--pine-font-size-body-sm);--overlay-line-height:var(--pine-line-height-sm);--overlay-padding:var(--pine-spacing-xs) calc(var(--pine-spacing-md) / 2);--arrow-pointing-down:var(--arrow-size) var(--arrow-size) 0;--arrow-pointing-to-the-right:var(--arrow-size) 0 var(--arrow-size) var(--arrow-size);--arrow-pointing-to-the-left:var(--arrow-size) var(--arrow-size) var(--arrow-size) 0;--arrow-pointing-up:0 var(--arrow-size) var(--arrow-size);display:inline-block;position:relative}:host ::slotted([slot=content]){white-space:normal;width:var(--width)}.pds-tooltip__content{background-color:var(--background-color);border-radius:var(--overlay-border-radius);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);color:var(--color);font-size:var(--overlay-font-size);line-height:var(--overlay-line-height);opacity:0;padding:var(--overlay-padding);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(--arrow-pointing-to-the-left);content:"";height:0;position:absolute;width:0}.pds-tooltip--right .pds-tooltip__content::after{border-inline-end-color:var(--background-color);border-width:var(--arrow-pointing-to-the-left);left:calc(var(--arrow-size) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--right-end .pds-tooltip__content::after{border-inline-end-color:var(--background-color);border-width:var(--arrow-pointing-to-the-left);bottom:var(--arrow-offset);left:calc(var(--arrow-size) * -1);top:initial}.pds-tooltip--right-start .pds-tooltip__content::after{border-inline-end-color:var(--background-color);border-width:var(--arrow-pointing-to-the-left);left:calc(var(--arrow-size) * -1);top:var(--arrow-offset)}.pds-tooltip--top .pds-tooltip__content::after{border-block-start-color:var(--background-color);border-width:var(--arrow-pointing-down);bottom:calc(var(--arrow-size) * -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(--background-color);border-width:var(--arrow-pointing-down);bottom:calc(var(--arrow-size) * -1);left:var(--arrow-offset);top:initial}.pds-tooltip--top-end .pds-tooltip__content::after{border-block-start-color:var(--background-color);border-width:var(--arrow-pointing-down);bottom:calc(var(--arrow-size) * -1);left:initial;right:var(--arrow-offset);top:initial}.pds-tooltip--left .pds-tooltip__content::after{border-inline-start-color:var(--background-color);border-width:var(--arrow-pointing-to-the-right);left:initial;right:calc(var(--arrow-size) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--left-end .pds-tooltip__content::after{border-inline-start-color:var(--background-color);border-width:var(--arrow-pointing-to-the-right);bottom:var(--arrow-offset);left:initial;right:calc(var(--arrow-size) * -1);top:initial}.pds-tooltip--left-start .pds-tooltip__content::after{border-inline-start-color:var(--background-color);border-width:var(--arrow-pointing-to-the-right);left:initial;right:calc(var(--arrow-size) * -1);top:var(--arrow-offset)}.pds-tooltip--bottom .pds-tooltip__content::after{border-block-end-color:var(--background-color);border-width:var(--arrow-pointing-up);left:50%;top:calc(var(--arrow-size) * -1);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pds-tooltip--bottom-end .pds-tooltip__content::after{border-block-end-color:var(--background-color);border-width:var(--arrow-pointing-up);left:initial;right:var(--arrow-offset);top:calc(var(--arrow-size) * -1)}.pds-tooltip--bottom-start .pds-tooltip__content::after{border-block-end-color:var(--background-color);border-width:var(--arrow-pointing-up);left:var(--arrow-offset);top:calc(var(--arrow-size) * -1)}.pds-tooltip--no-arrow .pds-tooltip__content::after{border-width:0}';var l=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(e,{onMouseEnter:this.handleShow,onMouseLeave:this.handleHide,onFocusin:this.handleShow,onFocusout:this.handleHide},i("div",{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",{"aria-describedby":this.componentId,class:"pds-tooltip__trigger"},i("slot",null)),i("div",{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",{name:"content"}),this.content)))};Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{opened:["handleOpenToggle"]}},enumerable:false,configurable:true});return t}());l.style=s}}}));
-//# sourceMappingURL=p-d6e0c333.system.entry.js.map
+var __awaiter=this&&this.__awaiter||function(t,r,o,i){function e(t){return t instanceof o?t:new o((function(r){r(t)}))}return new(o||(o=Promise))((function(o,a){function n(t){try{l(i.next(t))}catch(t){a(t)}}function s(t){try{l(i["throw"](t))}catch(t){a(t)}}function l(t){t.done?o(t.value):e(t.value).then(n,s)}l((i=i.apply(t,r||[])).next())}))};var __generator=this&&this.__generator||function(t,r){var o={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,e,a,n;return n={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function s(t){return function(r){return l([t,r])}}function l(s){if(i)throw new TypeError("Generator is already executing.");while(n&&(n=0,s[0]&&(o=0)),o)try{if(i=1,e&&(a=s[0]&2?e["return"]:s[0]?e["throw"]||((a=e["return"])&&a.call(e),0):e.next)&&!(a=a.call(e,s[1])).done)return a;if(e=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:o.label++;return{value:s[1],done:false};case 5:o.label++;e=s[1];s=[0];continue;case 7:s=o.ops.pop();o.trys.pop();continue;default:if(!(a=o.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){o=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){o.label=s[1];break}if(s[0]===6&&o.label<a[1]){o.label=a[1];a=s;break}if(a&&o.label<a[2]){o.label=a[2];o.ops.push(s);break}if(a[2])o.ops.pop();o.trys.pop();continue}s=r.call(t,o)}catch(t){s=[6,t];e=0}finally{i=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-7a5d5d62.system.js"],(function(t){"use strict";var r,o,i,e,a;return{setters:[function(t){r=t.r;o=t.c;i=t.h;e=t.H;a=t.g}],execute:function(){var n=function(t){var r=t.elem,o=t.elemPlacement,i=t.overlay,e=t.offset,a=e===void 0?8:e;if(r==undefined)return;var n=r.getBoundingClientRect();var s=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(a,"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(a,"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(a,"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(s.height,"px + ").concat(a,"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 s=':host{--background-color:var(--pine-color-neutral-charcoal-400);--box-shadow:var(--pine-box-shadow-md);--color:var(--pine-color-base-white);--width:320px;--arrow-size:6px;--arrow-offset:14px;--overlay-border-radius:var(--pine-border-radius-md);--overlay-font-size:var(--pine-font-size-body-sm);--overlay-line-height:var(--pine-line-height-sm);--overlay-padding:var(--pine-spacing-xs) calc(var(--pine-spacing-md) / 2);--arrow-pointing-down:var(--arrow-size) var(--arrow-size) 0;--arrow-pointing-to-the-right:var(--arrow-size) 0 var(--arrow-size) var(--arrow-size);--arrow-pointing-to-the-left:var(--arrow-size) var(--arrow-size) var(--arrow-size) 0;--arrow-pointing-up:0 var(--arrow-size) var(--arrow-size);display:inline-block;position:relative}:host ::slotted([slot=content]){white-space:normal;width:var(--width)}.pds-tooltip__content{background-color:var(--background-color);border-radius:var(--overlay-border-radius);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);color:var(--color);font-size:var(--overlay-font-size);line-height:var(--overlay-line-height);opacity:0;padding:var(--overlay-padding);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(--arrow-pointing-to-the-left);content:"";height:0;position:absolute;width:0}.pds-tooltip--right .pds-tooltip__content::after{border-inline-end-color:var(--background-color);border-width:var(--arrow-pointing-to-the-left);left:calc(var(--arrow-size) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--right-end .pds-tooltip__content::after{border-inline-end-color:var(--background-color);border-width:var(--arrow-pointing-to-the-left);bottom:var(--arrow-offset);left:calc(var(--arrow-size) * -1);top:initial}.pds-tooltip--right-start .pds-tooltip__content::after{border-inline-end-color:var(--background-color);border-width:var(--arrow-pointing-to-the-left);left:calc(var(--arrow-size) * -1);top:var(--arrow-offset)}.pds-tooltip--top .pds-tooltip__content::after{border-block-start-color:var(--background-color);border-width:var(--arrow-pointing-down);bottom:calc(var(--arrow-size) * -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(--background-color);border-width:var(--arrow-pointing-down);bottom:calc(var(--arrow-size) * -1);left:var(--arrow-offset);top:initial}.pds-tooltip--top-end .pds-tooltip__content::after{border-block-start-color:var(--background-color);border-width:var(--arrow-pointing-down);bottom:calc(var(--arrow-size) * -1);left:initial;right:var(--arrow-offset);top:initial}.pds-tooltip--left .pds-tooltip__content::after{border-inline-start-color:var(--background-color);border-width:var(--arrow-pointing-to-the-right);left:initial;right:calc(var(--arrow-size) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--left-end .pds-tooltip__content::after{border-inline-start-color:var(--background-color);border-width:var(--arrow-pointing-to-the-right);bottom:var(--arrow-offset);left:initial;right:calc(var(--arrow-size) * -1);top:initial}.pds-tooltip--left-start .pds-tooltip__content::after{border-inline-start-color:var(--background-color);border-width:var(--arrow-pointing-to-the-right);left:initial;right:calc(var(--arrow-size) * -1);top:var(--arrow-offset)}.pds-tooltip--bottom .pds-tooltip__content::after{border-block-end-color:var(--background-color);border-width:var(--arrow-pointing-up);left:50%;top:calc(var(--arrow-size) * -1);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pds-tooltip--bottom-end .pds-tooltip__content::after{border-block-end-color:var(--background-color);border-width:var(--arrow-pointing-up);left:initial;right:var(--arrow-offset);top:calc(var(--arrow-size) * -1)}.pds-tooltip--bottom-start .pds-tooltip__content::after{border-block-end-color:var(--background-color);border-width:var(--arrow-pointing-up);left:var(--arrow-offset);top:calc(var(--arrow-size) * -1)}.pds-tooltip--no-arrow .pds-tooltip__content::after{border-width:0}';var l=s;var c=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(e,{key:"55301f414d765eb7508c1c9cadf21d0ce64459b3",onMouseEnter:this.handleShow,onMouseLeave:this.handleHide,onFocusin:this.handleShow,onFocusout:this.handleHide},i("div",{key:"e2c600c9461499b8069d0163fd05318ea209fcaa",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:"29080a266b672409e5dc51c80378b0fda4486ab6","aria-describedby":this.componentId,class:"pds-tooltip__trigger"},i("slot",{key:"45203a3ed1f30e140439298deb8a7c9f44212d10"})),i("div",{key:"85fe22686930b4060302b315eda0fcd0689a5a02",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:"1926a065c45a2450fc97f6c1c9ba496d6e5fa8b5",name:"content"}),this.content)))};Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{opened:["handleOpenToggle"]}},enumerable:false,configurable:true});return t}());c.style=l}}}));
+//# sourceMappingURL=p-b5b59894.system.entry.js.map

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

@@ -0,0 +1 @@
+{"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  --background-color: var(--pine-color-neutral-charcoal-400);\n  --box-shadow: var(--pine-box-shadow-md);\n  --color: var(--pine-color-base-white);\n  --width: 320px;\n  --arrow-size: 6px;\n  --arrow-offset: 14px;\n\n  --overlay-border-radius: var(--pine-border-radius-md);\n  --overlay-font-size: var(--pine-font-size-body-sm);\n  --overlay-line-height: var(--pine-line-height-sm);\n  --overlay-padding: var(--pine-spacing-xs) calc(var(--pine-spacing-md) / 2);\n\n  --arrow-pointing-down: var(--arrow-size) var(--arrow-size) 0;\n  --arrow-pointing-to-the-right: var(--arrow-size) 0 var(--arrow-size) var(--arrow-size);\n  --arrow-pointing-to-the-left: var(--arrow-size) var(--arrow-size) var(--arrow-size) 0;\n  --arrow-pointing-up: 0 var(--arrow-size) var(--arrow-size);\n\n  display: inline-block;\n  position: relative;\n\n  ::slotted([slot=\"content\"]) {\n    white-space: normal;\n    width: var(--width);\n  }\n}\n\n.pds-tooltip__content {\n  background-color: var(--background-color);\n  border-radius: var(--overlay-border-radius);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-size: var(--overlay-font-size);\n  line-height: var(--overlay-line-height);\n  // TODO: need to use block / none but the tooltip content width and height are needed for calculations\n  opacity: 0;\n  padding: var(--overlay-padding);\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(--arrow-pointing-to-the-left);\n    content: '';\n    height: 0;\n    position: absolute;\n    width: 0;\n\n    .pds-tooltip--right & {\n      border-inline-end-color: var(--background-color);\n      border-width: var(--arrow-pointing-to-the-left);\n      left: calc(var(--arrow-size) * -1);\n      top: 50%;\n      transform: translateY(-50%);\n    }\n\n    .pds-tooltip--right-end & {\n      border-inline-end-color: var(--background-color);\n      border-width: var(--arrow-pointing-to-the-left);\n      bottom: var(--arrow-offset);\n      left: calc(var(--arrow-size) * -1);\n      top: initial;\n    }\n\n    .pds-tooltip--right-start & {\n      border-inline-end-color: var(--background-color);\n      border-width: var(--arrow-pointing-to-the-left);\n      left: calc(var(--arrow-size) * -1);\n      top: var(--arrow-offset);\n    }\n\n    .pds-tooltip--top & {\n      border-block-start-color: var(--background-color);\n      border-width: var(--arrow-pointing-down);\n      bottom: calc(var(--arrow-size) * -1);\n      left: 50%;\n      top: initial;\n      transform: translateX(-50%);\n    }\n\n    .pds-tooltip--top-start & {\n      border-block-start-color: var(--background-color);\n      border-width: var(--arrow-pointing-down);\n      bottom: calc(var(--arrow-size) * -1);\n      left: var(--arrow-offset);\n      top: initial;\n    }\n\n    .pds-tooltip--top-end & {\n      border-block-start-color: var(--background-color);\n      border-width: var(--arrow-pointing-down);\n      bottom: calc(var(--arrow-size) * -1);\n      left: initial;\n      right: var(--arrow-offset);\n      top: initial;\n    }\n\n    .pds-tooltip--left & {\n      border-inline-start-color: var(--background-color);\n      border-width: var(--arrow-pointing-to-the-right);\n      left: initial;\n      right: calc(var(--arrow-size) * -1);\n      top: 50%;\n      transform: translateY(-50%);\n    }\n\n    .pds-tooltip--left-end & {\n      border-inline-start-color: var(--background-color);\n      border-width: var(--arrow-pointing-to-the-right);\n      bottom: var(--arrow-offset);\n      left: initial;\n      right: calc(var(--arrow-size) * -1);\n      top: initial;\n    }\n\n    .pds-tooltip--left-start & {\n      border-inline-start-color: var(--background-color);\n      border-width: var(--arrow-pointing-to-the-right);\n      left: initial;\n      right: calc(var(--arrow-size) * -1);\n      top: var(--arrow-offset);\n    }\n\n    .pds-tooltip--bottom & {\n      border-block-end-color: var(--background-color);\n      border-width: var(--arrow-pointing-up);\n      left: 50%;\n      top: calc(var(--arrow-size) * -1);\n      transform: translateX(-50%);\n    }\n\n    .pds-tooltip--bottom-end & {\n      border-block-end-color: var(--background-color);\n      border-width: var(--arrow-pointing-up);\n      left: initial;\n      right: var(--arrow-offset);\n      top: calc(var(--arrow-size) * -1);\n    }\n\n    .pds-tooltip--bottom-start & {\n      border-block-end-color: var(--background-color);\n      border-width: var(--arrow-pointing-up);\n      left: var(--arrow-offset);\n      top: calc(var(--arrow-size) * -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":"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"}

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

@@ -0,0 +1,2 @@
+System.register(["./p-7a5d5d62.system.js"],(function(e,t){"use strict";var n,s;return{setters:[function(t){n=t.p;s=t.b;e("setNonce",t.s)}],execute:function(){var e=function(){var e=t.meta.url;var s={};if(e!==""){s.resourcesUrl=new URL(".",e).href}return n(s)};e().then((function(e){return s([["p-54d324c2.system",[[1,"pds-copytext",{border:[516],componentId:[1,"component-id"],fullWidth:[4,"full-width"],truncate:[4],value:[1]}]]],["p-84c19af2.system",[[1,"pds-table-head"]]],["p-68e7924e.system",[[1,"pds-table-row",{isSelected:[32]}]]],["p-7a7416d5.system",[[1,"pds-avatar",{alt:[1],badge:[4],componentId:[1,"component-id"],dropdown:[4],image:[1],size:[513],variant:[513]}]]],["p-9fe27345.system",[[1,"pds-chip",{componentId:[1,"component-id"],sentiment:[1],dot:[4],label:[1],large:[4],variant:[1]}]]],["p-36862fec.system",[[1,"pds-link",{componentId:[1,"component-id"],external:[4],variant:[1],fontSize:[1,"font-size"],href:[1]}]]],["p-57da3e93.system",[[6,"pds-sortable-item",{enableActions:[4,"enable-actions"],componentId:[1,"component-id"],handle:[4]}]]],["p-e27e43c6.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-c76ace76.system",[[1,"pds-divider",{componentId:[1,"component-id"],offset:[1],vertical:[4]}]]],["p-5eaff61a.system",[[1,"pds-image",{alt:[1],componentId:[1,"component-id"],height:[2],loading:[1],sizes:[1],src:[1],srcset:[1],width:[2]}]]],["p-3fc7e481.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-72065c3a.system",[[1,"pds-progress",{animated:[4],componentId:[1,"component-id"],fillColor:[1,"fill-color"],label:[1],percent:[2],showPercent:[4,"show-percent"]}]]],["p-bdebf156.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-4abda138.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-a246e1d1.system",[[6,"pds-sortable",{border:[516],componentId:[1,"component-id"],dividers:[516],handleType:[1,"handle-type"]}]]],["p-85a97505.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-588cb0d6.system",[[4,"pds-tab",{name:[1],parentComponentId:[1,"parent-component-id"],variant:[1],index:[2],selected:[4]}]]],["p-dbe98ba2.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-a3ad3496.system",[[1,"pds-table-body"]]],["p-d94dd844.system",[[4,"pds-tabpanel",{name:[1],parentComponentId:[1,"parent-component-id"],variant:[1],selected:[1028]}]]],["p-59db2abd.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-f2c6b33e.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-b5b59894.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-269121f3.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-590b8bc3.system",[[1,"pds-button",{componentId:[1,"component-id"],disabled:[4],icon:[1],name:[1],value:[1],type:[1],variant:[1]}]]],["p-ad186d12.system",[[1,"pds-table-head-cell",{sortable:[4],sortingDirection:[32],tableScrolling:[32]}]]],["p-1e1f6bc4.system",[[1,"pds-checkbox",{checked:[4],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]}]]]],e)}))}}}));
+//# sourceMappingURL=p-b6a4d813.system.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["patchBrowser","importMeta","module","meta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","border","componentId","fullWidth","truncate","value","isSelected","alt","badge","dropdown","image","size","variant","sentiment","dot","label","large","external","fontSize","enableActions","handle","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","isOpen","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.12.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(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"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"}

package/dist/pine-core/{p-237709cc.system.entry.js → p-bdebf156.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-9830c8b4.system.js","./p-9138d494.system.js"],(function(r){"use strict";var o,i,e,a,s,d,c;return{setters:[function(r){o=r.r;i=r.c;e=r.h;a=r.H},function(r){s=r.m;d=r.P;c=r.a}],execute:function(){var n='.sc-pds-radio-h{--background-color:var(--pine-color-base-white);--background-color-hover:var(--pine-color-neutral-grey-100);--background-color-disabled:var(--pine-color-neutral-grey-200);--border:var(--pine-border-interactive);--border-color-hover:var(--pine-border-interactive-hover-color);--border-color-disabled:var(--pine-color-neutral-grey-300);--border-radius:50%;--color:var(--pine-color-neutral-charcoal-200);--color-checked:var(--pine-color-neutral-charcoal-500);--color-disabled:var(--pine-color-neutral-grey-500);--color-focus:var(--pine-color-primary-200);--color-invalid:var(--pine-color-red-300);--color-invalid-focus:var(--pine-color-red-200);--font-size:var(--pine-font-size-body-sm);--input-size:16px;--check-size:6px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.is-invalid.sc-pds-radio-h input.sc-pds-radio{border-color:var(--color-invalid)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:checked{background:var(--color-invalid)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:focus-visible{-webkit-box-shadow:0 0 0 4px var(--color-invalid-focus);box-shadow:0 0 0 4px var(--color-invalid-focus);outline:none}.is-invalid.sc-pds-radio-h label.sc-pds-radio,.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--color-invalid)}input.sc-pds-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--border);border-radius:var(--border-radius);height:var(--input-size);margin:0;position:relative;width:var(--input-size)}input.sc-pds-radio:hover{background:var(--background-color-hover);border-color:var(--border-color-hover)}input.sc-pds-radio:checked{background:var(--color-checked);border-color:var(--color-checked)}input.sc-pds-radio:checked::after{background:var(--background-color);border-radius:50%;content:"";display:block;height:var(--check-size);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--check-size)}input.sc-pds-radio:disabled{background:var(--background-color-disabled);border-color:var(--border-color-disabled);cursor:not-allowed}input.sc-pds-radio:disabled:checked{background:var(--color-disabled);border-color:var(--border-color-disabled)}input.sc-pds-radio:disabled:checked::after{border-color:var(--border-color-disabled)}input.sc-pds-radio:disabled+label.sc-pds-radio{color:var(--border-color-hover);cursor:not-allowed}input.sc-pds-radio:disabled~.pds-radio__message.sc-pds-radio{color:var(--color-disabled)}input.sc-pds-radio:focus-visible{-webkit-box-shadow:0 0 0 4px var(--color-focus);box-shadow:0 0 0 4px var(--color-focus);outline:none}label.sc-pds-radio{-webkit-margin-start:10px;margin-inline-start:10px}.pds-radio__message.sc-pds-radio{color:var(--color);font-size:var(--font-size);-webkit-margin-before:var(--check-size);margin-block-start:var(--check-size);-webkit-margin-start:26px;margin-inline-start:26px;width:100%}';var t=r("pds_radio",function(){function r(r){var e=this;o(this,r);this.pdsRadioChange=i(this,"pdsRadioChange",7);this.handleRadioChange=function(r){if(e.disabled){return}var o=r.target;var i=o.checked;e.pdsRadioChange.emit(i)};this.checked=false;this.disabled=false;this.errorMessage=undefined;this.invalid=false;this.componentId=undefined;this.label=undefined;this.helperMessage=undefined;this.name=undefined;this.required=false;this.value=undefined}r.prototype.classNames=function(){var r=[];if(this.invalid){r.push("is-invalid")}if(this.disabled){r.push("is-disabled")}return r.join("  ")};r.prototype.render=function(){return e(a,{class:this.classNames()},e("input",{"aria-describedby":c(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,type:"radio",id:this.componentId,name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onChange:this.handleRadioChange}),e(d,{htmlFor:this.componentId,text:this.label}),this.helperMessage&&e("div",{class:"pds-radio__message",id:s(this.componentId,"helper")},this.helperMessage),this.errorMessage&&e("div",{class:"pds-radio__message pds-radio__message--error",id:s(this.componentId,"error"),"aria-live":"assertive"},this.errorMessage))};return r}());t.style=n}}}));
-//# sourceMappingURL=p-237709cc.system.entry.js.map
+System.register(["./p-7a5d5d62.system.js","./p-3f82f07a.system.js"],(function(r){"use strict";var o,i,e,a,d,s,c;return{setters:[function(r){o=r.r;i=r.c;e=r.h;a=r.H},function(r){d=r.m;s=r.P;c=r.a}],execute:function(){var n='.sc-pds-radio-h{--background-color:var(--pine-color-base-white);--background-color-hover:var(--pine-color-neutral-grey-100);--background-color-disabled:var(--pine-color-neutral-grey-200);--border:var(--pine-border-interactive);--border-color-hover:var(--pine-border-interactive-hover-color);--border-color-disabled:var(--pine-color-neutral-grey-300);--border-radius:50%;--color:var(--pine-color-neutral-charcoal-200);--color-checked:var(--pine-color-neutral-charcoal-500);--color-disabled:var(--pine-color-neutral-grey-500);--color-focus:var(--pine-color-primary-200);--color-invalid:var(--pine-color-red-300);--color-invalid-focus:var(--pine-color-red-200);--font-size:var(--pine-font-size-body-sm);--input-size:16px;--check-size:6px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.is-invalid.sc-pds-radio-h input.sc-pds-radio{border-color:var(--color-invalid)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:checked{background:var(--color-invalid)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:focus-visible{-webkit-box-shadow:0 0 0 4px var(--color-invalid-focus);box-shadow:0 0 0 4px var(--color-invalid-focus);outline:none}.is-invalid.sc-pds-radio-h label.sc-pds-radio,.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--color-invalid)}input.sc-pds-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--border);border-radius:var(--border-radius);height:var(--input-size);margin:0;position:relative;width:var(--input-size)}input.sc-pds-radio:hover{background:var(--background-color-hover);border-color:var(--border-color-hover)}input.sc-pds-radio:checked{background:var(--color-checked);border-color:var(--color-checked)}input.sc-pds-radio:checked::after{background:var(--background-color);border-radius:50%;content:"";display:block;height:var(--check-size);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--check-size)}input.sc-pds-radio:disabled{background:var(--background-color-disabled);border-color:var(--border-color-disabled);cursor:not-allowed}input.sc-pds-radio:disabled:checked{background:var(--color-disabled);border-color:var(--border-color-disabled)}input.sc-pds-radio:disabled:checked::after{border-color:var(--border-color-disabled)}input.sc-pds-radio:disabled+label.sc-pds-radio{color:var(--border-color-hover);cursor:not-allowed}input.sc-pds-radio:disabled~.pds-radio__message.sc-pds-radio{color:var(--color-disabled)}input.sc-pds-radio:focus-visible{-webkit-box-shadow:0 0 0 4px var(--color-focus);box-shadow:0 0 0 4px var(--color-focus);outline:none}label.sc-pds-radio{-webkit-margin-start:10px;margin-inline-start:10px}.pds-radio__message.sc-pds-radio{color:var(--color);font-size:var(--font-size);-webkit-margin-before:var(--check-size);margin-block-start:var(--check-size);-webkit-margin-start:26px;margin-inline-start:26px;width:100%}';var t=n;var l=r("pds_radio",function(){function r(r){var e=this;o(this,r);this.pdsRadioChange=i(this,"pdsRadioChange",7);this.handleRadioChange=function(r){if(e.disabled){return}var o=r.target;var i=o.checked;e.pdsRadioChange.emit(i)};this.checked=false;this.disabled=false;this.errorMessage=undefined;this.invalid=false;this.componentId=undefined;this.label=undefined;this.helperMessage=undefined;this.name=undefined;this.required=false;this.value=undefined}r.prototype.classNames=function(){var r=[];if(this.invalid){r.push("is-invalid")}if(this.disabled){r.push("is-disabled")}return r.join("  ")};r.prototype.render=function(){return e(a,{key:"7aa805bfda81bb1a04093b9733473cddc935ea65",class:this.classNames()},e("input",{key:"907fba6999a8a781133f91c139829f417ffd3f80","aria-describedby":c(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,type:"radio",id:this.componentId,name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onChange:this.handleRadioChange}),e(s,{key:"72a62cc41ed4d9a4313442fe457901a6d0a194d3",htmlFor:this.componentId,text:this.label}),this.helperMessage&&e("div",{class:"pds-radio__message",id:d(this.componentId,"helper")},this.helperMessage),this.errorMessage&&e("div",{class:"pds-radio__message pds-radio__message--error",id:d(this.componentId,"error"),"aria-live":"assertive"},this.errorMessage))};return r}());l.style=t}}}));
+//# sourceMappingURL=p-bdebf156.system.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pdsRadioCss","PdsRadioStyle0","PdsRadio","exports","this","handleRadioChange","e","_this","disabled","target","isChecked","checked","pdsRadioChange","emit","class_1","prototype","classNames","invalid","push","join","render","h","Host","key","class","assignDescription","componentId","helperMessage","undefined","type","id","name","value","required","onChange","PdsLabel","htmlFor","text","label","messageId","errorMessage"],"sources":["src/components/pds-radio/pds-radio.scss?tag=pds-radio&encapsulation=scoped","src/components/pds-radio/pds-radio.tsx"],"sourcesContent":[":host {\n  --background-color: var(--pine-color-base-white);\n  --background-color-hover: var(--pine-color-neutral-grey-100);\n  --background-color-disabled: var(--pine-color-neutral-grey-200);\n  --border: var(--pine-border-interactive);\n  --border-color-hover: var(--pine-border-interactive-hover-color);\n  --border-color-disabled: var(--pine-color-neutral-grey-300);\n  --border-radius: 50%;\n  --color: var(--pine-color-neutral-charcoal-200);\n  --color-checked: var(--pine-color-neutral-charcoal-500);\n  --color-disabled: var(--pine-color-neutral-grey-500);\n  --color-focus: var(--pine-color-primary-200);\n  --color-invalid: var(--pine-color-red-300);\n  --color-invalid-focus: var(--pine-color-red-200);\n  --font-size: var(--pine-font-size-body-sm);\n  --input-size: 16px;\n  --check-size: 6px;\n\n  align-items: center;\n  display: flex;\n  flex-flow: row wrap;\n}\n\n:host(.is-invalid) {\n  input {\n    border-color: var(--color-invalid);\n\n    &:checked {\n      background: var(--color-invalid);\n    }\n\n    &:focus-visible {\n      box-shadow: 0 0 0 4px var(--color-invalid-focus);\n      outline: none;\n    }\n  }\n\n  label,\n  .pds-radio__message--error {\n    color: var(--color-invalid);\n  }\n}\n\ninput {\n  appearance: none;\n  border: var(--border);\n  border-radius: var(--border-radius);\n  height: var(--input-size);\n  margin: 0;\n  position: relative;\n  width: var(--input-size);\n\n  &:hover {\n    background: var(--background-color-hover);\n    border-color: var(--border-color-hover);\n  }\n\n  &:checked {\n    background: var(--color-checked);\n    border-color: var(--color-checked);\n\n    &::after {\n      background: var(--background-color);\n      border-radius: 50%;\n      content: \"\";\n      display: block;\n      height: var(--check-size);\n      left: 50%;\n      position: absolute;\n      top: 50%;\n      transform: translate(-50%, -50%);\n      width: var(--check-size);\n    }\n  }\n\n  &:disabled {\n    background: var(--background-color-disabled);\n    border-color: var(--border-color-disabled);\n    cursor: not-allowed;\n\n    &:checked {\n      background: var(--color-disabled);\n      border-color: var(--border-color-disabled);\n\n      &::after {\n        border-color: var(--border-color-disabled);\n      }\n    }\n\n    + label {\n      color: var(--border-color-hover);\n      cursor: not-allowed;\n    }\n\n    ~ .pds-radio__message {\n      color: var(--color-disabled);\n    }\n  }\n\n  &:focus-visible {\n    box-shadow: 0 0 0 4px var(--color-focus);\n    outline: none;\n  }\n\n}\n\nlabel {\n  margin-inline-start: 10px;\n}\n\n.pds-radio__message {\n  color: var(--color);\n  font-size: var(--font-size);\n  margin-block-start: var(--check-size);\n  margin-inline-start: 26px;\n  width: 100%;\n}\n","import { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\nimport { assignDescription, messageId } from '../../utils/form';\nimport { PdsLabel } from '../_internal/pds-label/pds-label';\n\n@Component({\n  tag: 'pds-radio',\n  styleUrl: 'pds-radio.scss',\n  scoped: true,\n})\nexport class PdsRadio {\n  /**\n   * Determines whether or not the radio is checked.\n   * @defaultValue false\n   */\n  @Prop() checked = false;\n\n  /**\n   * Determines whether or not the radio is disabled.\n   * @defaultValue false\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Displays message text describing an invalid state.\n   */\n  @Prop() errorMessage: string;\n\n  /**\n   * Determines whether or not the radio is invalid.\n   * @defaultValue false\n   */\n  @Prop() invalid = false;\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   * String used for label text next to radio.\n   */\n  @Prop() label: string;\n\n  /**\n   * String used for helper message below radio.\n   */\n  @Prop() helperMessage: string;\n\n  /**\n   * String used for radio `name` attribute.\n   */\n  @Prop() name: string;\n\n  /**\n   * Determines whether or not the radio is required.\n   * @defaultValue false\n   */\n  @Prop() required = false;\n\n  /**\n   * The value of the radio that is submitted with a form.\n   */\n  @Prop() value: string;\n\n  /**\n   * Emits a boolean indicating whether the checkbox is currently checked or unchecked.\n   */\n  @Event() pdsRadioChange: EventEmitter<boolean>;\n\n  private handleRadioChange = (e: Event) => {\n    if (this.disabled) {\n      return;\n    }\n\n    const target = e.target as HTMLInputElement;\n    const isChecked = target.checked;\n\n    this.pdsRadioChange.emit(isChecked);\n  }\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.invalid) {\n      classNames.push('is-invalid');\n    }\n    if (this.disabled) {\n      classNames.push('is-disabled');\n    }\n\n    return classNames.join('  ');\n  }\n\n  render() {\n    return (\n      <Host class={this.classNames()}>\n        <input\n          aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n          aria-invalid={this.invalid ? \"true\" : undefined}\n          type=\"radio\"\n          id={this.componentId}\n          name={this.name}\n          value={this.value}\n          checked={this.checked}\n          required={this.required}\n          disabled={this.disabled}\n          onChange={this.handleRadioChange}\n        />\n        <PdsLabel htmlFor={this.componentId} text={this.label} />\n        {this.helperMessage &&\n          <div\n            class={'pds-radio__message'}\n            id={messageId(this.componentId, 'helper')}\n          >\n            {this.helperMessage}\n          </div>\n        }\n        {this.errorMessage &&\n          <div\n            class={`pds-radio__message pds-radio__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":"wNAAA,IAAMA,EAAc,y4FACpB,IAAAC,EAAeD,E,ICQFE,EAAQC,EAAA,uB,kFA4DXC,KAAAC,kBAAoB,SAACC,GAC3B,GAAIC,EAAKC,SAAU,CACjB,M,CAGF,IAAMC,EAASH,EAAEG,OACjB,IAAMC,EAAYD,EAAOE,QAEzBJ,EAAKK,eAAeC,KAAKH,E,eA/DT,M,cAMC,M,yCAWD,M,+GA0BC,M,qBAuBXI,EAAAC,UAAAC,WAAA,WACN,IAAMA,EAAa,GAEnB,GAAIZ,KAAKa,QAAS,CAChBD,EAAWE,KAAK,a,CAElB,GAAId,KAAKI,SAAU,CACjBQ,EAAWE,KAAK,c,CAGlB,OAAOF,EAAWG,KAAK,K,EAGzBL,EAAAC,UAAAK,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOpB,KAAKY,cAChBK,EAAA,SAAAE,IAAA,8DACoBE,EAAkBrB,KAAKsB,YAAatB,KAAKa,QAASb,KAAKuB,eAAc,eACzEvB,KAAKa,QAAU,OAASW,UACtCC,KAAK,QACLC,GAAI1B,KAAKsB,YACTK,KAAM3B,KAAK2B,KACXC,MAAO5B,KAAK4B,MACZrB,QAASP,KAAKO,QACdsB,SAAU7B,KAAK6B,SACfzB,SAAUJ,KAAKI,SACf0B,SAAU9B,KAAKC,oBAEjBgB,EAACc,EAAQ,CAAAZ,IAAA,2CAACa,QAAShC,KAAKsB,YAAaW,KAAMjC,KAAKkC,QAC/ClC,KAAKuB,eACJN,EAAA,OACEG,MAAO,qBACPM,GAAIS,EAAUnC,KAAKsB,YAAa,WAE/BtB,KAAKuB,eAGTvB,KAAKoC,cACJnB,EAAA,OACEG,MAAO,+CACPM,GAAIS,EAAUnC,KAAKsB,YAAa,SAAQ,YAC9B,aAETtB,KAAKoC,c,WAlHG,I"}

package/dist/pine-core/{p-aa9f027c.entry.js → p-be00178d.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as r,h as i,H as a,g as o}from"./p-c81c20b7.js";import{i as l,P as t,a as s,m as n}from"./p-e893b132.js";const d=":host{--background-color:#fff;--background-color-disabled:var(--pine-color-neutral-grey-200);--color:var(--pine-color-neutral-charcoal-400);--color-error:var(--pine-color-red-300);--color-placeholder:var(--pine-color-neutral-charcoal-200);--color-disabled:var(--pine-color-neutral-charcoal-200);--border-color-default:var(--pine-color-neutral-grey-400);--border-color-hover:var(--pine-color-neutral-grey-500);--border-color-focus-visible:var(--pine-color-neutral-grey-300);--border-color-error:var(--pine-color-red-300);--focus-visible-outline-color:var(--pine-color-primary-200);--focus-visible-outline-color-error:var(--pine-color-red-200);--label-font-size:var(--pine-font-size-body);--label-font-weight:var(--pine-font-weight-medium);--label-line-height:var(--pine-line-height-md);--label-margin-block-end:var(--pine-spacing-xs);--field-font-size:var(--pine-font-size-body);--field-font-weight:var(--pine-font-weight-regular);--field-line-height:var(--pine-line-height-md);--field-padding-block:var(--pine-spacing-xs);--field-padding-inline:var(--pine-spacing-sm);--helper-message-font-size:var(--pine-font-size-body-xs);--helper-message-font-weight:var(--pine-font-weight-regular);--helper-message-line-height:var(--pine-line-height-sm);--helper-message-margin-block-start:var(--pine-spacing-xs);display:inline}.pds-textarea{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}label{display:block;font-size:var(--label-font-size);font-weight:var(--label-font-weight);line-height:var(--label-line-height);-webkit-margin-after:var(--label-margin-block-end);margin-block-end:var(--label-margin-block-end)}.pds-textarea__field{background-color:var(--background-color);border:var(--pine-border-interactive);border-radius:var(--pine-border-radius-md);font-family:inherit;font-size:var(--field-font-size);font-weight:var(--field-font-weight);line-height:var(--field-line-height);padding:var(--field-padding-block) var(--field-padding-inline)}.pds-textarea__field:hover:not(:disabled,.is-invalid){border-color:var(--border-color-hover)}.pds-textarea__field:disabled{background-color:var(--background-color-disabled);color:var(--color-disabled);cursor:not-allowed}.pds-textarea__field:focus-visible{border-color:var(--border-color-focus-visible);outline:4px solid var(--focus-visible-outline-color)}.pds-textarea__field::-webkit-input-placeholder{color:var(--color-placeholder)}.pds-textarea__field::-moz-placeholder{color:var(--color-placeholder)}.pds-textarea__field:-ms-input-placeholder{color:var(--color-placeholder)}.pds-textarea__field::-ms-input-placeholder{color:var(--color-placeholder)}.pds-textarea__field::placeholder{color:var(--color-placeholder)}.pds-textarea__field.is-invalid{border-color:var(--color-error);outline-color:var(--focus-visible-outline-color-error)}.pds-textarea__error-message,.pds-textarea__helper-message{font-size:var(--helper-message-font-size);font-weight:var(--helper-message-font-weight);line-height:var(--helper-message-line-height);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:var(--helper-message-margin-block-start);margin-block-start:var(--helper-message-margin-block-start)}.pds-textarea__error-message{color:var(--color-error)}";const h=class{constructor(i){e(this,i);this.pdsTextareaChange=r(this,"pdsTextareaChange",7);this.onTextareaChange=e=>{const r=e.target;l(r,this);if(r){this.value=r.innerHTML}this.pdsTextareaChange.emit({value:this.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}textareaClassNames(){const e=["pds-textarea__field"];if(this.invalid&&this.invalid===true){e.push("is-invalid")}return e.join("  ")}render(){return i(a,{"aria-disabled":this.disabled?"true":null},i("div",{class:"pds-textarea"},this.label&&i(t,{htmlFor:this.componentId,text:this.label}),i("textarea",{"aria-describedby":s(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",{class:"pds-textarea__helper-message",id:n(this.componentId,"helper")},this.helperMessage),this.invalid&&i("p",{"aria-live":"assertive",class:"pds-textarea__error-message",id:n(this.componentId,"error")},this.errorMessage)))}get el(){return o(this)}};h.style=d;export{h as pds_textarea};
-//# sourceMappingURL=p-aa9f027c.entry.js.map
+import{r as e,c as r,h as i,H as a,g as o}from"./p-db677b4c.js";import{i as l,P as t,a as s,m as d}from"./p-413d41ad.js";const n=":host{--background-color:#fff;--background-color-disabled:var(--pine-color-neutral-grey-200);--color:var(--pine-color-neutral-charcoal-400);--color-error:var(--pine-color-red-300);--color-placeholder:var(--pine-color-neutral-charcoal-200);--color-disabled:var(--pine-color-neutral-charcoal-200);--border-color-default:var(--pine-color-neutral-grey-400);--border-color-hover:var(--pine-color-neutral-grey-500);--border-color-focus-visible:var(--pine-color-neutral-grey-300);--border-color-error:var(--pine-color-red-300);--focus-visible-outline-color:var(--pine-color-primary-200);--focus-visible-outline-color-error:var(--pine-color-red-200);--label-font-size:var(--pine-font-size-body);--label-font-weight:var(--pine-font-weight-medium);--label-line-height:var(--pine-line-height-md);--label-margin-block-end:var(--pine-spacing-xs);--field-font-size:var(--pine-font-size-body);--field-font-weight:var(--pine-font-weight-regular);--field-line-height:var(--pine-line-height-md);--field-padding-block:var(--pine-spacing-xs);--field-padding-inline:var(--pine-spacing-sm);--helper-message-font-size:var(--pine-font-size-body-xs);--helper-message-font-weight:var(--pine-font-weight-regular);--helper-message-line-height:var(--pine-line-height-sm);--helper-message-margin-block-start:var(--pine-spacing-xs);display:inline}.pds-textarea{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}label{display:block;font-size:var(--label-font-size);font-weight:var(--label-font-weight);line-height:var(--label-line-height);-webkit-margin-after:var(--label-margin-block-end);margin-block-end:var(--label-margin-block-end)}.pds-textarea__field{background-color:var(--background-color);border:var(--pine-border-interactive);border-radius:var(--pine-border-radius-md);font-family:inherit;font-size:var(--field-font-size);font-weight:var(--field-font-weight);line-height:var(--field-line-height);padding:var(--field-padding-block) var(--field-padding-inline)}.pds-textarea__field:hover:not(:disabled,.is-invalid){border-color:var(--border-color-hover)}.pds-textarea__field:disabled{background-color:var(--background-color-disabled);color:var(--color-disabled);cursor:not-allowed}.pds-textarea__field:focus-visible{border-color:var(--border-color-focus-visible);outline:4px solid var(--focus-visible-outline-color)}.pds-textarea__field::-webkit-input-placeholder{color:var(--color-placeholder)}.pds-textarea__field::-moz-placeholder{color:var(--color-placeholder)}.pds-textarea__field:-ms-input-placeholder{color:var(--color-placeholder)}.pds-textarea__field::-ms-input-placeholder{color:var(--color-placeholder)}.pds-textarea__field::placeholder{color:var(--color-placeholder)}.pds-textarea__field.is-invalid{border-color:var(--color-error);outline-color:var(--focus-visible-outline-color-error)}.pds-textarea__error-message,.pds-textarea__helper-message{font-size:var(--helper-message-font-size);font-weight:var(--helper-message-font-weight);line-height:var(--helper-message-line-height);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:var(--helper-message-margin-block-start);margin-block-start:var(--helper-message-margin-block-start)}.pds-textarea__error-message{color:var(--color-error)}";const c=n;const h=class{constructor(i){e(this,i);this.pdsTextareaChange=r(this,"pdsTextareaChange",7);this.onTextareaChange=e=>{const r=e.target;l(r,this);if(r){this.value=r.innerHTML}this.pdsTextareaChange.emit({value:this.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}textareaClassNames(){const e=["pds-textarea__field"];if(this.invalid&&this.invalid===true){e.push("is-invalid")}return e.join("  ")}render(){return i(a,{key:"1f722be202c2daa9c8ac782716f7be2ef2da2edc","aria-disabled":this.disabled?"true":null},i("div",{key:"5eb779ac1fbbb24420b1362ec103ef6112319aaf",class:"pds-textarea"},this.label&&i(t,{htmlFor:this.componentId,text:this.label}),i("textarea",{key:"8e2a2de3ea1aa172022b7dea79a34ddcfa8a501b","aria-describedby":s(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",{class:"pds-textarea__helper-message",id:d(this.componentId,"helper")},this.helperMessage),this.invalid&&i("p",{"aria-live":"assertive",class:"pds-textarea__error-message",id:d(this.componentId,"error")},this.errorMessage)))}get el(){return o(this)}};h.style=c;export{h as pds_textarea};
+//# sourceMappingURL=p-be00178d.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pdsTextareaCss","PdsTextareaStyle0","PdsTextarea","this","onTextareaChange","ev","textarea","target","isRequired","value","innerHTML","pdsTextareaChange","emit","event","componentId","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  --background-color: #fff;\n  --background-color-disabled: var(--pine-color-neutral-grey-200);\n\n  --color: var(--pine-color-neutral-charcoal-400);\n  --color-error: var(--pine-color-red-300);\n  --color-placeholder: var(--pine-color-neutral-charcoal-200);\n  --color-disabled: var(--pine-color-neutral-charcoal-200);\n\n  --border-color-default: var(--pine-color-neutral-grey-400);\n  --border-color-hover: var(--pine-color-neutral-grey-500);\n  --border-color-focus-visible: var(--pine-color-neutral-grey-300);\n  --border-color-error: var(--pine-color-red-300);\n\n  --focus-visible-outline-color: var(--pine-color-primary-200);\n  --focus-visible-outline-color-error: var(--pine-color-red-200);\n\n  --label-font-size: var(--pine-font-size-body);\n  --label-font-weight: var(--pine-font-weight-medium);\n  --label-line-height: var(--pine-line-height-md);\n  --label-margin-block-end: var(--pine-spacing-xs);\n\n  --field-font-size: var(--pine-font-size-body);\n  --field-font-weight: var(--pine-font-weight-regular);\n  --field-line-height: var(--pine-line-height-md);\n  --field-padding-block: var(--pine-spacing-xs);\n  --field-padding-inline: var(--pine-spacing-sm);\n\n  --helper-message-font-size: var(--pine-font-size-body-xs);\n  --helper-message-font-weight: var(--pine-font-weight-regular);\n  --helper-message-line-height: var(--pine-line-height-sm);\n  --helper-message-margin-block-start: var(--pine-spacing-xs);\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(--label-font-size);\n  font-weight: var(--label-font-weight);\n  line-height: var(--label-line-height);\n  margin-block-end: var(--label-margin-block-end);\n}\n\n.pds-textarea__field {\n  background-color: var(--background-color);\n  border: var(--pine-border-interactive);\n  border-radius: var(--pine-border-radius-md);\n  font-family: inherit;\n  font-size: var(--field-font-size);\n  font-weight: var(--field-font-weight);\n  line-height: var(--field-line-height);\n  padding: var(--field-padding-block) var(--field-padding-inline);\n\n  &:hover:not(:disabled, .is-invalid) {\n    border-color: var(--border-color-hover);\n  }\n\n  &:disabled {\n    background-color: var(--background-color-disabled);\n    color: var(--color-disabled);\n    cursor: not-allowed;\n  }\n\n  &:focus-visible {\n    border-color: var(--border-color-focus-visible);\n    outline: 4px solid var(--focus-visible-outline-color);\n  }\n\n  &::placeholder {\n    color: var(--color-placeholder);\n  }\n\n  &.is-invalid {\n    border-color: var(--color-error);\n    outline-color: var(--focus-visible-outline-color-error);\n  }\n}\n\n.pds-textarea__error-message,\n.pds-textarea__helper-message {\n  font-size: var(--helper-message-font-size);\n  font-weight: var(--helper-message-font-weight);\n  line-height: var(--helper-message-line-height);\n  margin-block-end: 0;\n  margin-block-start: var(--helper-message-margin-block-start);\n}\n\n.pds-textarea__error-message {\n  color: var(--color-error);\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":"yHAAA,MAAMA,EAAiB,qpGACvB,MAAAC,EAAeD,E,MCSFE,EAAW,M,8EAwEdC,KAAAC,iBAAoBC,IAC1B,MAAMC,EAAWD,EAAGE,OACpBC,EAAWF,EAAUH,MAErB,GAAIG,EAAU,CACZH,KAAKM,MAAQH,EAASI,S,CAGxBP,KAAKQ,kBAAkBC,KAAK,CAACH,MAAON,KAAKM,MAAOI,MAAOR,GAAI,E,yCApE1C,M,sEAgBc,M,+BAUVF,KAAKW,Y,yCAWT,M,cAMA,M,yCA4BX,kBAAAC,GACN,MAAMC,EAAa,CAAC,uBAEpB,GAAIb,KAAKc,SAAWd,KAAKc,UAAY,KAAM,CACzCD,EAAWE,KAAK,a,CAGlB,OAAOF,EAAWG,KAAK,K,CAGzB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2DACYpB,KAAKqB,SAAW,OAAS,MAExCH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,gBACRtB,KAAKuB,OACJL,EAACM,EAAQ,CAACC,QAASzB,KAAKW,YAAae,KAAM1B,KAAKuB,QAElDL,EAAA,YAAAE,IAAA,8DACoBO,EAAkB3B,KAAKW,YAAaX,KAAKc,QAASd,KAAK4B,eAAc,eACzE5B,KAAKc,QAAU,OAASe,UACtCP,MAAOtB,KAAKY,qBACZS,SAAUrB,KAAKqB,SACfS,GAAI9B,KAAKW,YACToB,KAAM/B,KAAK+B,KACXC,YAAahC,KAAKgC,YAClBC,SAAUjC,KAAKkC,SACfC,SAAUnC,KAAKmC,SACfC,KAAMpC,KAAKoC,KACXC,SAAUrC,KAAKC,kBACfD,KAAKM,OACNN,KAAK4B,eACJV,EAAA,KACEI,MAAM,+BACNQ,GAAIQ,EAAUtC,KAAKW,YAAa,WAE/BX,KAAK4B,eAGT5B,KAAKc,SACJI,EAAA,iBACY,YACVI,MAAM,8BACNQ,GAAIQ,EAAUtC,KAAKW,YAAa,UAE/BX,KAAKuC,e"}

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

@@ -0,0 +1,2 @@
+import{r as a,h as r,H as s}from"./p-db677b4c.js";const i=":host{display:inline-block}div{--background-color:var(--pine-color-primary-100);--badge-background-color:var(--pine-color-base-white);--border:var(--pine-border-default);--radius-round:50%;-ms-flex-align:center;align-items:center;background-color:var(--background-color);border-radius:var(--admin-radius-round, var(--radius-round));display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;position:relative}:host(.pds-avatar--admin) div{--admin-radius-round:12px;border-radius:var(--admin-radius-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 4px var(--pine-color-primary-200);-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--radius-round);cursor:pointer;display:-ms-flexbox;display:flex;padding:0}.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(--badge-background-color);border:var(--border);border-color:var(--badge-background-color);border-radius:var(--radius-round);bottom:0;position:absolute;right:0}img{border-radius:var(--admin-radius-round, var(--radius-round));height:100%;-o-object-fit:cover;object-fit:cover;width:100%}";const t=i;const o=class{constructor(s){a(this,s);this.renderAvatar=()=>{const a={height:this.avatarSize(),width:this.avatarSize()};return this.dropdown?r("button",{class:"pds-avatar__button",type:"button"},r("div",{style:a},this.renderIconOrImage(),this.renderBadge())):r("div",{style:a},this.renderIconOrImage(),this.renderBadge())};this.renderBadge=()=>this.badge&&r("pds-icon",{class:"pds-avatar__badge",name:"check-circle-filled",size:"33.53%"});this.renderIconOrImage=()=>this.image?r("img",{alt:this.alt,src:this.image}):r("pds-icon",{name:"user-filled",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 a={xs:"24px",sm:"32px",md:"40px",lg:"56px",xl:"64px"};if(a[this.size]){return a[this.size]}else{return this.size}}render(){return r(s,{key:"595815274032d146a4bb480940d152ba2507c2b4",id:this.componentId,class:Object.assign({},this.classNames())},this.renderAvatar())}};o.style=t;export{o as pds_avatar};
+//# sourceMappingURL=p-c36795fd.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pdsAvatarCss","PdsAvatarStyle0","PdsAvatar","this","renderAvatar","style","height","avatarSize","width","dropdown","h","class","type","renderIconOrImage","renderBadge","badge","name","size","image","alt","src","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  --background-color: var(--pine-color-primary-100);\n  --badge-background-color: var(--pine-color-base-white);\n  --border: var(--pine-border-default);\n  --radius-round: 50%;\n\n  align-items: center;\n  background-color: var(--background-color);\n  border-radius: var(--admin-radius-round, var(--radius-round));\n  display: inline-flex;\n  justify-content: center;\n  position: relative;\n\n  :host(.pds-avatar--admin) & {\n    --admin-radius-round: 12px;\n    border-radius: var(--admin-radius-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 4px var(--pine-color-primary-200);\n\n  align-items: center;\n  appearance: none;\n  background: transparent;\n  border: 0;\n  border-radius: var(--radius-round);\n  cursor: pointer;\n  display: flex;\n  padding: 0;\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(--badge-background-color);\n  border: var(--border);\n  border-color: var(--badge-background-color);\n  border-radius: var(--radius-round);\n  bottom: 0;\n  position: absolute;\n  right: 0;\n}\n\nimg {\n  border-radius: var(--admin-radius-round, var(--radius-round));\n  height: 100%;\n  object-fit: cover;\n  width: 100%;\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\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 renderAvatar = () => {\n    const style = {\n      height: this.avatarSize(),\n      width: this.avatarSize()\n    };\n    return (\n      this.dropdown\n        ?\n        <button class=\"pds-avatar__button\" type=\"button\">\n          <div style={style}>\n            {this.renderIconOrImage()}\n            {this.renderBadge()}\n          </div>\n        </button>\n        :\n        <div style={style}>\n          {this.renderIconOrImage()}\n          {this.renderBadge()}\n        </div>\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\" name=\"check-circle-filled\" 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 name=\"user-filled\" 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":"kDAAA,MAAMA,EAAe,24CACrB,MAAAC,EAAeD,E,MCMFE,EAAS,M,yBAiEZC,KAAAC,aAAe,KACrB,MAAMC,EAAQ,CACZC,OAAQH,KAAKI,aACbC,MAAOL,KAAKI,cAEd,OACEJ,KAAKM,SAEHC,EAAA,UAAQC,MAAM,qBAAqBC,KAAK,UACtCF,EAAA,OAAKL,MAAOA,GACTF,KAAKU,oBACLV,KAAKW,gBAIVJ,EAAA,OAAKL,MAAOA,GACTF,KAAKU,oBACLV,KAAKW,cACF,EAIJX,KAAAW,YAAc,IACpBX,KAAKY,OAIAL,EAAA,YAAUC,MAAM,oBAAoBK,KAAK,sBAAsBC,KAAK,WAGnEd,KAAAU,kBAAoB,IAC1BV,KAAKe,MACDR,EAAA,OAAKS,IAAKhB,KAAKgB,IAAKC,IAAKjB,KAAKe,QAI9BR,EAAA,YAAUM,KAAK,cAAcC,KAAK,WAGhCd,KAAAkB,WAAa,MAEjB,aAAc,KACd,CAAC,yBAA0BlB,KAAKe,QAAU,IAAMf,KAAKe,QAAU,KAC/D,CAAC,eAAef,KAAKmB,WAAYnB,KAAKmB,UAAY,U,SAtGxB,K,WAMb,M,yCAWG,M,WAMY,K,UAYrB,K,aAM+C,U,CAElD,UAAAf,GACN,MAAMgB,EAAgC,CACpCC,GAAI,OACJC,GAAI,OACJC,GAAI,OACJC,GAAI,OACJC,GAAI,QAGN,GAAIL,EAAMpB,KAAKc,MAAO,CACpB,OAAOM,EAAMpB,KAAKc,K,KACb,CACL,OAAOd,KAAKc,I,EAmDhB,MAAAY,GAEE,OACEnB,EAACoB,EAAI,CAAAC,IAAA,2CACHC,GAAI7B,KAAK8B,YACTtB,MAAKuB,OAAAC,OAAA,GAAMhC,KAAKkB,eAEflB,KAAKC,e"}

package/dist/pine-core/{p-db6ea8de.entry.js → p-c5641077.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as i,h as r,H as o}from"./p-c81c20b7.js";import{P as a,a as n,m as l}from"./p-e893b132.js";const s=":host{--background:var(--pine-color-base-white);--background-disabled:var(--pine-color-neutral-grey-100);--color:var(--pine-color-neutral-charcoal-500);--color-error:var(--pine-color-red-300);--color-placeholder:var(--pine-color-neutral-charcoal-200);--color-disabled:var(--pine-color-neutral-grey-500);--border-color-default:var(--pine-color-neutral-grey-400);--border-color-hover:var(--pine-color-neutral-grey-500);--focus-box-shadow:0 0 0 4px var(--pine-color-primary-200);--label-font-size:var(--pine-font-size-body);--label-font-weight:var(--pine-font-weight-medium);--label-line-height:var(--pine-line-height-md);--label-margin-block-end:var(--pine-spacing-xs);--field-font-size:var(--pine-font-size-body);--field-font-weight:var(--pine-font-weight-regular);--field-line-height:var(--pine-line-height-md);--field-padding-block:var(--pine-spacing-xs);--field-padding-inline:var(--pine-spacing-sm);--helper-message-font-size:var(--pine-font-size-body);--helper-message-font-weight:var(--pine-font-weight-regular);--helper-message-line-height:var(--pine-line-height-sm);--helper-message-margin-top:var(--pine-spacing-xs);display:inline}.pds-input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}label{font-size:var(--label-font-size);font-weight:var(--label-font-weight);line-height:var(--label-line-height);-webkit-margin-after:var(--label-margin-block-end);margin-block-end:var(--label-margin-block-end)}input{border:1px solid var(--border-color-default);border-radius:10px;font-size:var(--field-font-size);font-weight:var(--field-font-weight);line-height:var(--field-line-height);padding:var(--field-padding-block) var(--field-padding-inline);}input:disabled{background-color:var(--background-disabled);color:var(--color-disabled);cursor:not-allowed}input:hover{border-color:var(--border-color-hover)}input:focus{-webkit-box-shadow:var(--focus-box-shadow);box-shadow:var(--focus-box-shadow);outline:none}input::-webkit-input-placeholder{color:var(--color-placeholder)}input::-moz-placeholder{color:var(--color-placeholder)}input::-moz-placeholder{color:var(--color-placeholder)}input:-ms-input-placeholder{color:var(--color-placeholder)}input:has(~.pds-input__error-message){border-color:var(--color-error)}.pds-input__error-message,.pds-input__helper-message{font-size:var(--helper-message-font-size);font-weight:var(--helper-message-font-weight);line-height:var(--helper-message-line-height);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:var(--helper-message-margin-top);margin-block-start:var(--helper-message-margin-top)}.pds-input__error-message{color:var(--color-error)}";const t=class{constructor(r){e(this,r);this.pdsInput=i(this,"pdsInput",7);this.onInputEvent=e=>{const i=e.target;if(i){this.value=i.value||""}this.pdsInput.emit(e)};this.componentId=undefined;this.disabled=undefined;this.errorMessage=undefined;this.helperMessage=undefined;this.invalid=undefined;this.label=undefined;this.name=undefined;this.placeholder=undefined;this.readonly=undefined;this.required=undefined;this.type="text";this.value=undefined}render(){return r(o,{"aria-disabled":this.disabled?"true":null},r("div",{class:"pds-input"},r(a,{htmlFor:this.componentId,text:this.label}),r("input",{class:"pds-input__field","aria-describedby":n(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,disabled:this.disabled,id:this.componentId,name:this.name,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,type:this.type,value:this.value,onInput:this.onInputEvent}),this.helperMessage&&r("p",{class:"pds-input__helper-message",id:l(this.componentId,"helper")},this.helperMessage),this.errorMessage&&r("p",{class:"pds-input__error-message",id:l(this.componentId,"error"),"aria-live":"assertive"},this.errorMessage)))}};t.style=s;export{t as pds_input};
-//# sourceMappingURL=p-db6ea8de.entry.js.map
+import{r as e,c as i,h as r,H as o}from"./p-db677b4c.js";import{P as a,a as n,m as l}from"./p-413d41ad.js";const s=":host{--background:var(--pine-color-base-white);--background-disabled:var(--pine-color-neutral-grey-100);--color:var(--pine-color-neutral-charcoal-500);--color-error:var(--pine-color-red-300);--color-placeholder:var(--pine-color-neutral-charcoal-200);--color-disabled:var(--pine-color-neutral-grey-500);--border-color-default:var(--pine-color-neutral-grey-400);--border-color-hover:var(--pine-color-neutral-grey-500);--focus-box-shadow:0 0 0 4px var(--pine-color-primary-200);--label-font-size:var(--pine-font-size-body);--label-font-weight:var(--pine-font-weight-medium);--label-line-height:var(--pine-line-height-md);--label-margin-block-end:var(--pine-spacing-xs);--field-font-size:var(--pine-font-size-body);--field-font-weight:var(--pine-font-weight-regular);--field-line-height:var(--pine-line-height-md);--field-padding-block:var(--pine-spacing-xs);--field-padding-inline:var(--pine-spacing-sm);--helper-message-font-size:var(--pine-font-size-body);--helper-message-font-weight:var(--pine-font-weight-regular);--helper-message-line-height:var(--pine-line-height-sm);--helper-message-margin-top:var(--pine-spacing-xs);display:inline}.pds-input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}label{font-size:var(--label-font-size);font-weight:var(--label-font-weight);line-height:var(--label-line-height);-webkit-margin-after:var(--label-margin-block-end);margin-block-end:var(--label-margin-block-end)}input{border:1px solid var(--border-color-default);border-radius:10px;font-size:var(--field-font-size);font-weight:var(--field-font-weight);line-height:var(--field-line-height);padding:var(--field-padding-block) var(--field-padding-inline);}input:disabled{background-color:var(--background-disabled);color:var(--color-disabled);cursor:not-allowed}input:hover{border-color:var(--border-color-hover)}input:focus{-webkit-box-shadow:var(--focus-box-shadow);box-shadow:var(--focus-box-shadow);outline:none}input::-webkit-input-placeholder{color:var(--color-placeholder)}input::-moz-placeholder{color:var(--color-placeholder)}input::-moz-placeholder{color:var(--color-placeholder)}input:-ms-input-placeholder{color:var(--color-placeholder)}input:has(~.pds-input__error-message){border-color:var(--color-error)}.pds-input__error-message,.pds-input__helper-message{font-size:var(--helper-message-font-size);font-weight:var(--helper-message-font-weight);line-height:var(--helper-message-line-height);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:var(--helper-message-margin-top);margin-block-start:var(--helper-message-margin-top)}.pds-input__error-message{color:var(--color-error)}";const t=s;const d=class{constructor(r){e(this,r);this.pdsInput=i(this,"pdsInput",7);this.onInputEvent=e=>{const i=e.target;if(i){this.value=i.value||""}this.pdsInput.emit(e)};this.componentId=undefined;this.disabled=undefined;this.errorMessage=undefined;this.helperMessage=undefined;this.invalid=undefined;this.label=undefined;this.name=undefined;this.placeholder=undefined;this.readonly=undefined;this.required=undefined;this.type="text";this.value=undefined}render(){return r(o,{key:"4e60728fb056594ae2994af77f7e7bae2b886794","aria-disabled":this.disabled?"true":null},r("div",{key:"29f77b38b5927e32cb7c0e5a1ecf1f2c5524a69f",class:"pds-input"},r(a,{key:"fd7e9df19532f34ce2e168f41baab2686df6d9cd",htmlFor:this.componentId,text:this.label}),r("input",{key:"6859b44f35cdccc16f5f0d68de2e039e2d5f3c51",class:"pds-input__field","aria-describedby":n(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,disabled:this.disabled,id:this.componentId,name:this.name,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,type:this.type,value:this.value,onInput:this.onInputEvent}),this.helperMessage&&r("p",{class:"pds-input__helper-message",id:l(this.componentId,"helper")},this.helperMessage),this.errorMessage&&r("p",{class:"pds-input__error-message",id:l(this.componentId,"error"),"aria-live":"assertive"},this.errorMessage)))}};d.style=t;export{d as pds_input};
+//# sourceMappingURL=p-c5641077.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pdsInputCss","PdsInputStyle0","PdsInput","this","onInputEvent","ev","input","target","value","pdsInput","emit","render","h","Host","key","disabled","class","PdsLabel","htmlFor","componentId","text","label","assignDescription","invalid","helperMessage","undefined","id","name","placeholder","readOnly","readonly","required","type","onInput","messageId","errorMessage"],"sources":["src/components/pds-input/pds-input.scss?tag=pds-input&encapsulation=shadow","src/components/pds-input/pds-input.tsx"],"sourcesContent":[":host {\n  --background: var(--pine-color-base-white);\n  --background-disabled: var(--pine-color-neutral-grey-100);\n\n  --color: var(--pine-color-neutral-charcoal-500);\n  --color-error: var(--pine-color-red-300);\n  --color-placeholder: var(--pine-color-neutral-charcoal-200);\n  --color-disabled: var(--pine-color-neutral-grey-500);\n\n  --border-color-default: var(--pine-color-neutral-grey-400);\n  --border-color-hover: var(--pine-color-neutral-grey-500);\n\n  --focus-box-shadow: 0 0 0 4px var(--pine-color-primary-200);\n\n  --label-font-size: var(--pine-font-size-body);\n  --label-font-weight: var(--pine-font-weight-medium);\n  --label-line-height: var(--pine-line-height-md);\n  --label-margin-block-end: var(--pine-spacing-xs);\n\n  --field-font-size: var(--pine-font-size-body);\n  --field-font-weight: var(--pine-font-weight-regular);\n  --field-line-height: var(--pine-line-height-md);\n  --field-padding-block: var(--pine-spacing-xs);\n  --field-padding-inline: var(--pine-spacing-sm);\n\n  --helper-message-font-size: var(--pine-font-size-body);\n  --helper-message-font-weight: var(--pine-font-weight-regular);\n  --helper-message-line-height: var(--pine-line-height-sm);\n  --helper-message-margin-top: var(--pine-spacing-xs);\n\n  display: inline;\n}\n\n.pds-input {\n  display: flex;\n  flex-direction: column;\n}\n\nlabel {\n  font-size: var(--label-font-size);\n  font-weight: var(--label-font-weight);\n  line-height: var(--label-line-height);\n  margin-block-end: var(--label-margin-block-end);\n}\n\ninput {\n  border: 1px solid var(--border-color-default);\n  border-radius: 10px;\n  font-size: var(--field-font-size);\n  font-weight: var(--field-font-weight);\n  line-height: var(--field-line-height);\n  padding: var(--field-padding-block) var(--field-padding-inline);\n\n  &:disabled {\n    background-color: var(--background-disabled);\n    color: var(--color-disabled);\n    cursor: not-allowed;\n  }\n\n  &:hover {\n    border-color: var(--border-color-hover);\n  }\n\n  &:focus {\n    box-shadow: var(--focus-box-shadow);\n    outline: none;\n  }\n\n  /* stylelint-disable */\n  &::-webkit-input-placeholder {\n    color: var(--color-placeholder);\n  }\n\n  &::-moz-placeholder {\n    color: var(--color-placeholder);\n  }\n\n  &::-moz-placeholder {\n    color: var(--color-placeholder);\n  }\n\n  &:-ms-input-placeholder {\n    color: var(--color-placeholder);\n  }\n\n  &:has(~.pds-input__error-message) {\n    border-color: var(--color-error);\n  }\n  /* stylelint-enable */\n}\n\n.pds-input__error-message,\n.pds-input__helper-message {\n  font-size: var(--helper-message-font-size);\n  font-weight: var(--helper-message-font-weight);\n  line-height: var(--helper-message-line-height);\n  margin-block-end: 0;\n  margin-block-start: var(--helper-message-margin-top);\n}\n\n.pds-input__error-message {\n  color: var(--color-error);\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport { assignDescription, messageId } from '../../utils/form';\nimport { PdsLabel } from '../_internal/pds-label/pds-label';\n\n@Component({\n  tag: 'pds-input',\n  styleUrl: 'pds-input.scss',\n  shadow: true,\n})\nexport class PdsInput {\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 input field is disabled.\n   */\n  @Prop() disabled?: boolean;\n\n  /**\n   * Specifies the error message and provides an error-themed treatment to the field.\n   */\n  @Prop() errorMessage?: string;\n\n  /**\n   * Displays a message or hint below the input field.\n   */\n  @Prop() helperMessage?: string;\n\n  /**\n   * Indicates whether or not the input field is invalid or throws an error.\n   */\n  @Prop() invalid?: boolean;\n\n  /**\n   * Text to be displayed as the input label.\n   */\n  @Prop() label?: string;\n\n  /**\n   * Specifies the name. Submitted with the form name/value pair.\n   */\n  @Prop() name?: string;\n\n  /**\n   * Specifies a short hint that describes the expected value of the input field.\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * Indicates whether or not the input field is readonly.\n   */\n  @Prop() readonly?: boolean;\n\n  /**\n   * Indicates whether or not the input field is required.\n   */\n  @Prop() required?: boolean;\n\n  /**\n   * Determines the type of control that will be displayed\n   `'email'`, `'number'`, `'password'`, `'tel'`, `'text'`\n   * @defaultValue \"text\"\n   */\n  @Prop() type = 'text';\n\n  /**\n   * The value of the input.\n   */\n  @Prop({mutable: true}) value?: string;\n\n  /**\n   * Emitted when a keyboard input occurred.\n   */\n  @Event() pdsInput: EventEmitter<InputEvent>;\n\n  private onInputEvent = (ev: Event) => {\n    const input = ev.target as HTMLInputElement | null;\n    if (input) {\n      this.value = input.value || '';\n    }\n    this.pdsInput.emit(ev as InputEvent);\n  };\n\n  render() {\n    return (\n      <Host\n        aria-disabled={this.disabled ? 'true' : null}\n      >\n        <div class=\"pds-input\">\n          <PdsLabel htmlFor={this.componentId} text={this.label} />\n          <input class=\"pds-input__field\"\n            aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n            aria-invalid={this.invalid ? \"true\" : undefined}\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            type={this.type}\n            value={this.value}\n            onInput={this.onInputEvent}\n          />\n          {this.helperMessage &&\n            <p\n              class=\"pds-input__helper-message\"\n              id={messageId(this.componentId, 'helper')}\n            >\n              {this.helperMessage}\n            </p>\n          }\n          {this.errorMessage &&\n            <p\n              class=\"pds-input__error-message\"\n              id={messageId(this.componentId, 'error')}\n              aria-live=\"assertive\"\n            >\n              {this.errorMessage}\n            </p>\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"2GAAA,MAAMA,EAAc,4kFACpB,MAAAC,EAAeD,E,MCQFE,EAAQ,M,4DAoEXC,KAAAC,aAAgBC,IACtB,MAAMC,EAAQD,EAAGE,OACjB,GAAID,EAAO,CACTH,KAAKK,MAAQF,EAAME,OAAS,E,CAE9BL,KAAKM,SAASC,KAAKL,EAAiB,E,iQAjBvB,O,qBAoBf,MAAAM,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2DACYX,KAAKY,SAAW,OAAS,MAExCH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,aACTJ,EAACK,EAAQ,CAAAH,IAAA,2CAACI,QAASf,KAAKgB,YAAaC,KAAMjB,KAAKkB,QAChDT,EAAA,SAAAE,IAAA,2CAAOE,MAAM,mBAAkB,mBACXM,EAAkBnB,KAAKgB,YAAahB,KAAKoB,QAASpB,KAAKqB,eAAc,eACzErB,KAAKoB,QAAU,OAASE,UACtCV,SAAUZ,KAAKY,SACfW,GAAIvB,KAAKgB,YACTQ,KAAMxB,KAAKwB,KACXC,YAAazB,KAAKyB,YAClBC,SAAU1B,KAAK2B,SACfC,SAAU5B,KAAK4B,SACfC,KAAM7B,KAAK6B,KACXxB,MAAOL,KAAKK,MACZyB,QAAS9B,KAAKC,eAEfD,KAAKqB,eACJZ,EAAA,KACEI,MAAM,4BACNU,GAAIQ,EAAU/B,KAAKgB,YAAa,WAE/BhB,KAAKqB,eAGTrB,KAAKgC,cACJvB,EAAA,KACEI,MAAM,2BACNU,GAAIQ,EAAU/B,KAAKgB,YAAa,SAAQ,YAC9B,aAEThB,KAAKgC,e"}

package/dist/pine-core/{p-978cad20.entry.js → p-c743e545.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as e,H as s}from"./p-c81c20b7.js";const a=".pds-sortable-item.sc-pds-sortable-item-h{--background-color-interactive:var(--pine-color-neutral-grey-200);--background-color:var(--pine-color-base-white);--border-radius:var(--pine-border-radius-md);--border:var(--pine-border-default);--box-shadow:var(--pine-box-shadow-lg);--color-interactive-handle:var(--pine-color-primary-300);--margin-inline-end:var(--pine-spacing-md);--padding-block-xs:var(--pine-spacing-xs);--padding-inline:var(--pine-spacing-md);--padding-inline-start:var(--pine-spacing-md);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;padding-block:var(--padding-block-xs);padding-inline:var(--padding-inline)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__actions.sc-pds-sortable-item{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-padding-start:var(--padding-inline-start);padding-inline-start:var(--padding-inline-start)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{line-height:1;-webkit-margin-end:var(--margin-inline-end);margin-inline-end:var(--margin-inline-end)}.pds-sortable--bordered .pds-sortable-item.sc-pds-sortable-item-h:first-child{border-start-end-radius:var(--border-radius);border-start-start-radius:var(--border-radius)}.pds-sortable--bordered .pds-sortable-item.sc-pds-sortable-item-h:last-child{border-end-end-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.pds-sortable--divided .pds-sortable-item.sc-pds-sortable-item-h{-webkit-border-after:var(--border);border-block-end:var(--border)}.pds-sortable--divided .pds-sortable-item.sc-pds-sortable-item-h:last-child{-webkit-border-after:0;border-block-end:0}.pds-sortable--handle-type-row .pds-sortable-item.sc-pds-sortable-item-h{cursor:-webkit-grab;cursor:grab}.pds-sortable--handle-type-handle .pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{cursor:-webkit-grab;cursor:grab}.pds-sortable-item.sc-pds-sortable-item-h:hover{background-color:var(--background-color-interactive)}.pds-sortable-item.sc-pds-sortable-item-h:hover pds-icon.sc-pds-sortable-item{color:var(--color-interactive-handle)}.pds-sortable-item--drag.sc-pds-sortable-item-h{background-color:var(--background-color);border-radius:0;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);opacity:1}.pds-sortable-item--ghost.sc-pds-sortable-item-h{background-color:var(--background-color-interactive);border-radius:0}";const d=class{constructor(e){r(this,e);this.enableActions=false;this.componentId=undefined;this.handle=false}render(){return e(s,{class:"pds-sortable-item",id:this.componentId},this.handle&&e("div",{class:"pds-sortable-item__handle"},e("pds-icon",{name:"handle"})),e("slot",null),this.enableActions&&e("div",{class:"pds-sortable-item__actions"},e("slot",{name:"sortable-item-actions"})))}};d.style=a;export{d as pds_sortable_item};
-//# sourceMappingURL=p-978cad20.entry.js.map
+import{r,h as e,H as s}from"./p-db677b4c.js";const a=".pds-sortable-item.sc-pds-sortable-item-h{--background-color-interactive:var(--pine-color-neutral-grey-200);--background-color:var(--pine-color-base-white);--border-radius:var(--pine-border-radius-md);--border:var(--pine-border-default);--box-shadow:var(--pine-box-shadow-lg);--color-interactive-handle:var(--pine-color-primary-300);--margin-inline-end:var(--pine-spacing-md);--padding-block-xs:var(--pine-spacing-xs);--padding-inline:var(--pine-spacing-md);--padding-inline-start:var(--pine-spacing-md);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;padding-block:var(--padding-block-xs);padding-inline:var(--padding-inline)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__actions.sc-pds-sortable-item{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-padding-start:var(--padding-inline-start);padding-inline-start:var(--padding-inline-start)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{line-height:1;-webkit-margin-end:var(--margin-inline-end);margin-inline-end:var(--margin-inline-end)}.pds-sortable--bordered .pds-sortable-item.sc-pds-sortable-item-h:first-child{border-start-end-radius:var(--border-radius);border-start-start-radius:var(--border-radius)}.pds-sortable--bordered .pds-sortable-item.sc-pds-sortable-item-h:last-child{border-end-end-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.pds-sortable--divided .pds-sortable-item.sc-pds-sortable-item-h{-webkit-border-after:var(--border);border-block-end:var(--border)}.pds-sortable--divided .pds-sortable-item.sc-pds-sortable-item-h:last-child{-webkit-border-after:0;border-block-end:0}.pds-sortable--handle-type-row .pds-sortable-item.sc-pds-sortable-item-h{cursor:-webkit-grab;cursor:grab}.pds-sortable--handle-type-handle .pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{cursor:-webkit-grab;cursor:grab}.pds-sortable-item.sc-pds-sortable-item-h:hover{background-color:var(--background-color-interactive)}.pds-sortable-item.sc-pds-sortable-item-h:hover pds-icon.sc-pds-sortable-item{color:var(--color-interactive-handle)}.pds-sortable-item--drag.sc-pds-sortable-item-h{background-color:var(--background-color);border-radius:0;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);opacity:1}.pds-sortable-item--ghost.sc-pds-sortable-item-h{background-color:var(--background-color-interactive);border-radius:0}";const d=a;const t=class{constructor(e){r(this,e);this.enableActions=false;this.componentId=undefined;this.handle=false}render(){return e(s,{key:"dc0b82dca578e2e25dcb590f7baeb8b7207c00cc",class:"pds-sortable-item",id:this.componentId},this.handle&&e("div",{class:"pds-sortable-item__handle"},e("pds-icon",{name:"handle"})),e("slot",{key:"c9d4b404d14dafbc0aa23e89db2b961c9ab51d3b"}),this.enableActions&&e("div",{class:"pds-sortable-item__actions"},e("slot",{name:"sortable-item-actions"})))}};t.style=d;export{t as pds_sortable_item};
+//# sourceMappingURL=p-c743e545.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pdsSortableItemCss","PdsSortableItemStyle0","PdsSortableItem","render","h","Host","key","class","id","this","componentId","handle","name","enableActions"],"sources":["src/components/pds-sortable/pds-sortable-item/pds-sortable-item.scss?tag=pds-sortable-item&encapsulation=scoped","src/components/pds-sortable/pds-sortable-item/pds-sortable-item.tsx"],"sourcesContent":[":host(.pds-sortable-item) {\n  --background-color-interactive: var(--pine-color-neutral-grey-200);\n  --background-color: var(--pine-color-base-white);\n  --border-radius: var(--pine-border-radius-md);\n  --border: var(--pine-border-default);\n  --box-shadow: var(--pine-box-shadow-lg);\n  --color-interactive-handle: var(--pine-color-primary-300);\n  --margin-inline-end: var(--pine-spacing-md);\n  --padding-block-xs: var(--pine-spacing-xs);\n  --padding-inline: var(--pine-spacing-md);\n  --padding-inline-start: var(--pine-spacing-md);\n\n  align-items: center;\n  display: flex;\n  padding-block: var(--padding-block-xs);\n  padding-inline: var(--padding-inline);\n\n  .pds-sortable-item__actions {\n    margin-inline-start: auto;\n    padding-inline-start: var(--padding-inline-start);\n  }\n\n  .pds-sortable-item__handle {\n    line-height: 1;\n    margin-inline-end: var(--margin-inline-end);\n  }\n\n  // styles when sortable is bordered\n  .pds-sortable--bordered & {\n    &:first-child {\n      border-start-end-radius: var(--border-radius);\n      border-start-start-radius: var(--border-radius);\n    }\n\n    &:last-child {\n      border-end-end-radius: var(--border-radius);\n      border-end-start-radius: var(--border-radius);\n    }\n  }\n\n  // styles when sortable is divided\n  .pds-sortable--divided & {\n    border-block-end: var(--border);\n\n    &:last-child {\n      border-block-end: 0;\n    }\n  }\n\n  // cursor styles based on handle-type\n  .pds-sortable--handle-type-row & {\n    cursor: grab;\n  }\n\n  .pds-sortable--handle-type-handle & {\n    .pds-sortable-item__handle {\n      cursor: grab;\n    }\n  }\n}\n\n:host(.pds-sortable-item):hover {\n  background-color: var(--background-color-interactive);\n\n  pds-icon {\n    color: var(--color-interactive-handle)\n  }\n}\n\n:host(.pds-sortable-item--drag) {\n  background-color: var(--background-color);\n  border-radius: 0;\n  box-shadow: var(--box-shadow);\n  opacity: 1;\n}\n\n:host(.pds-sortable-item--ghost) {\n  background-color: var(--background-color-interactive);\n  border-radius: 0;\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n/**\n * @slot sortable-item-actions - Content is placed within the `pds-sortable-item__actions` element as children. This slot is only rendered if `actions` is set to `true`.\n */\n@Component({\n  tag: 'pds-sortable-item',\n  styleUrl: 'pds-sortable-item.scss',\n  scoped: true,\n})\nexport class PdsSortableItem {\n  /**\n   * Determines whether `sortable-item-actions` slot should be enabled.\n   * @defaultValue false\n   */\n  @Prop() enableActions = false;\n\n  /**\n   * A unique identifier used for the sortable item `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Determines whether `sortable-item` should have a handle.\n   * @defaultValue false\n   */\n  @Prop() handle = false;\n\n  render() {\n    return (\n      <Host class=\"pds-sortable-item\" id={this.componentId}>\n        {this.handle && (\n          <div class=\"pds-sortable-item__handle\">\n            <pds-icon name=\"handle\"></pds-icon>\n          </div>\n        )}\n        <slot></slot>\n        {this.enableActions && (\n          <div class=\"pds-sortable-item__actions\">\n            <slot name=\"sortable-item-actions\" />\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"6CAAA,MAAMA,EAAqB,i5EAC3B,MAAAC,EAAeD,E,MCSFE,EAAe,M,4CAKF,M,uCAWP,K,CAEjB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,oBAAoBC,GAAIC,KAAKC,aACtCD,KAAKE,QACJP,EAAA,OAAKG,MAAM,6BACTH,EAAA,YAAUQ,KAAK,YAGnBR,EAAA,QAAAE,IAAA,6CACCG,KAAKI,eACJT,EAAA,OAAKG,MAAM,8BACTH,EAAA,QAAMQ,KAAK,2B"}

package/dist/pine-core/{p-34b29411.system.entry.js → p-c76ace76.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-9830c8b4.system.js"],(function(i){"use strict";var d,s,e;return{setters:[function(i){d=i.r;s=i.h;e=i.H}],execute:function(){var r=":host{--background-color:var(--pine-color-neutral-grey-400);--offset-xxs:var(--pine-spacing-xxs);--offset-xs:var(--pine-spacing-xs);--offset-sm:var(--pine-spacing-sm);--offset-md:var(--pine-spacing-md);--offset-lg:var(--pine-spacing-lg);--offset-xxl:var(--pine-spacing-2xl)}.pds-divider{background:var(--background-color);border:0;display:-ms-flexbox;display:flex;height:1px;margin:0;width:100%}.pds-divider--vertical{height:100%;width:1px}.pds-divider--offset-xxs{margin:0 calc(var(--offset-xxs) * -1);padding:0 var(--offset-xxs)}.pds-divider--offset-xxs.pds-divider--vertical{margin:calc(var(--offset-xxs) * -1) 0;padding:var(--offset-xxs) 0}.pds-divider--offset-xs{margin:0 calc(var(--offset-xs) * -1);padding:0 var(--offset-xs)}.pds-divider--offset-xs.pds-divider--vertical{margin:calc(var(--offset-xs) * -1) 0;padding:var(--offset-xs) 0}.pds-divider--offset-sm{margin:0 calc(var(--offset-sm) * -1);padding:0 var(--offset-sm)}.pds-divider--offset-sm.pds-divider--vertical{margin:calc(var(--offset-sm) * -1) 0;padding:var(--offset-sm) 0}.pds-divider--offset-md{margin:0 calc(var(--offset-md) * -1);padding:0 var(--offset-md)}.pds-divider--offset-md.pds-divider--vertical{margin:calc(var(--offset-md) * -1) 0;padding:var(--offset-md) 0}.pds-divider--offset-lg{margin:0 calc(var(--offset-lg) * -1);padding:0 var(--offset-lg)}.pds-divider--offset-lg.pds-divider--vertical{margin:calc(var(--offset-lg) * -1) 0;padding:var(--offset-lg) 0}.pds-divider--offset-xl{margin:0 calc(var(--offset-xl) * -1);padding:0 var(--offset-xl)}.pds-divider--offset-xl.pds-divider--vertical{margin:calc(var(--offset-xl) * -1) 0;padding:var(--offset-xl) 0}.pds-divider--offset-xxl{margin:0 calc(var(--offset-xxl) * -1);padding:0 var(--offset-xxl)}.pds-divider--offset-xxl.pds-divider--vertical{margin:calc(var(--offset-xxl) * -1) 0;padding:var(--offset-xxl) 0}@media (max-width: 767px){.pds-divider--vertical{display:none}}";var f=i("pds_divider",function(){function i(i){d(this,i);this.componentId=undefined;this.offset=undefined;this.vertical=false}i.prototype.classNames=function(){var i=["pds-divider"];if(this.vertical){i.push("pds-divider--vertical")}if(this.offset){var d="pds-divider--offset-"+this.offset;i.push(d)}return i.join(" ")};i.prototype.render=function(){return s(e,{id:this.componentId},s("hr",{class:this.classNames()}))};return i}());f.style=r}}}));
-//# sourceMappingURL=p-34b29411.system.entry.js.map
+System.register(["./p-7a5d5d62.system.js"],(function(d){"use strict";var i,s,e;return{setters:[function(d){i=d.r;s=d.h;e=d.H}],execute:function(){var f=":host{--background-color:var(--pine-color-neutral-grey-400);--offset-xxs:var(--pine-spacing-xxs);--offset-xs:var(--pine-spacing-xs);--offset-sm:var(--pine-spacing-sm);--offset-md:var(--pine-spacing-md);--offset-lg:var(--pine-spacing-lg);--offset-xxl:var(--pine-spacing-2xl)}.pds-divider{background:var(--background-color);border:0;display:-ms-flexbox;display:flex;height:1px;margin:0;width:100%}.pds-divider--vertical{height:100%;width:1px}.pds-divider--offset-xxs{margin:0 calc(var(--offset-xxs) * -1);padding:0 var(--offset-xxs)}.pds-divider--offset-xxs.pds-divider--vertical{margin:calc(var(--offset-xxs) * -1) 0;padding:var(--offset-xxs) 0}.pds-divider--offset-xs{margin:0 calc(var(--offset-xs) * -1);padding:0 var(--offset-xs)}.pds-divider--offset-xs.pds-divider--vertical{margin:calc(var(--offset-xs) * -1) 0;padding:var(--offset-xs) 0}.pds-divider--offset-sm{margin:0 calc(var(--offset-sm) * -1);padding:0 var(--offset-sm)}.pds-divider--offset-sm.pds-divider--vertical{margin:calc(var(--offset-sm) * -1) 0;padding:var(--offset-sm) 0}.pds-divider--offset-md{margin:0 calc(var(--offset-md) * -1);padding:0 var(--offset-md)}.pds-divider--offset-md.pds-divider--vertical{margin:calc(var(--offset-md) * -1) 0;padding:var(--offset-md) 0}.pds-divider--offset-lg{margin:0 calc(var(--offset-lg) * -1);padding:0 var(--offset-lg)}.pds-divider--offset-lg.pds-divider--vertical{margin:calc(var(--offset-lg) * -1) 0;padding:var(--offset-lg) 0}.pds-divider--offset-xl{margin:0 calc(var(--offset-xl) * -1);padding:0 var(--offset-xl)}.pds-divider--offset-xl.pds-divider--vertical{margin:calc(var(--offset-xl) * -1) 0;padding:var(--offset-xl) 0}.pds-divider--offset-xxl{margin:0 calc(var(--offset-xxl) * -1);padding:0 var(--offset-xxl)}.pds-divider--offset-xxl.pds-divider--vertical{margin:calc(var(--offset-xxl) * -1) 0;padding:var(--offset-xxl) 0}@media (max-width: 767px){.pds-divider--vertical{display:none}}";var a=f;var r=d("pds_divider",function(){function d(d){i(this,d);this.componentId=undefined;this.offset=undefined;this.vertical=false}d.prototype.classNames=function(){var d=["pds-divider"];if(this.vertical){d.push("pds-divider--vertical")}if(this.offset){var i="pds-divider--offset-"+this.offset;d.push(i)}return d.join(" ")};d.prototype.render=function(){return s(e,{key:"2fd0d24d893d6936915480731948caa8de5007fa",id:this.componentId},s("hr",{key:"dacc620d9f1cb7b2a05f0e0205e2df3d3bfbfcd7",class:this.classNames()}))};return d}());r.style=a}}}));
+//# sourceMappingURL=p-c76ace76.system.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pdsDividerCss","PdsDividerStyle0","PdsDivider","exports","class_1","prototype","classNames","this","vertical","push","offset","offsetClassName","join","render","h","Host","key","id","componentId","class"],"sources":["src/components/pds-divider/pds-divider.scss?tag=pds-divider&encapsulation=shadow","src/components/pds-divider/pds-divider.tsx"],"sourcesContent":[":host {\n  --background-color: var(--pine-color-neutral-grey-400);\n  --offset-xxs: var(--pine-spacing-xxs);\n  --offset-xs: var(--pine-spacing-xs);\n  --offset-sm: var(--pine-spacing-sm);\n  --offset-md: var(--pine-spacing-md);\n  --offset-lg: var(--pine-spacing-lg);\n  --offset-xxl: var(--pine-spacing-2xl);\n}\n\n$pds-divider-offsets: (\n  xxs: var(--offset-xxs),\n  xs: var(--offset-xs),\n  sm: var(--offset-sm),\n  md: var(--offset-md),\n  lg: var(--offset-lg),\n  xl: var(--offset-xl),\n  xxl: var(--offset-xxl),\n);\n\n.pds-divider {\n  background: var(--background-color);\n  border: 0;\n  display: flex;\n  height: 1px;\n  margin: 0;\n  width: 100%;\n}\n\n.pds-divider--vertical {\n  height: 100%;\n  width: 1px;\n}\n\n@each $offset, $value in $pds-divider-offsets {\n  .pds-divider--offset-#{$offset} {\n    margin: 0 calc($value * -1);\n    padding: 0 $value;\n\n    &.pds-divider--vertical {\n      margin: calc($value * -1) 0;\n      padding: $value 0;\n    }\n  }\n}\n\n@media (max-width: 767px) {\n  .pds-divider--vertical {\n    display: none;\n  }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'pds-divider',\n  styleUrl: 'pds-divider.scss',\n  shadow: true,\n})\nexport class PdsDivider {\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Adds offset margin/padding to expand the width (horizontal) or the height (vertical) of divider.\n   */\n  @Prop() offset: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';\n\n  /**\n   * Sets divider to display vertically\n   * @defaultValue false\n   */\n  @Prop() vertical = false;\n\n  private classNames() {\n    const classNames = ['pds-divider'];\n\n    if (this.vertical) {\n      classNames.push('pds-divider--vertical');\n    }\n\n    if (this.offset) {\n      const offsetClassName = 'pds-divider--offset-' + this.offset;\n      classNames.push(offsetClassName);\n    }\n\n    return classNames.join(' ');\n  }\n\n  render() {\n    return (\n      <Host id={this.componentId}>\n        <hr class={this.classNames()} />\n      </Host>\n    );\n  }\n}\n"],"mappings":"kJAAA,IAAMA,EAAgB,g3DACtB,IAAAC,EAAeD,E,ICMFE,EAAUC,EAAA,yB,uFAeF,K,CAEXC,EAAAC,UAAAC,WAAA,WACN,IAAMA,EAAa,CAAC,eAEpB,GAAIC,KAAKC,SAAU,CACjBF,EAAWG,KAAK,wB,CAGlB,GAAIF,KAAKG,OAAQ,CACf,IAAMC,EAAkB,uBAAyBJ,KAAKG,OACtDJ,EAAWG,KAAKE,E,CAGlB,OAAOL,EAAWM,KAAK,I,EAGzBR,EAAAC,UAAAQ,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,GAAIV,KAAKW,aACbJ,EAAA,MAAAE,IAAA,2CAAIG,MAAOZ,KAAKD,e,WAnCD,I"}

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

@@ -0,0 +1,2 @@
+import{a as t,r as n,h as i,H as e,g as s}from"./p-db677b4c.js";let r;const o=()=>{if(typeof window==="undefined"){return new Map}else{if(!r){const t=window;t.PdsIcons=t.PdsIcons||{};r=t.PdsIcons.map=t.PdsIcons.map||new Map}return r}};const c=(t,n)=>{if(!t&&n&&!u(n)){t=n}if(a(t)){t=h(t)}if(!a(t)||t.trim()===""){return null}const i=t.replace(/[a-z]|-|\d/gi,"");if(i!=""){return null}return t};const l=n=>{const i=o().get(n);if(i){return i}return t(`svg/${n}.svg`)};const f=t=>{if(a(t)){t=t.trim();if(u(t)){return t}}return null};const d=t=>{let n=f(t.src);if(n){return n}n=c(t.name,t.icon);if(n){return l(n)}if(t.icon){n=f(t.icon);if(n){return n}}return null};const u=t=>t.length>0&&/(\/|\.)/.test(t);const a=t=>typeof t==="string";const h=t=>t.toLowerCase();const p=(t,n=[])=>{const i={};n.forEach((n=>{if(t.hasAttribute(n)){const e=t.getAttribute(n);if(e!==null){i[n]=t.getAttribute(n)}t.removeAttribute(n)}}));return i};const g=t=>{const n=document.createElement("div");n.innerHTML=t;for(let t=n.childNodes.length-1;t>=0;t--){if(n.childNodes[t].nodeName.toLowerCase()!=="svg"){n.removeChild(n.childNodes[t])}}const i=n.firstElementChild;if(i&&i.nodeName.toLowerCase()==="svg"){const t=i.getAttribute("class")||"";i.setAttribute("class",(t+" s-pds-icon").trim());if(w(i)){return n.innerHTML}}return""};const w=t=>{if(t.nodeType===1){if(t.nodeName.toLowerCase()==="script"){return false}for(let n=0;n<t.attributes.length;n++){const i=t.attributes[n].name;if(a(i)&&i.toLowerCase().indexOf("on")===0){return false}}for(let n=0;n<t.childNodes.length;n++){if(!w(t.childNodes[n])){return false}}}return true};const m=t=>t.startsWith("data:image/svg+xml");const b=t=>t.indexOf(";utf8,")!==-1;const v=new Map;const x=new Map;let y;const M=(t,n=false)=>{let i=x.get(t);if(!i){if(typeof fetch!="undefined"&&typeof document!=="undefined"){if(m(t)&&b(t)){if(!y){y=new DOMParser}const n=y.parseFromString(t,"text/html");const i=n.querySelector("svg");if(i){v.set(t,i.outerHTML)}return Promise.resolve()}else{i=fetch(t).then((i=>{if(i.ok){return i.text().then((i=>{if(i&&n!==false){i=g(i)}v.set(t,i||"")}))}v.set(t,"")}));x.set(t,i)}}else{v.set(t,"");return Promise.resolve()}}return i};const k=":host{contain:strict;display:inline-block;fill:currentColor;height:1em;width:1em}:host .pdsicon{fill:currentColor}.pds-icon-fill-none{fill:none}.icon-inner,.pds-icon,svg{display:block;height:100%;width:100%}";const C=k;const I=class{constructor(t){n(this,t);this.inheritedAttributes={};this.hasAriaHidden=()=>{const{el:t}=this;return t.hasAttribute("aria-hidden")&&t.getAttribute("aria-hidden")==="true"};this.ariaLabel=undefined;this.isVisible=false;this.svgContent=undefined;this.color=undefined;this.icon=undefined;this.name=undefined;this.size="regular";this.src=undefined}iconSize(){const t={small:"12px",regular:"16px",medium:"20px",large:"24px"};if(t[this.size]){return t[this.size]}else{return this.size}}componentWillLoad(){this.inheritedAttributes=p(this.el,["aria-label"])}connectedCallback(){this.waitUntilVisible(this.el,"50px",(()=>{this.isVisible=true;this.loadIcon()}))}disconnectedCallback(){if(this.io){this.io.disconnect();this.io=undefined}}loadIcon(){if(this.isVisible){const t=d(this);if(t){if(v.has(t)){this.svgContent=v.get(t)}else{M(t).then((()=>this.svgContent=v.get(t)))}}}const t=c(this.name,this.icon);if(t){this.ariaLabel=t.replace(/\-/g," ")}}render(){const{ariaLabel:t,inheritedAttributes:n}=this;const s={height:this.iconSize(),width:this.iconSize(),color:this.color};return i(e,Object.assign({"aria-label":t!==undefined&&!this.hasAriaHidden()?t:null,role:"img",style:s,class:Object.assign({},j(this.color))},n),this.svgContent?i("div",{class:"icon-inner",innerHTML:this.svgContent}):i("div",{class:"icon-inner"}))}waitUntilVisible(t,n,i){if(typeof window!=="undefined"&&window.IntersectionObserver){const e=this.io=new window.IntersectionObserver((t=>{if(t[0].isIntersecting){e.disconnect();this.io=undefined;i()}}),{rootMargin:n});e.observe(t)}else{i()}}static get assetsDirs(){return["svg"]}get el(){return s(this)}static get watchers(){return{name:["loadIcon"],src:["loadIcon"],icon:["loadIcon"]}}};const j=t=>t?{"pds-color":true,[`pds-color-${t}`]:true}:null;I.style=C;export{I as pds_icon};
+//# sourceMappingURL=p-d3d4661e.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CACHED_MAP","getIconMap","window","Map","win","PdsIcons","map","getName","iconName","icon","isSrc","isStr","toLower","trim","invalidChars","replace","getNamedUrl","url","get","getAssetPath","getSrc","src","getUrl","pdsIcon","name","str","length","test","val","toLowerCase","inheritAttributes","el","attributes","attributeObject","forEach","attr","hasAttribute","value","getAttribute","removeAttribute","validateContent","svgContent","div","document","createElement","innerHTML","i","childNodes","nodeName","removeChild","svgElm","firstElementChild","svgClass","setAttribute","isValid","elm","nodeType","indexOf","isSvgDataUrl","startsWith","isEncodedDataUrl","pdsIconContent","requests","parser","getSvgContent","sanitize","req","fetch","DOMParser","doc","parseFromString","svg","querySelector","set","outerHTML","Promise","resolve","then","rsp","ok","text","pdsIconCss","PdsIconStyle0","PdsIcon","constructor","hostRef","this","inheritedAttributes","hasAriaHidden","ariaLabel","undefined","isVisible","color","size","iconSize","sizes","small","regular","medium","large","componentWillLoad","connectedCallback","waitUntilVisible","loadIcon","disconnectedCallback","io","disconnect","has","label","render","style","height","width","h","Host","Object","assign","role","class","createColorClasses","rootMargin","cb","IntersectionObserver","data","isIntersecting","observe","assetsDirs"],"sources":["../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/utils.js","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/validate.js","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/request.js","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/pds-icon.css?tag=pds-icon&encapsulation=shadow","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/pds-icon.js"],"sourcesContent":["import { getAssetPath } from \"@stencil/core\";\nlet CACHED_MAP;\nexport const addIcons = (icons) => {\n    const map = getIconMap();\n    Object.keys(icons).forEach(name => map.set(name, icons[name]));\n};\nexport const getIconMap = () => {\n    if (typeof window === 'undefined') {\n        return new Map();\n    }\n    else {\n        if (!CACHED_MAP) {\n            const win = window; // eslint-disable-line @typescript-eslint/no-explicit-any\n            win.PdsIcons = win.PdsIcons || {};\n            CACHED_MAP = win.PdsIcons.map = win.PdsIcons.map || new Map();\n        }\n        return CACHED_MAP;\n    }\n};\nexport const getName = (iconName, icon) => {\n    if (!iconName && icon && !isSrc(icon)) {\n        iconName = icon;\n    }\n    if (isStr(iconName)) {\n        iconName = toLower(iconName);\n    }\n    if (!isStr(iconName) || iconName.trim() === '') {\n        return null;\n    }\n    const invalidChars = iconName.replace(/[a-z]|-|\\d/gi, '');\n    if (invalidChars != '') {\n        return null;\n    }\n    return iconName;\n};\nconst getNamedUrl = (iconName) => {\n    const url = getIconMap().get(iconName);\n    if (url) {\n        return url;\n    }\n    return getAssetPath(`svg/${iconName}.svg`);\n};\nexport const getSrc = (src) => {\n    if (isStr(src)) {\n        src = src.trim();\n        if (isSrc(src)) {\n            return src;\n        }\n    }\n    return null;\n};\nexport const getUrl = (pdsIcon) => {\n    let url = getSrc(pdsIcon.src);\n    if (url) {\n        return url;\n    }\n    url = getName(pdsIcon.name, pdsIcon.icon);\n    if (url) {\n        return getNamedUrl(url);\n    }\n    if (pdsIcon.icon) {\n        url = getSrc(pdsIcon.icon);\n        if (url) {\n            return url;\n        }\n    }\n    return null;\n};\nexport const isSrc = (str) => str.length > 0 && /(\\/|\\.)/.test(str);\nexport const isStr = (val) => typeof val === 'string'; // eslint-disable-line @typescript-eslint/no-explicit-any\nexport const toLower = (val) => val.toLowerCase();\n/**\n * Elements inside of web components sometimes need to inherit global attributes\n * set on the host. For example, the inner input in `ion-input` should inherit\n * the `title` attribute that developers set directly on `ion-input`. This\n * helper function should be called in componentWillLoad and assigned to a variable\n * that is later used in the render function.\n *\n * This does not need to be reactive as changing attributes on the host element\n * does not trigger a re-render.\n */\nexport const inheritAttributes = (el, attributes = []) => {\n    const attributeObject = {}; // eslint-disable-line @typescript-eslint/no-explicit-any\n    attributes.forEach(attr => {\n        if (el.hasAttribute(attr)) {\n            const value = el.getAttribute(attr);\n            if (value !== null) {\n                attributeObject[attr] = el.getAttribute(attr);\n            }\n            el.removeAttribute(attr);\n        }\n    });\n    return attributeObject;\n};\n//# sourceMappingURL=utils.js.map\n","import { isStr } from \"./utils\";\nexport const validateContent = (svgContent) => {\n    const div = document.createElement('div');\n    div.innerHTML = svgContent;\n    // setup this way to ensure it works on our buddy IE\n    for (let i = div.childNodes.length - 1; i >= 0; i--) {\n        if (div.childNodes[i].nodeName.toLowerCase() !== 'svg') {\n            div.removeChild(div.childNodes[i]);\n        }\n    }\n    // must only have 1 root element\n    const svgElm = div.firstElementChild;\n    if (svgElm && svgElm.nodeName.toLowerCase() === 'svg') {\n        const svgClass = svgElm.getAttribute('class') || '';\n        svgElm.setAttribute('class', (svgClass + ' s-pds-icon').trim());\n        // root element must be an svg\n        // lets double check we've got valid elements\n        // do not allow scripts\n        if (isValid(svgElm)) {\n            return div.innerHTML;\n        }\n    }\n    return '';\n};\nexport const isValid = (elm) => {\n    if (elm.nodeType === 1) {\n        if (elm.nodeName.toLowerCase() === 'script') {\n            return false;\n        }\n        for (let i = 0; i < elm.attributes.length; i++) {\n            const name = elm.attributes[i].name;\n            if (isStr(name) && name.toLowerCase().indexOf('on') === 0) {\n                return false;\n            }\n        }\n        for (let i = 0; i < elm.childNodes.length; i++) {\n            if (!isValid(elm.childNodes[i])) {\n                return false;\n            }\n        }\n    }\n    return true;\n};\nexport const isSvgDataUrl = (url) => url.startsWith('data:image/svg+xml');\nexport const isEncodedDataUrl = (url) => url.indexOf(';utf8,') !== -1;\n//# sourceMappingURL=validate.js.map\n","import { isEncodedDataUrl, isSvgDataUrl, validateContent } from \"./validate\";\nexport const pdsIconContent = new Map();\nconst requests = new Map(); // eslint-disable-line @typescript-eslint/no-explicit-any\nlet parser;\nexport const getSvgContent = (url, sanitize = false) => {\n    let req = requests.get(url);\n    if (!req) {\n        if (typeof fetch != 'undefined' && typeof document !== 'undefined') {\n            if (isSvgDataUrl(url) && isEncodedDataUrl(url)) {\n                if (!parser) {\n                    parser = new DOMParser();\n                }\n                const doc = parser.parseFromString(url, 'text/html');\n                const svg = doc.querySelector('svg');\n                if (svg) {\n                    pdsIconContent.set(url, svg.outerHTML);\n                }\n                return Promise.resolve();\n            }\n            else {\n                // we don't have a request\n                req = fetch(url).then((rsp) => {\n                    if (rsp.ok) {\n                        return rsp.text().then((svgContent) => {\n                            if (svgContent && sanitize !== false) {\n                                svgContent = validateContent(svgContent);\n                            }\n                            pdsIconContent.set(url, svgContent || '');\n                        });\n                    }\n                    pdsIconContent.set(url, '');\n                });\n                requests.set(url, req);\n            }\n        }\n        else {\n            pdsIconContent.set(url, '');\n            return Promise.resolve();\n        }\n    }\n    return req;\n};\n//# sourceMappingURL=request.js.map\n",":host {\n  contain: strict;\n  display: inline-block;\n  fill: currentColor;\n  height: 1em;\n  width: 1em;\n}\n:host .pdsicon {\n  fill: currentColor;\n}\n\n.pds-icon-fill-none {\n  fill: none;\n}\n\n.icon-inner,\n.pds-icon,\nsvg {\n  display: block;\n  height: 100%;\n  width: 100%;\n}","import { Build, Host, h } from \"@stencil/core\";\nimport { getSvgContent, pdsIconContent } from \"./request\";\nimport { getName, getUrl, inheritAttributes } from \"./utils\";\nexport class PdsIcon {\n    constructor() {\n        this.inheritedAttributes = {}; // eslint-disable-line @typescript-eslint/no-explicit-any\n        this.hasAriaHidden = () => {\n            const { el } = this;\n            return el.hasAttribute('aria-hidden') && el.getAttribute('aria-hidden') === 'true';\n        };\n        this.ariaLabel = undefined;\n        this.isVisible = false;\n        this.svgContent = undefined;\n        this.color = undefined;\n        this.icon = undefined;\n        this.name = undefined;\n        this.size = 'regular';\n        this.src = undefined;\n    }\n    iconSize() {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const sizes = {\n            small: '12px',\n            regular: '16px',\n            medium: '20px',\n            large: '24px',\n        };\n        if (sizes[this.size]) {\n            return sizes[this.size];\n        }\n        else {\n            return this.size;\n        }\n    }\n    componentWillLoad() {\n        this.inheritedAttributes = inheritAttributes(this.el, ['aria-label']);\n    }\n    connectedCallback() {\n        this.waitUntilVisible(this.el, '50px', () => {\n            this.isVisible = true;\n            this.loadIcon();\n        });\n    }\n    disconnectedCallback() {\n        if (this.io) {\n            this.io.disconnect();\n            this.io = undefined;\n        }\n    }\n    loadIcon() {\n        if (Build.isBrowser && this.isVisible) {\n            const url = getUrl(this);\n            if (url) {\n                if (pdsIconContent.has(url)) {\n                    this.svgContent = pdsIconContent.get(url);\n                }\n                else {\n                    getSvgContent(url).then(() => (this.svgContent = pdsIconContent.get(url)));\n                }\n            }\n        }\n        const label = getName(this.name, this.icon);\n        if (label) {\n            this.ariaLabel = label.replace(/\\-/g, ' ');\n        }\n    }\n    render() {\n        const { ariaLabel, inheritedAttributes } = this;\n        const style = {\n            height: this.iconSize(),\n            width: this.iconSize(),\n            color: this.color,\n        };\n        return (h(Host, Object.assign({ \"aria-label\": ariaLabel !== undefined && !this.hasAriaHidden() ? ariaLabel : null, role: \"img\", style: style, class: Object.assign({}, createColorClasses(this.color)) }, inheritedAttributes), Build.isBrowser && this.svgContent ? (h(\"div\", { class: \"icon-inner\", innerHTML: this.svgContent })) : (h(\"div\", { class: \"icon-inner\" }))));\n    }\n    /*****\n     * Private Methods\n     ****/\n    waitUntilVisible(el, rootMargin, cb) {\n        if (Build.isBrowser && typeof window !== 'undefined' && (window).IntersectionObserver) {\n            const io = (this.io = new (window).IntersectionObserver((data) => {\n                if (data[0].isIntersecting) {\n                    io.disconnect();\n                    this.io = undefined;\n                    cb();\n                }\n            }, { rootMargin }));\n            io.observe(el);\n        }\n        else {\n            // browser doesn't support IntersectionObserver\n            // so just fallback to always show it\n            cb();\n        }\n    }\n    static get is() { return \"pds-icon\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"pds-icon.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"pds-icon.css\"]\n        };\n    }\n    static get assetsDirs() { return [\"svg\"]; }\n    static get properties() {\n        return {\n            \"color\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\\nThe color of the icon\"\n                },\n                \"attribute\": \"color\",\n                \"reflect\": false\n            },\n            \"icon\": {\n                \"type\": \"any\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This a combination of both `name` and `src`. If a `src` url is detected\\nit will set the `src` property. Otherwise it assumes it's a built-in named\\nSVG and set the `name` property.\"\n                },\n                \"attribute\": \"icon\",\n                \"reflect\": false\n            },\n            \"name\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The name of the icon to use from\\nthe built-in set.\"\n                },\n                \"attribute\": \"name\",\n                \"reflect\": true\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"| 'small'   // 12px\\n    | 'regular'  // 16px\\n    | 'medium'  // 20px\\n    | 'large'   // 24px\\n    | 'auto'\\n    | string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the icon. This can be\\n'small', 'regular', 'medium', large, or a\\ncustom value (40px, 1rem, etc)\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": true,\n                \"defaultValue\": \"'regular'\"\n            },\n            \"src\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\\nSpecifies the exact `src` of an SVG file to use.\"\n                },\n                \"attribute\": \"src\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"ariaLabel\": {},\n            \"isVisible\": {},\n            \"svgContent\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"name\",\n                \"methodName\": \"loadIcon\"\n            }, {\n                \"propName\": \"src\",\n                \"methodName\": \"loadIcon\"\n            }, {\n                \"propName\": \"icon\",\n                \"methodName\": \"loadIcon\"\n            }];\n    }\n}\nconst createColorClasses = (color) => {\n    return color\n        ? {\n            'pds-color': true,\n            [`pds-color-${color}`]: true,\n        }\n        : null;\n};\n//# sourceMappingURL=pds-icon.js.map\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+System.register(["./p-7a5d5d62.system.js"],(function(e){"use strict";var a,t,n,i;return{setters:[function(e){a=e.r;t=e.h;n=e.H;i=e.g}],execute:function(){var s=":host{display:block}.pds-tabpanel{display:none;margin-top:var(--panel-margin-top);padding:var(--panel-padding)}.pds-tabpanel.is-active{display:block}";var d=s;var b=e("pds_tabpanel",function(){function e(e){a(this,e);this.name=undefined;this.parentComponentId=undefined;this.variant=undefined;this.selected=false}e.prototype.render=function(){return t(n,{key:"b15595eb65b1f306ab6f321abad5f36d473f72f0",slot:"tabpanels"},t("div",{key:"cfef7ac9cf9894b3c0962dcdc9e70b728b94bd38",role:"tabpanel",id:this.parentComponentId+"__"+this.name+"-panel",tabindex:"0","aria-labelledby":this.parentComponentId+"__"+this.name,class:this.selected?"pds-tabpanel is-active":"pds-tabpanel"},t("slot",{key:"b666cb82217d8d970794896668b070a3cd0719b3"})))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());b.style=d}}}));
+//# sourceMappingURL=p-d94dd844.system.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pdsTabpanelCss","PdsTabpanelStyle0","PdsTabpanel","exports","class_1","prototype","render","h","Host","key","slot","role","id","this","parentComponentId","name","tabindex","class","selected"],"sources":["src/components/pds-tabs/pds-tabpanel/pds-tabpanel.scss?tag=pds-tabpanel","src/components/pds-tabs/pds-tabpanel/pds-tabpanel.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.pds-tabpanel {\n  display: none;\n  margin-top: var(--panel-margin-top);\n  padding: var(--panel-padding);\n\n  &.is-active {\n    display: block;\n  }\n}\n","import { Component, Element, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pds-tabpanel',\n  styleUrl: 'pds-tabpanel.scss',\n  shadow: false,\n})\nexport class PdsTabpanel {\n  @Element() el: HTMLPdsTabpanelElement;\n\n  /**\n   * Sets the related tab name, this name must match a `pds-tab`'s tab name property\n   */\n  @Prop() name!: string;\n\n  /**\n   * Keeps track of the parentComponentId unique id, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() parentComponentId: string;\n\n  /**\n   * Keeps track of if the expected tab variant, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() variant: string;\n\n  /**\n   * Keeps track of the tabpanel selected state, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop({mutable: true}) selected = false;          // eslint-disable-line @stencil-community/strict-mutable\n\n  render() {\n    return (\n      <Host slot=\"tabpanels\">\n        <div\n          role=\"tabpanel\"\n          id={this.parentComponentId + \"__\" + this.name + '-panel'}\n          tabindex=\"0\"\n          aria-labelledby={this.parentComponentId + \"__\" + this.name}\n          class={this.selected ? \"pds-tabpanel is-active\" : \"pds-tabpanel\"}\n        >\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0JAAA,IAAMA,EAAiB,wJACvB,IAAAC,EAAeD,E,ICMFE,EAAWC,EAAA,0B,kHAwBY,K,CAElCC,EAAAC,UAAAC,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,aACTH,EAAA,OAAAE,IAAA,2CACEE,KAAK,WACLC,GAAIC,KAAKC,kBAAoB,KAAOD,KAAKE,KAAO,SAChDC,SAAS,IAAG,kBACKH,KAAKC,kBAAoB,KAAOD,KAAKE,KACtDE,MAAOJ,KAAKK,SAAW,yBAA2B,gBAElDX,EAAA,QAAAE,IAAA,8C,uHApCc,I"}

package/dist/pine-core/p-db677b4c.js

@@ -0,0 +1,3 @@
+const e="pine-core";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:true,cmpDidRender:true,cmpDidUnload:false,cmpDidUpdate:true,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:true,cmpWillUpdate:false,connectedCallback:true,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:true,hostListenerTargetDocument:false,hostListenerTargetParent:false,hostListenerTargetWindow:false,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:true,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:true,state:true,style:true,svg:false,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:true,watchCallback:true};let n;let s;let l;let o=false;let i=false;let c=false;let f=false;let r=false;const u=e=>{const t=new URL(e,ze.t);return t.origin!==We.location.origin?t.href:t.pathname};const a=(e,t="")=>{{return()=>{}}};const d=(e,t)=>{{return()=>{}}};const p="{visibility:hidden}.hydrated{visibility:inherit}";const v="slot-fb{display:contents}slot-fb[hidden]{display:none}";const m="http://www.w3.org/1999/xlink";const h={};const y=e=>e!=null;const b=e=>{e=typeof e;return e==="object"||e==="function"};function $(e){var t,n,s;return(s=(n=(t=e.head)===null||t===void 0?void 0:t.querySelector('meta[name="csp-nonce"]'))===null||n===void 0?void 0:n.getAttribute("content"))!==null&&s!==void 0?s:undefined}const w=(e,t,...n)=>{let s=null;let l=null;let o=null;let i=false;let c=false;const f=[];const r=t=>{for(let n=0;n<t.length;n++){s=t[n];if(Array.isArray(s)){r(s)}else if(s!=null&&typeof s!=="boolean"){if(i=typeof e!=="function"&&!b(s)){s=String(s)}if(i&&c){f[f.length-1].l+=s}else{f.push(i?g(null,s):s)}c=i}}};r(n);if(t){if(t.key){l=t.key}if(t.name){o=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,f,C)}const u=g(e,null);u.o=t;if(f.length>0){u.i=f}{u.u=l}{u.p=o}return u};const g=(e,t)=>{const n={v:0,m:e,l:t,h:null,i:null};{n.o=null}{n.u=null}{n.p=null}return n};const S={};const k=e=>e&&e.m===S;const C={forEach:(e,t)=>e.map(x).forEach(t),map:(e,t)=>e.map(x).map(t).map(R)};const x=e=>({vattrs:e.o,vchildren:e.i,vkey:e.u,vname:e.p,vtag:e.m,vtext:e.l});const R=e=>{if(typeof e.vtag==="function"){const t=Object.assign({},e.vattrs);if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return w(e.vtag,t,...e.vchildren||[])}const t=g(e.vtag,e.vtext);t.o=e.vattrs;t.i=e.vchildren;t.u=e.vkey;t.p=e.vname;return t};const L=(e,t)=>{if(e!=null&&!b(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};const T=e=>De(e).$hostElement$;const j=(e,t,n)=>{const s=T(e);return{emit:e=>D(s,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};const D=(e,t,n)=>{const s=ze.ce(t,n);e.dispatchEvent(s);return s};const O=new WeakMap;const F=(e,t,n)=>{let s=Pe.get(e);if(Qe&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=t}else{s.replaceSync(t)}}else{s=t}Pe.set(e,s)};const M=(e,t,n)=>{var s;const l=A(t);const o=Pe.get(l);e=e.nodeType===11?e:Ee;if(o){if(typeof o==="string"){e=e.head||e;let n=O.get(e);let i;if(!n){O.set(e,n=new Set)}if(!n.has(l)){{i=Ee.createElement("style");i.innerHTML=o;const t=(s=ze.$)!==null&&s!==void 0?s:$(Ee);if(t!=null){i.setAttribute("nonce",t)}e.insertBefore(i,e.querySelector("link"))}if(t.v&4){i.innerHTML+=v}if(n){n.add(l)}}}else if(!e.adoptedStyleSheets.includes(o)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]}}return l};const U=e=>{const t=e.S;const n=e.$hostElement$;const s=t.v;const l=a("attachStyles",t.k);const o=M(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(s&10){n["s-sc"]=o;n.classList.add(o+"-h");if(s&2){n.classList.add(o+"-s")}}l()};const A=(e,t)=>"sc-"+e.k;const N=(e,t,n,s,l,o)=>{if(n!==s){let i=Me(e,t);let c=t.toLowerCase();if(t==="class"){const t=e.classList;const l=W(n);const o=W(s);t.remove(...l.filter((e=>e&&!o.includes(e))));t.add(...o.filter((e=>e&&!l.includes(e))))}else if(t==="style"){{for(const t in n){if(!s||s[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in s){if(!n||s[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,s[t])}else{e.style[t]=s[t]}}}}else if(t==="key");else if(t==="ref"){if(s){s(e)}}else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(Me(We,c)){t=c.slice(2)}else{t=c[2]+t.slice(3)}if(n||s){const l=t.endsWith(E);t=t.replace(z,"");if(n){ze.rel(e,t,n,l)}if(s){ze.ael(e,t,s,l)}}}else{const f=b(s);if((i||f&&s!==null)&&!l){try{if(!e.tagName.includes("-")){const l=s==null?"":s;if(t==="list"){i=false}else if(n==null||e[t]!=l){e[t]=l}}else{e[t]=s}}catch(e){}}let r=false;{if(c!==(c=c.replace(/^xlink\:?/,""))){t=c;r=true}}if(s==null||s===false){if(s!==false||e.getAttribute(t)===""){if(r){e.removeAttributeNS(m,t)}else{e.removeAttribute(t)}}}else if((!i||o&4||l)&&!f){s=s===true?"":s;if(r){e.setAttributeNS(m,t,s)}else{e.setAttribute(t,s)}}}}};const P=/\s/;const W=e=>!e?[]:e.split(P);const E="Capture";const z=new RegExp(E+"$");const B=(e,t,n,s)=>{const l=t.h.nodeType===11&&t.h.host?t.h.host:t.h;const o=e&&e.o||h;const i=t.o||h;{for(s in o){if(!(s in i)){N(l,s,o[s],undefined,n,t.v)}}}for(s in i){N(l,s,o[s],i[s],n,t.v)}};const H=(e,t,i,r)=>{const u=t.i[i];let a=0;let d;let p;let v;if(!o){c=true;if(u.m==="slot"){if(n){r.classList.add(n+"-s")}u.v|=u.i?2:1}}if(u.l!==null){d=u.h=Ee.createTextNode(u.l)}else if(u.v&1){d=u.h=Ee.createTextNode("")}else{d=u.h=Ee.createElement(u.v&2?"slot-fb":u.m);{B(null,u,f)}if(y(n)&&d["s-si"]!==n){d.classList.add(d["s-si"]=n)}if(u.i){for(a=0;a<u.i.length;++a){p=H(e,u,a,d);if(p){d.appendChild(p)}}}}d["s-hn"]=l;{if(u.v&(2|1)){d["s-sr"]=true;d["s-cr"]=s;d["s-sn"]=u.p||"";v=e&&e.i&&e.i[i];if(v&&v.m===u.m&&e.h){{Q(e.h,false)}}}}return d};const Q=(e,t)=>{ze.v|=1;const n=e.childNodes;for(let e=n.length-1;e>=0;e--){const s=n[e];if(s["s-hn"]!==l&&s["s-ol"]){_(s).insertBefore(s,X(s));s["s-ol"].remove();s["s-ol"]=undefined;s["s-sh"]=undefined;c=true}if(t){Q(s,t)}}ze.v&=~1};const q=(e,t,n,s,o,i)=>{let c=e["s-cr"]&&e["s-cr"].parentNode||e;let f;if(c.shadowRoot&&c.tagName===l){c=c.shadowRoot}for(;o<=i;++o){if(s[o]){f=H(null,n,o,e);if(f){s[o].h=f;c.insertBefore(f,X(t))}}}};const I=(e,t,n)=>{for(let s=t;s<=n;++s){const t=e[s];if(t){const e=t.h;te(t);if(e){{i=true;if(e["s-ol"]){e["s-ol"].remove()}else{Q(e,true)}}e.remove()}}}};const K=(e,t,n,s,l=false)=>{let o=0;let i=0;let c=0;let f=0;let r=t.length-1;let u=t[0];let a=t[r];let d=s.length-1;let p=s[0];let v=s[d];let m;let h;while(o<=r&&i<=d){if(u==null){u=t[++o]}else if(a==null){a=t[--r]}else if(p==null){p=s[++i]}else if(v==null){v=s[--d]}else if(V(u,p,l)){G(u,p,l);u=t[++o];p=s[++i]}else if(V(a,v,l)){G(a,v,l);a=t[--r];v=s[--d]}else if(V(u,v,l)){if(u.m==="slot"||v.m==="slot"){Q(u.h.parentNode,false)}G(u,v,l);e.insertBefore(u.h,a.h.nextSibling);u=t[++o];v=s[--d]}else if(V(a,p,l)){if(u.m==="slot"||v.m==="slot"){Q(a.h.parentNode,false)}G(a,p,l);e.insertBefore(a.h,u.h);a=t[--r];p=s[++i]}else{c=-1;{for(f=o;f<=r;++f){if(t[f]&&t[f].u!==null&&t[f].u===p.u){c=f;break}}}if(c>=0){h=t[c];if(h.m!==p.m){m=H(t&&t[i],n,c,e)}else{G(h,p,l);t[c]=undefined;m=h.h}p=s[++i]}else{m=H(t&&t[i],n,i,e);p=s[++i]}if(m){{_(u.h).insertBefore(m,X(u.h))}}}}if(o>r){q(e,s[d+1]==null?null:s[d+1].h,n,s,i,d)}else if(i>d){I(t,o,r)}};const V=(e,t,n=false)=>{if(e.m===t.m){if(e.m==="slot"){return e.p===t.p}if(!n){return e.u===t.u}return true}return false};const X=e=>e&&e["s-ol"]||e;const _=e=>(e["s-ol"]?e["s-ol"]:e).parentNode;const G=(e,t,n=false)=>{const s=t.h=e.h;const l=e.i;const o=t.i;const i=t.m;const c=t.l;let r;if(c===null){{if(i==="slot");else{B(e,t,f)}}if(l!==null&&o!==null){K(s,l,t,o,n)}else if(o!==null){if(e.l!==null){s.textContent=""}q(s,null,t,o,0,o.length-1)}else if(l!==null){I(l,0,l.length-1)}}else if(r=s["s-cr"]){r.parentNode.textContent=c}else if(e.l!==c){s.data=c}};const J=e=>{const t=e.childNodes;for(const e of t){if(e.nodeType===1){if(e["s-sr"]){const n=e["s-sn"];e.hidden=false;for(const s of t){if(s!==e){if(s["s-hn"]!==e["s-hn"]||n!==""){if(s.nodeType===1&&(n===s.getAttribute("slot")||n===s["s-sn"])){e.hidden=true;break}}else{if(s.nodeType===1||s.nodeType===3&&s.textContent.trim()!==""){e.hidden=true;break}}}}}J(e)}}};const Y=[];const Z=e=>{let n;let s;let l;for(const o of e.childNodes){if(o["s-sr"]&&(n=o["s-cr"])&&n.parentNode){s=n.parentNode.childNodes;const e=o["s-sn"];for(l=s.length-1;l>=0;l--){n=s[l];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==o["s-hn"]&&!t.experimentalSlotFixes){if(ee(n,e)){let t=Y.find((e=>e.C===n));i=true;n["s-sn"]=n["s-sn"]||e;if(t){t.C["s-sh"]=o["s-hn"];t.R=o}else{n["s-sh"]=o["s-hn"];Y.push({R:o,C:n})}if(n["s-sr"]){Y.map((e=>{if(ee(e.C,n["s-sn"])){t=Y.find((e=>e.C===n));if(t&&!e.R){e.R=t.R}}}))}}else if(!Y.some((e=>e.C===n))){Y.push({C:n})}}}}if(o.nodeType===1){Z(o)}}};const ee=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};const te=e=>{{e.o&&e.o.ref&&e.o.ref(null);e.i&&e.i.map(te)}};const ne=(e,t,f=false)=>{var r,u,a,d;const p=e.$hostElement$;const v=e.S;const m=e.L||g(null,null);const h=k(t)?t:w(null,null,t);l=p.tagName;if(v.T){h.o=h.o||{};v.T.map((([e,t])=>h.o[t]=p[e]))}if(f&&h.o){for(const e of Object.keys(h.o)){if(p.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){h.o[e]=p[e]}}}h.m=null;h.v|=4;e.L=h;h.h=m.h=p.shadowRoot||p;{n=p["s-sc"]}{s=p["s-cr"];o=(v.v&1)!==0;i=false}G(m,h,f);{ze.v|=1;if(c){Z(h.h);for(const e of Y){const t=e.C;if(!t["s-ol"]){const e=Ee.createTextNode("");e["s-nr"]=t;t.parentNode.insertBefore(t["s-ol"]=e,t)}}for(const e of Y){const t=e.C;const n=e.R;if(n){const e=n.parentNode;let s=n.nextSibling;{let n=(r=t["s-ol"])===null||r===void 0?void 0:r.previousSibling;while(n){let l=(u=n["s-nr"])!==null&&u!==void 0?u:null;if(l&&l["s-sn"]===t["s-sn"]&&e===l.parentNode){l=l.nextSibling;if(!l||!l["s-nr"]){s=l;break}}n=n.previousSibling}}if(!s&&e!==t.parentNode||t.nextSibling!==s){if(t!==s){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}e.insertBefore(t,s);if(t.nodeType===1){t.hidden=(a=t["s-ih"])!==null&&a!==void 0?a:false}}}}else{if(t.nodeType===1){if(f){t["s-ih"]=(d=t.hidden)!==null&&d!==void 0?d:false}t.hidden=true}}}}if(i){J(h.h)}ze.v&=~1;Y.length=0}s=undefined};const se=(e,t)=>{if(t&&!e.j&&t["s-p"]){t["s-p"].push(new Promise((t=>e.j=t)))}};const le=(e,t)=>{{e.v|=16}if(e.v&4){e.v|=512;return}se(e,e.D);const n=()=>oe(e,t);return Ge(n)};const oe=(e,t)=>{const n=a("scheduleUpdate",e.S.k);const s=e.O;let l;if(t){{e.v|=256;if(e.F){e.F.map((([e,t])=>de(s,e,t)));e.F=undefined}}{l=de(s,"componentWillLoad")}}{l=ie(l,(()=>de(s,"componentWillRender")))}n();return ie(l,(()=>fe(e,s,t)))};const ie=(e,t)=>ce(e)?e.then(t):t();const ce=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";const fe=async(e,t,n)=>{var s;const l=e.$hostElement$;const o=a("update",e.S.k);const i=l["s-rc"];if(n){U(e)}const c=a("render",e.S.k);{re(e,t,l,n)}if(i){i.map((e=>e()));l["s-rc"]=undefined}c();o();{const t=(s=l["s-p"])!==null&&s!==void 0?s:[];const n=()=>ue(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.v|=4;t.length=0}}};const re=(e,t,n,s)=>{try{t=t.render();{e.v&=~16}{e.v|=2}{{{ne(e,t,s)}}}}catch(t){Ue(t,e.$hostElement$)}return null};const ue=e=>{const t=e.S.k;const n=e.$hostElement$;const s=a("postUpdate",t);const l=e.O;const o=e.D;{de(l,"componentDidRender")}if(!(e.v&64)){e.v|=64;{pe(n)}{de(l,"componentDidLoad")}s();{e.M(n);if(!o){ae()}}}else{{de(l,"componentDidUpdate")}s()}{e.U(n)}{if(e.j){e.j();e.j=undefined}if(e.v&512){_e((()=>le(e,false)))}e.v&=~(4|512)}};const ae=t=>{{pe(Ee.documentElement)}_e((()=>D(We,"appload",{detail:{namespace:e}})))};const de=(e,t,n)=>{if(e&&e[t]){try{return e[t](n)}catch(e){Ue(e)}}return undefined};const pe=e=>e.classList.add("hydrated");const ve=(e,t)=>De(e).A.get(t);const me=(e,t,n,s)=>{const l=De(e);const o=l.$hostElement$;const i=l.A.get(t);const c=l.v;const f=l.O;n=L(n,s.N[t][0]);const r=Number.isNaN(i)&&Number.isNaN(n);const u=n!==i&&!r;if((!(c&8)||i===undefined)&&u){l.A.set(t,n);if(f){if(s.P&&c&128){const e=s.P[t];if(e){e.map((e=>{try{f[e](n,i,t)}catch(e){Ue(e,o)}}))}}if((c&(2|16))===2){le(l,false)}}}};const he=(e,t,n)=>{var s;const l=e.prototype;if(t.N){if(e.watchers){t.P=e.watchers}const o=Object.entries(t.N);o.map((([e,[s]])=>{if(s&31||n&2&&s&32){Object.defineProperty(l,e,{get(){return ve(this,e)},set(n){me(this,e,n,t)},configurable:true,enumerable:true})}else if(n&1&&s&64){Object.defineProperty(l,e,{value(...t){var n;const s=De(this);return(n=s===null||s===void 0?void 0:s.W)===null||n===void 0?void 0:n.then((()=>{var n;return(n=s.O)===null||n===void 0?void 0:n[e](...t)}))}})}}));if(n&1){const n=new Map;l.attributeChangedCallback=function(e,s,o){ze.jmp((()=>{var i;const c=n.get(e);if(this.hasOwnProperty(c)){o=this[c];delete this[c]}else if(l.hasOwnProperty(c)&&typeof this[c]==="number"&&this[c]==o){return}else if(c==null){const n=De(this);const l=n===null||n===void 0?void 0:n.v;if(l&&!(l&8)&&l&128&&o!==s){const l=n.O;const c=(i=t.P)===null||i===void 0?void 0:i[e];c===null||c===void 0?void 0:c.forEach((t=>{if(l[t]!=null){l[t].call(l,o,s,e)}}))}return}this[c]=o===null&&typeof this[c]==="boolean"?false:o}))};e.observedAttributes=Array.from(new Set([...Object.keys((s=t.P)!==null&&s!==void 0?s:{}),...o.filter((([e,t])=>t[0]&15)).map((([e,s])=>{var l;const o=s[1]||e;n.set(o,e);if(s[0]&512){(l=t.T)===null||l===void 0?void 0:l.push([e,o])}return o}))]))}}return e};const ye=async(e,t,n,s)=>{let l;if((t.v&32)===0){t.v|=32;{l=Ne(n);if(l.then){const e=d();l=await l;e()}if(!l.isProxied){{n.P=l.watchers}he(l,n,2);l.isProxied=true}const e=a("createInstance",n.k);{t.v|=8}try{new l(t)}catch(e){Ue(e)}{t.v&=~8}{t.v|=128}e();be(t.O)}if(l.style){let e=l.style;const t=A(n);if(!Pe.has(t)){const s=a("registerStyles",n.k);F(t,e,!!(n.v&1));s()}}}const o=t.D;const i=()=>le(t,true);if(o&&o["s-rc"]){o["s-rc"].push(i)}else{i()}};const be=e=>{{de(e,"connectedCallback")}};const $e=e=>{if((ze.v&1)===0){const t=De(e);const n=t.S;const s=a("connectedCallback",n.k);if(!(t.v&1)){t.v|=1;{if(n.v&(4|8)){we(e)}}{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){se(t,t.D=n);break}}}if(n.N){Object.entries(n.N).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{ye(e,t,n)}}else{Ce(e,t,n.B);if(t===null||t===void 0?void 0:t.O){be(t.O)}else if(t===null||t===void 0?void 0:t.H){t.H.then((()=>be(t.O)))}}s()}};const we=e=>{const t=e["s-cr"]=Ee.createComment("");t["s-cn"]=true;e.insertBefore(t,e.firstChild)};const ge=e=>{{de(e,"disconnectedCallback")}};const Se=async e=>{if((ze.v&1)===0){const t=De(e);{if(t.q){t.q.map((e=>e()));t.q=undefined}}if(t===null||t===void 0?void 0:t.O){ge(t.O)}else if(t===null||t===void 0?void 0:t.H){t.H.then((()=>ge(t.O)))}}};const ke=(e,t={})=>{var n;const s=a();const l=[];const o=t.exclude||[];const i=We.customElements;const c=Ee.head;const f=c.querySelector("meta[charset]");const r=Ee.createElement("style");const u=[];let d;let m=true;Object.assign(ze,t);ze.t=new URL(t.resourcesUrl||"./",Ee.baseURI).href;let h=false;e.map((e=>{e[1].map((t=>{var n;const s={v:t[0],k:t[1],N:t[2],B:t[3]};if(s.v&4){h=true}{s.N=t[2]}{s.B=t[3]}{s.T=[]}{s.P=(n=t[4])!==null&&n!==void 0?n:{}}const c=s.k;const f=class extends HTMLElement{constructor(e){super(e);e=this;Fe(e,s);if(s.v&1){{{e.attachShadow({mode:"open"})}}}}connectedCallback(){if(d){clearTimeout(d);d=null}if(m){u.push(this)}else{ze.jmp((()=>$e(this)))}}disconnectedCallback(){ze.jmp((()=>Se(this)))}componentOnReady(){return De(this).H}};s.I=e[0];if(!o.includes(c)&&!i.get(c)){l.push(c);i.define(c,he(f,s,1))}}))}));if(h){r.innerHTML+=v}{r.innerHTML+=l+p}if(r.innerHTML.length){r.setAttribute("data-styles","");const e=(n=ze.$)!==null&&n!==void 0?n:$(Ee);if(e!=null){r.setAttribute("nonce",e)}c.insertBefore(r,f?f.nextSibling:c.firstChild)}m=false;if(u.length){u.map((e=>e.connectedCallback()))}else{{ze.jmp((()=>d=setTimeout(ae,30)))}}s()};const Ce=(e,t,n,s)=>{if(n){n.map((([n,s,l])=>{const o=Re(e,n);const i=xe(t,l);const c=Le(n);ze.ael(o,s,i,c);(t.q=t.q||[]).push((()=>ze.rel(o,s,i,c)))}))}};const xe=(e,t)=>n=>{try{{if(e.v&256){e.O[t](n)}else{(e.F=e.F||[]).push([t,n])}}}catch(e){Ue(e)}};const Re=(e,t)=>{if(t&16)return Ee.body;return e};const Le=e=>Be?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;const Te=e=>ze.$=e;const je=new WeakMap;const De=e=>je.get(e);const Oe=(e,t)=>je.set(t.O=e,t);const Fe=(e,t)=>{const n={v:0,$hostElement$:e,S:t,A:new Map};{n.W=new Promise((e=>n.U=e))}{n.H=new Promise((e=>n.M=e));e["s-p"]=[];e["s-rc"]=[]}Ce(e,n,t.B);return je.set(e,n)};const Me=(e,t)=>t in e;const Ue=(e,t)=>(0,console.error)(e,t);const Ae=new Map;const Ne=(e,t,n)=>{const s=e.k.replace(/-/g,"_");const l=e.I;const o=Ae.get(l);if(o){return o[s]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((e=>{{Ae.set(l,e)}return e[s]}),Ue)};const Pe=new Map;const We=typeof window!=="undefined"?window:{};const Ee=We.document||{head:{}};const ze={v:0,t:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,s)=>e.addEventListener(t,n,s),rel:(e,t,n,s)=>e.removeEventListener(t,n,s),ce:(e,t)=>new CustomEvent(e,t)};const Be=(()=>{let e=false;try{Ee.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();const He=e=>Promise.resolve(e);const Qe=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();const qe=[];const Ie=[];const Ke=(e,t)=>n=>{e.push(n);if(!r){r=true;if(t&&ze.v&4){_e(Xe)}else{ze.raf(Xe)}}};const Ve=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){Ue(e)}}e.length=0};const Xe=()=>{Ve(qe);{Ve(Ie);if(r=qe.length>0){ze.raf(Xe)}}};const _e=e=>He().then(e);const Ge=Ke(Ie,true);export{S as H,u as a,ke as b,j as c,T as g,w as h,He as p,Oe as r,Te as s};
+//# sourceMappingURL=p-db677b4c.js.map