@pine-ds/core 2.16.0-mercury.0 → 2.16.1

package/dist/pine-core/p-798cde42.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-45cf2585.system.js"],(function(n){"use strict";var a,e,t;return{setters:[function(n){a=n.r;e=n.h;t=n.H}],execute:function(){var r=":host {\n  --row-gap-y: 10px;\n  --row-gap-x: 10px;\n  display: block;\n  -webkit-margin-after: calc(var(--row-gap-y) * -1);\n  margin-block-end: calc(var(--row-gap-y) * -1);\n  -webkit-margin-before: calc(var(--row-gap-y) * -1);\n  margin-block-start: calc(var(--row-gap-y) * -1);\n  -webkit-margin-end: calc(var(--row-gap-x) * -0.5);\n  margin-inline-end: calc(var(--row-gap-x) * -0.5);\n  -webkit-margin-start: calc(var(--row-gap-x) * -0.5);\n  margin-inline-start: calc(var(--row-gap-x) * -0.5);\n}\n\n.pds-row {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n  -webkit-margin-after: calc(var(--row-gap-y) * -1);\n  margin-block-end: calc(var(--row-gap-y) * -1);\n  -webkit-margin-before: calc(var(--row-gap-y) * -1);\n  margin-block-start: calc(var(--row-gap-y) * -1);\n  -webkit-margin-end: calc(var(--row-gap-x) * -1);\n  margin-inline-end: calc(var(--row-gap-x) * -1);\n  -webkit-margin-start: calc(var(--row-gap-x) * -1);\n  margin-inline-start: calc(var(--row-gap-x) * -1);\n}\n@layer layout {\n  .pds-row > * {\n    -webkit-padding-after: calc(var(--row-gap-y));\n    padding-block-end: calc(var(--row-gap-y));\n    -webkit-padding-before: calc(var(--row-gap-y));\n    padding-block-start: calc(var(--row-gap-y));\n    -webkit-padding-end: calc(var(--row-gap-x));\n    padding-inline-end: calc(var(--row-gap-x));\n    -webkit-padding-start: calc(var(--row-gap-x));\n    padding-inline-start: calc(var(--row-gap-x));\n  }\n}\n\n.pds-row--no-wrap {\n  -ms-flex-wrap: nowrap;\n  flex-wrap: nowrap;\n}\n\n.pds-row--border {\n  border: var(--pine-border);\n}\n\n.pds-justify-content-start {\n  -ms-flex-pack: start;\n  justify-content: start;\n}\n\n.pds-justify-content-center {\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n.pds-justify-content-end {\n  -ms-flex-pack: end;\n  justify-content: end;\n}\n\n.pds-justify-content-space-between {\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n}\n\n.pds-justify-content-space-around {\n  -ms-flex-pack: distribute;\n  justify-content: space-around;\n}\n\n.pds-justify-content-space-evenly {\n  -ms-flex-pack: space-evenly;\n  justify-content: space-evenly;\n}\n\n.pds-align-items-start {\n  -ms-flex-align: start;\n  align-items: start;\n}\n\n.pds-align-items-center {\n  -ms-flex-align: center;\n  align-items: center;\n}\n\n.pds-align-items-end {\n  -ms-flex-align: end;\n  align-items: end;\n}\n\n.pds-align-items-stretch {\n  -ms-flex-align: stretch;\n  align-items: stretch;\n}\n\n.pds-align-items-baseline {\n  -ms-flex-align: baseline;\n  align-items: baseline;\n}";var i=r;var s=n("pds_row",function(){function n(n){a(this,n);this.colGapMap={none:"0",xxs:".25rem",xs:".5rem",sm:"1rem",md:"1.5rem",lg:"2.25rem",xl:"3rem",xxl:"4rem"};this.alignItems=undefined;this.border=false;this.colGap=undefined;this.componentId=undefined;this.justifyContent=undefined;this.minHeight=undefined;this.noWrap=false}n.prototype.render=function(){var n="\n    ".concat(this.alignItems!==undefined&&this.alignItems.trim()!==""?"pds-align-items-".concat(this.alignItems):"","\n    ").concat(this.border?"pds-row--border":"","\n    ").concat(this.justifyContent!==undefined&&this.justifyContent.trim()!==""?"pds-justify-content-".concat(this.justifyContent):"","\n    ").concat(this.noWrap?"pds-row--no-wrap":"","\n  ");var a=Object.assign(Object.assign({},this.colGap&&{"--row-gap-x":this.colGap!==undefined&&this.colGap.trim()!==""?this.colGapMap[this.colGap]:"","--row-gap-y":this.colGap!==undefined&&this.colGap.trim()!==""?this.colGapMap[this.colGap]:""}),this.minHeight&&{"min-height":this.minHeight});return e(t,{key:"1760d9bd45d53d371c0a4c73171a12a6e4c59b51",class:"pds-row ".concat(n),style:a})};return n}());s.style=i}}}));
+//# sourceMappingURL=p-798cde42.system.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pdsRowCss","PdsRowStyle0","PdsRow","exports","this","colGapMap","none","xxs","xs","sm","md","lg","xl","xxl","class_1","prototype","render","rowClasses","concat","alignItems","undefined","trim","border","justifyContent","noWrap","rowInlineStyles","Object","assign","colGap","minHeight","h","Host","key","class","style"],"sources":["src/components/pds-row/pds-row.scss?tag=pds-row","src/components/pds-row/pds-row.tsx"],"sourcesContent":[":host {\n  --row-gap-y: 10px;\n  --row-gap-x: 10px;\n\n  display: block;\n  margin-block-end: calc(var(--row-gap-y) * -1);\n  margin-block-start: calc(var(--row-gap-y) * -1);\n  margin-inline-end: calc(var(--row-gap-x) * -0.5);\n  margin-inline-start: calc(var(--row-gap-x) * -0.5);\n}\n\n.pds-row {\n  display: flex;\n  flex-grow: 1;\n  flex-wrap: wrap;\n  margin-block-end: calc(var(--row-gap-y) * -1);\n  margin-block-start: calc(var(--row-gap-y) * -1);\n  margin-inline-end: calc(var(--row-gap-x) * -1);\n  margin-inline-start: calc(var(--row-gap-x) * -1);\n\n  @layer layout {\n  > * {\n      padding-block-end: calc(var(--row-gap-y));\n      padding-block-start: calc(var(--row-gap-y));\n      padding-inline-end: calc(var(--row-gap-x));\n      padding-inline-start: calc(var(--row-gap-x));\n    }\n  }\n}\n\n.pds-row--no-wrap {\n  flex-wrap: nowrap;\n}\n\n.pds-row--border {\n  border: var(--pine-border);\n}\n\n// Justify Content helpers\n.pds-justify-content-start {\n  justify-content: start;\n}\n\n.pds-justify-content-center {\n  justify-content: center;\n}\n\n.pds-justify-content-end {\n  justify-content: end;\n}\n\n.pds-justify-content-space-between {\n  justify-content: space-between;\n}\n\n.pds-justify-content-space-around {\n  justify-content: space-around;\n}\n\n.pds-justify-content-space-evenly {\n  justify-content: space-evenly;\n}\n\n// Align Items helpers\n.pds-align-items-start {\n  align-items: start;\n}\n\n.pds-align-items-center {\n  align-items: center;\n}\n\n.pds-align-items-end {\n  align-items: end;\n}\n\n.pds-align-items-stretch {\n  align-items: stretch;\n}\n\n.pds-align-items-baseline {\n  align-items: baseline;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nimport { BoxTShirtSizeType } from '../../utils/types';\n\n@Component({\n  tag: 'pds-row',\n  styleUrl: 'pds-row.scss',\n})\nexport class PdsRow {\n  /**\n   * Defines the vertical alignment of the row items.\n   * @defaultValue start\n   */\n  @Prop() alignItems?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * If `true`, the row will have a border.\n   */\n  @Prop() border? = false;\n\n  /**\n   * Defines the spacing between the row items.\n   */\n  @Prop() colGap?: BoxTShirtSizeType | null;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Defines the horizontal alignment of the row items.\n   * @defaultValue start\n   */\n  @Prop() justifyContent?: `start` | `center` | `end` | `space-between` | `space-around`;\n\n  /**\n   * The minimum height of the row. Used in conjunction with alignment props\n   */\n  @Prop() minHeight?: string;\n\n  /**\n   * If `true`, the row items will not wrap to the next line if horizontal space is not available.\n   */\n  @Prop() noWrap? = false;\n\n  private colGapMap: { [key in BoxTShirtSizeType]: string } = {\n    none: '0',\n    xxs: '.25rem',\n    xs: '.5rem',\n    sm: '1rem',\n    md: '1.5rem',\n    lg: '2.25rem',\n    xl: '3rem',\n    xxl: '4rem',\n  };\n\n  render() {\n    const rowClasses = `\n    ${this.alignItems !== undefined && this.alignItems.trim() !== '' ? `pds-align-items-${this.alignItems}` : ''}\n    ${this.border ? 'pds-row--border' : ''}\n    ${this.justifyContent !== undefined && this.justifyContent.trim() !== '' ? `pds-justify-content-${this.justifyContent}` : ''}\n    ${this.noWrap ? 'pds-row--no-wrap' : ''}\n  `;\n\n    const rowInlineStyles = {\n      ...(this.colGap && {\n        '--row-gap-x': this.colGap !== undefined && this.colGap.trim() !== '' ? this.colGapMap[this.colGap] : '',\n        '--row-gap-y': this.colGap !== undefined && this.colGap.trim() !== '' ? this.colGapMap[this.colGap] : '',\n      }),\n      ...(this.minHeight && {\n        'min-height': this.minHeight,\n      }),\n    };\n\n    return <Host class={`pds-row ${rowClasses}`} style={rowInlineStyles}></Host>;\n  }\n}\n"],"mappings":"kJAAA,IAAMA,EAAY,+kFAClB,IAAAC,EAAeD,E,ICOFE,EAAMC,EAAA,qB,wBAsCTC,KAAAC,UAAoD,CAC1DC,KAAM,IACNC,IAAK,SACLC,GAAI,QACJC,GAAI,OACJC,GAAI,SACJC,GAAI,UACJC,GAAI,OACJC,IAAK,Q,sCApCW,M,oHA0BA,K,CAalBC,EAAAC,UAAAC,OAAA,WACE,IAAMC,EAAa,SAAAC,OACjBd,KAAKe,aAAeC,WAAahB,KAAKe,WAAWE,SAAW,GAAK,mBAAAH,OAAmBd,KAAKe,YAAe,GAAE,UAAAD,OAC1Gd,KAAKkB,OAAS,kBAAoB,GAAE,UAAAJ,OACpCd,KAAKmB,iBAAmBH,WAAahB,KAAKmB,eAAeF,SAAW,GAAK,uBAAAH,OAAuBd,KAAKmB,gBAAmB,GAAE,UAAAL,OAC1Hd,KAAKoB,OAAS,mBAAqB,GAAE,QAGvC,IAAMC,EAAeC,OAAAC,OAAAD,OAAAC,OAAA,GACfvB,KAAKwB,QAAU,CACjB,cAAexB,KAAKwB,SAAWR,WAAahB,KAAKwB,OAAOP,SAAW,GAAKjB,KAAKC,UAAUD,KAAKwB,QAAU,GACtG,cAAexB,KAAKwB,SAAWR,WAAahB,KAAKwB,OAAOP,SAAW,GAAKjB,KAAKC,UAAUD,KAAKwB,QAAU,KAEpGxB,KAAKyB,WAAa,CACpB,aAAczB,KAAKyB,YAIvB,OAAOC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,WAAAf,OAAWD,GAAciB,MAAOT,G,WAnErC,I","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as o,c as r,h as e,H as n,g as a}from"./p-87fe352f.js";import{h as i}from"./p-46fb585d.js";import{f as t}from"./p-d561168e.js";const d=":host{--color-border-default:transparent;--color-border-disabled:transparent;--color-border-focus:transparent;--color-border-hover:transparent;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.pds-button{-ms-flex-align:center;align-items:center;background-color:var(--color-background-default);border:var(--pine-border);border-color:var(--color-border-default);border-radius:var(--pine-border-radius-full);color:var(--color-text-default);cursor:pointer;display:-ms-flexbox;display:flex;font-family:var(--pine-font-family-greet);font-size:var(--pine-font-size-body-md);font-weight:var(--pine-font-weight-medium);line-height:var(--pine-line-height-body);min-height:40px;padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-button pds-icon{color:currentColor;fill:currentColor;-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs)}.pds-button:hover{background-color:var(--color-background-hover);border-color:var(--color-border-hover)}.pds-button:focus-visible{--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);border-color:var(--color-border-focus);-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-button:disabled{background-color:var(--color-background-disabled);border-color:var(--color-border-disabled);color:var(--color-text-disabled);pointer-events:none}.pds-button--primary{--color-background-default:var(--pine-color-primary);--color-background-hover:var(--pine-color-primary-hover);--color-background-disabled:var(--pine-color-primary-disabled);--color-border-default:var(--pine-color-primary);--color-border-hover:var(--pine-color-primary-hover);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-primary-disabled);--color-outline:var(--pine-color-focus-ring)}.pds-button--accent{--color-background-default:var(--pine-color-accent);--color-background-hover:var(--pine-color-accent-hover);--color-background-disabled:var(--pine-color-accent-disabled);--color-border-default:var(--pine-color-accent);--color-border-hover:var(--pine-color-accent-hover);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-accent-disabled);--color-outline:var(--pine-color-focus-ring)}.pds-button--destructive{--color-background-default:var(--pine-color-danger);--color-background-hover:var(--pine-color-danger-hover);--color-background-disabled:var(--pine-color-danger-disabled);--color-border-default:var(--pine-color-danger);--color-border-hover:var(--pine-color-danger-hover);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-danger-disabled);--color-outline:var(--pine-color-focus-ring-danger)}.pds-button--destructive:focus-visible{--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-danger);-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-button--secondary,.pds-button--disclosure{--color-background-default:transparent;--color-background-hover:transparent;--color-background-disabled:transparent;--color-border-disabled:var(--pine-color-border-disabled);--color-border-focus:var(--pine-color-border);--color-border-hover:var(--pine-color-border-hover);--color-border-default:var(--pine-color-border);--color-text-default:var(--pine-color-text-secondary);--color-text-disabled:var(--pine-color-text-secondary-disabled);--color-outline:var(--pine-color-focus-ring)}.pds-button--secondary:hover,.pds-button--disclosure:hover{background-color:var(--pine-color-secondary-hover)}.pds-button--disclosure pds-icon{-webkit-margin-end:var(--pine-dimension-none);margin-inline-end:var(--pine-dimension-none);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-button--unstyled{--color-background-default:transparent;--color-background-hover:transparent;--color-background-disabled:transparent;--color-text-default:inherit;border-width:var(--pine-dimension-none);margin:var(--pine-dimension-none);min-height:auto;padding:var(--pine-dimension-none);width:inherit}";const c=d;const s=class{constructor(e){o(this,e);this.pdsClick=r(this,"pdsClick",7);this.handleClick=o=>{if(this.type!="button"){if(i(this.el)){const r=this.el.closest("form");if(r){o.preventDefault();const e=document.createElement("button");e.type=this.type;e.style.display="none";r.appendChild(e);e.click();e.remove()}}}this.pdsClick.emit(o)};this.componentId=undefined;this.disabled=false;this.icon=null;this.name=undefined;this.value=undefined;this.type="button";this.variant="primary"}classNames(){const o=["pds-button"];if(this.variant){o.push("pds-button--"+this.variant)}return o.join("  ")}render(){return e(n,{key:"09f73346a0de854613bb43e81a9099c2e3783ec0","aria-disabled":this.disabled?"true":null,id:this.componentId,onClick:this.handleClick,variant:this.variant},e("button",{key:"e02d07f103692dfdf0f40c4ef0659674d92b701a",class:this.classNames(),disabled:this.disabled,name:this.name,part:"button",type:this.type,value:this.value},this.icon&&this.variant!=="disclosure"&&e("pds-icon",{key:"642e6890c4d6cdbbe129af1ef3532fcd5c4a7925",name:this.icon,part:"icon"}),e("slot",{key:"58e95d868055a2723657a757a3c49cbb7989d912"}),this.variant==="disclosure"&&e("pds-icon",{key:"81d4456cb62d77056f93e60091215347ac743134",icon:t,part:"caret"})))}get el(){return a(this)}};s.style=c;export{s as pds_button};
+//# sourceMappingURL=p-7c6320e4.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pdsButtonCss","PdsButtonStyle0","PdsButton","this","handleClick","ev","type","hasShadowDom","el","form","closest","preventDefault","fakeButton","document","createElement","style","display","appendChild","click","remove","pdsClick","emit","classNames","variant","push","join","render","h","Host","key","disabled","id","componentId","onClick","class","name","part","value","icon","caretDown"],"sources":["src/components/pds-button/pds-button.scss?tag=pds-button&encapsulation=shadow","src/components/pds-button/pds-button.tsx"],"sourcesContent":[":host {\n  --color-border-default: transparent;\n  --color-border-disabled: transparent;\n  --color-border-focus: transparent;\n  --color-border-hover: transparent;\n\n  display: inline-flex;\n  vertical-align: middle;\n}\n\n.pds-button {\n  align-items: center;\n  background-color: var(--color-background-default);\n  border: var(--pine-border);\n  border-color: var(--color-border-default);\n  border-radius: var(--pine-border-radius-full);\n  color: var(--color-text-default); // Set in the variant classes below\n  cursor: pointer;\n  display: flex;\n  font-family: var(--pine-font-family-greet);\n  font-size: var(--pine-font-size-body-md);\n  font-weight: var(--pine-font-weight-medium);\n  line-height: var(--pine-line-height-body);\n  min-height: 40px;\n  padding: var(--pine-dimension-xs) var(--pine-dimension-sm);\n\n  pds-icon {\n    color: currentColor;\n    fill: currentColor;\n    margin-inline-end: var(--pine-dimension-xs);\n  }\n\n  &:hover {\n    background-color: var(--color-background-hover);\n    border-color: var(--color-border-hover);\n  }\n\n  &:focus-visible {\n    --box-shadow-focus: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);\n    border-color: var(--color-border-focus);\n    // outline: var(--pine-border-focus); Border radius for outline does not work in Safari\n    box-shadow: var(--box-shadow-focus); // Remove when outline radius is supported in Safari\n    outline: none;\n  }\n\n  &:disabled {\n    background-color: var(--color-background-disabled);\n    border-color: var(--color-border-disabled);\n    color: var(--color-text-disabled);\n    pointer-events: none;\n  }\n}\n\n.pds-button--primary {\n  --color-background-default: var(--pine-color-primary);\n  --color-background-hover: var(--pine-color-primary-hover);\n  --color-background-disabled: var(--pine-color-primary-disabled);\n  --color-border-default: var(--pine-color-primary);\n  --color-border-hover: var(--pine-color-primary-hover);\n  --color-text-default: var(--pine-color-text-primary);\n  --color-text-disabled: var(--pine-color-text-primary-disabled);\n  --color-outline: var(--pine-color-focus-ring);\n}\n\n.pds-button--accent {\n  --color-background-default: var(--pine-color-accent);\n  --color-background-hover: var(--pine-color-accent-hover);\n  --color-background-disabled: var(--pine-color-accent-disabled);\n  --color-border-default: var(--pine-color-accent);\n  --color-border-hover: var(--pine-color-accent-hover);\n  --color-text-default: var(--pine-color-text-primary);\n  --color-text-disabled: var(--pine-color-text-accent-disabled);\n  --color-outline: var(--pine-color-focus-ring);\n}\n\n.pds-button--destructive {\n  --color-background-default: var(--pine-color-danger);\n  --color-background-hover: var(--pine-color-danger-hover);\n  --color-background-disabled: var(--pine-color-danger-disabled);\n  --color-border-default: var(--pine-color-danger);\n  --color-border-hover: var(--pine-color-danger-hover);\n  --color-text-default: var(--pine-color-text-primary);\n  --color-text-disabled: var(--pine-color-text-danger-disabled);\n  --color-outline: var(--pine-color-focus-ring-danger);\n\n  &:focus-visible {\n    --box-shadow-focus: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-danger);\n    box-shadow: var(--box-shadow-focus); // Remove when outline radius is supported in Safari\n    outline: none;\n  }\n}\n\n.pds-button--secondary,\n.pds-button--disclosure {\n  --color-background-default: transparent;\n  --color-background-hover: transparent;\n  --color-background-disabled: transparent;\n  --color-border-disabled: var(--pine-color-border-disabled);\n  --color-border-focus: var(--pine-color-border);\n  --color-border-hover: var(--pine-color-border-hover);\n  --color-border-default: var(--pine-color-border);\n  --color-text-default: var(--pine-color-text-secondary);\n  --color-text-disabled: var(--pine-color-text-secondary-disabled);\n  --color-outline: var(--pine-color-focus-ring);\n\n  &:hover {\n    background-color: var(--pine-color-secondary-hover);\n  }\n}\n\n.pds-button--disclosure {\n  pds-icon {\n    margin-inline-end: var(--pine-dimension-none);\n    margin-inline-start: var(--pine-dimension-xs);\n  }\n}\n\n.pds-button--unstyled {\n  --color-background-default: transparent;\n  --color-background-hover: transparent;\n  --color-background-disabled: transparent;\n  --color-text-default: inherit;\n  border-width: var(--pine-dimension-none);\n  margin: var(--pine-dimension-none);\n  min-height: auto;\n  padding: var(--pine-dimension-none);\n  width: inherit;\n}\n","import { Component, Element, Event, EventEmitter, Host, h, Prop } from '@stencil/core';\nimport { hasShadowDom } from '../../utils/utils';\n\nimport { caretDown } from '@pine-ds/icons/icons';\n\n/**\n * @part button - Exposes the button element for styling.\n * @part caret - Exposes the caret icon component for styling. Appears only on the disclosure variant.\n * @part icon - Exposes the icon component for styling.\n*/\n\n@Component({\n  tag: 'pds-button',\n  styleUrls: ['pds-button.scss'],\n  shadow: true,\n})\nexport class PdsButton {\n  @Element() el: HTMLPdsButtonElement;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Determines the button's disabled state.\n   * @defaultValue false\n   */\n  @Prop() disabled? = false;\n\n  /**\n   * Displays an icon before the text when\n   * the icon string matches an icon name.\n   * @defaultValue null\n   */\n  @Prop() icon?: string = null;\n\n  /**\n   * Provides the button with a submittable name.\n   */\n  @Prop() name?: string;\n\n  /**\n   * Provides button with a submittable value\n   */\n  @Prop() value?: string;\n\n  /**\n   * Provides button with a type.\n   * @defaultValue button\n   */\n  @Prop() type?: 'button' | 'reset' | 'submit' = 'button';\n\n  /**\n   * Sets the style variant of the button.\n   * @defaultValue primary\n   */\n  @Prop() variant: 'primary' | 'secondary' | 'accent' | 'disclosure' | 'destructive' | 'unstyled' = 'primary';\n\n  @Event() pdsClick: EventEmitter;\n\n  private handleClick = (ev: Event) => {\n    if (this.type != 'button') {\n      // If button clicked IS NOT associated with a form\n      if (hasShadowDom(this.el)) {\n        const form = this.el.closest('form')\n        if (form) {\n          ev.preventDefault()\n\n          const fakeButton = document.createElement('button')\n          fakeButton.type = this.type\n          fakeButton.style.display = 'none'\n          form.appendChild(fakeButton)\n          fakeButton.click()\n          fakeButton.remove()\n        }\n      }\n    }\n    this.pdsClick.emit(ev);\n  }\n\n  private classNames() {\n    const classNames = ['pds-button'];\n\n    if (this.variant) {\n      classNames.push('pds-button--' + this.variant);\n    }\n\n    return classNames.join('  ');\n  }\n\n  render() {\n    return (\n      <Host\n        aria-disabled={this.disabled ? 'true' : null}\n        id={this.componentId}\n        onClick={this.handleClick}\n        variant={this.variant}\n      >\n        <button\n          class={this.classNames()}\n          disabled={this.disabled}\n          name={this.name}\n          part=\"button\"\n          type={this.type}\n          value={this.value}\n        >\n          {this.icon && this.variant !== 'disclosure' && <pds-icon name={this.icon} part=\"icon\"></pds-icon>}\n          <slot />\n          {this.variant === 'disclosure' && <pds-icon icon={caretDown} part=\"caret\"></pds-icon>}\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"wIAAA,MAAMA,EAAe,4hIACrB,MAAAC,EAAeD,E,MCeFE,EAAS,M,4DA6CZC,KAAAC,YAAeC,IACrB,GAAIF,KAAKG,MAAQ,SAAU,CAEzB,GAAIC,EAAaJ,KAAKK,IAAK,CACzB,MAAMC,EAAON,KAAKK,GAAGE,QAAQ,QAC7B,GAAID,EAAM,CACRJ,EAAGM,iBAEH,MAAMC,EAAaC,SAASC,cAAc,UAC1CF,EAAWN,KAAOH,KAAKG,KACvBM,EAAWG,MAAMC,QAAU,OAC3BP,EAAKQ,YAAYL,GACjBA,EAAWM,QACXN,EAAWO,Q,GAIjBhB,KAAKiB,SAASC,KAAKhB,EAAG,E,yCAlDJ,M,UAOI,K,mDAgBuB,S,aAMmD,S,CAwB1F,UAAAiB,GACN,MAAMA,EAAa,CAAC,cAEpB,GAAInB,KAAKoB,QAAS,CAChBD,EAAWE,KAAK,eAAiBrB,KAAKoB,Q,CAGxC,OAAOD,EAAWG,KAAK,K,CAGzB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2DACY1B,KAAK2B,SAAW,OAAS,KACxCC,GAAI5B,KAAK6B,YACTC,QAAS9B,KAAKC,YACdmB,QAASpB,KAAKoB,SAEdI,EAAA,UAAAE,IAAA,2CACEK,MAAO/B,KAAKmB,aACZQ,SAAU3B,KAAK2B,SACfK,KAAMhC,KAAKgC,KACXC,KAAK,SACL9B,KAAMH,KAAKG,KACX+B,MAAOlC,KAAKkC,OAEXlC,KAAKmC,MAAQnC,KAAKoB,UAAY,cAAgBI,EAAA,YAAAE,IAAA,2CAAUM,KAAMhC,KAAKmC,KAAMF,KAAK,SAC/ET,EAAA,QAAAE,IAAA,6CACC1B,KAAKoB,UAAY,cAAgBI,EAAA,YAAAE,IAAA,2CAAUS,KAAMC,EAAWH,KAAK,W","ignoreList":[]}

package/dist/pine-core/p-80c582b7.system.entry.js

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

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

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

package/dist/pine-core/p-8420594c.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-45cf2585.system.js","./p-5480346a.system.js"],(function(i){"use strict";var n,e,s;return{setters:[function(i){n=i.r;e=i.h},function(i){s=i.l}],execute:function(){var t=":host{--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);display:inline}:host pds-icon{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-link{-ms-flex-align:center;align-items:center;color:var(--pine-color-text);display:-ms-inline-flexbox;display:inline-flex;font-weight:var(--pine-font-weight-medium)}.pds-link:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none;position:relative}.pds-link--sm{font-size:var(--pine-font-size-body-xs)}.pds-link--sm pds-icon{height:var(--pine-dimension-xs);width:var(--pine-dimension-xs)}.pds-link--md{font-size:var(--pine-font-size-body-sm)}.pds-link--md pds-icon{height:var(--pine-dimension-xs);width:var(--pine-dimension-xs)}.pds-link--lg{font-size:var(--pine-font-size-body-md)}.pds-link--lg pds-icon{height:var(--pine-dimension-sm);width:var(--pine-dimension-sm)}.pds-link--plain{text-decoration:none}.pds-link--plain:hover{color:var(--pine-color-text-hover);text-decoration:underline}.pds-link--default{text-decoration:underline}.pds-link--default:hover{color:var(--pine-color-text-hover);text-decoration:none}";var o=t;var d=i("pds_link",function(){function i(i){n(this,i);this.componentId=undefined;this.external=false;this.variant="inline";this.fontSize="lg";this.href=undefined}i.prototype.classNames=function(){var i=["pds-link"];if(this.fontSize){i.push("pds-link--"+this.fontSize)}if(this.variant){i.push("pds-link--"+this.variant)}return i.join(" ")};i.prototype.render=function(){return e("a",{key:"d21ad4828be4f730d996dfa814ea8f8863053a51",class:this.classNames(),href:this.href,id:this.componentId,target:this.external?"_blank":undefined,part:"link"},e("slot",{key:"7e2dd2c8f33a12ba99a7b0c6f80e263c4fc7d695"},this.href),this.external&&e("pds-icon",{key:"8e1597318fb76223ae25232b9f1a814781f25409",icon:s,size:this.fontSize}))};return i}());d.style=o}}}));
+//# sourceMappingURL=p-8420594c.system.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pdsLinkCss","PdsLinkStyle0","PdsLink","exports","class_1","prototype","classNames","this","fontSize","push","variant","join","render","h","key","class","href","id","componentId","target","external","undefined","part","icon","launch","size"],"sources":["src/components/pds-link/pds-link.scss?tag=pds-link&encapsulation=shadow","src/components/pds-link/pds-link.tsx"],"sourcesContent":[":host {\n\n  --box-shadow-focus: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);\n\n  display: inline;\n\n  pds-icon {\n    margin-inline-start: var(--pine-dimension-2xs);\n  }\n}\n\n.pds-link {\n  align-items: center;\n  color: var(--pine-color-text);\n  display: inline-flex;\n  font-weight: var(--pine-font-weight-medium);\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    position: relative;\n  }\n}\n\n// We have a small consensus stating that\n// fonts will be REMs, box-model will be\n// discussed later px or (r)em's\n.pds-link--sm {\n  font-size: var(--pine-font-size-body-xs);\n\n  pds-icon {\n    height: var(--pine-dimension-xs);\n    width: var(--pine-dimension-xs);\n  }\n}\n\n.pds-link--md {\n  font-size: var(--pine-font-size-body-sm);\n\n  pds-icon {\n    height: var(--pine-dimension-xs);\n    width: var(--pine-dimension-xs);\n  }\n}\n\n.pds-link--lg {\n  font-size: var(--pine-font-size-body-md);\n\n  pds-icon {\n    height: var(--pine-dimension-sm);\n    width: var(--pine-dimension-sm);\n  }\n}\n\n.pds-link--plain {\n  text-decoration: none;\n\n  &:hover {\n    color: var(--pine-color-text-hover);\n    text-decoration: underline;\n  }\n}\n\n// Default = inline link\n.pds-link--default {\n  text-decoration: underline;\n\n  &:hover {\n    color: var(--pine-color-text-hover);\n    text-decoration: none;\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\nimport { launch } from '@pine-ds/icons/icons';\n\n/**\n * @part link - Link element styles.\n * @slot (default) - Text content placed between the opening and closing tags. If no text is provided, the **href** will be used as a fallback.\n */\n@Component({\n  tag: 'pds-link',\n  styleUrls: ['pds-link.scss'],\n  shadow: true,\n})\nexport class PdsLink {\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Determines whether the link should open in a new tab.\n   * @defaultValue false\n   */\n  @Prop() external = false;\n\n  /**\n   * Sets the link variant styles.\n   * @defaultValue inline\n   */\n  @Prop() variant: 'inline' | 'plain' = 'inline';\n\n  /**\n   * The font size of the link's text.\n   * @defaultValue lg\n   */\n  @Prop() fontSize: 'sm' | 'md' | 'lg' = 'lg';\n\n  /**\n   * The hyperlink's destination URL. If no text is provided in the custom slot, the href will be used.\n   */\n  @Prop() href!: string;\n\n  private classNames() {\n    const classNames = ['pds-link'];\n\n    if (this.fontSize) {\n      classNames.push('pds-link--' + this.fontSize);\n    }\n\n    if (this.variant) {\n      classNames.push('pds-link--' + this.variant);\n    }\n\n    return classNames.join(' ');\n  }\n\n  render() {\n\n    return (\n      <a\n        class={this.classNames()}\n        href={this.href}\n        id={this.componentId}\n        target={this.external ? '_blank' : undefined}\n        part=\"link\"\n      >\n        <slot>{this.href}</slot>\n        {this.external &&\n          <pds-icon icon={launch} size={this.fontSize}></pds-icon>\n        }\n      </a>\n    );\n  }\n}\n"],"mappings":"wLAAA,IAAMA,EAAa,4pCACnB,IAAAC,EAAeD,E,ICYFE,EAAOC,EAAA,sB,iEAUC,M,aAMmB,S,cAMC,K,oBAO/BC,EAAAC,UAAAC,WAAA,WACN,IAAMA,EAAa,CAAC,YAEpB,GAAIC,KAAKC,SAAU,CACjBF,EAAWG,KAAK,aAAeF,KAAKC,S,CAGtC,GAAID,KAAKG,QAAS,CAChBJ,EAAWG,KAAK,aAAeF,KAAKG,Q,CAGtC,OAAOJ,EAAWK,KAAK,I,EAGzBP,EAAAC,UAAAO,OAAA,WAEE,OACEC,EAAA,KAAAC,IAAA,2CACEC,MAAOR,KAAKD,aACZU,KAAMT,KAAKS,KACXC,GAAIV,KAAKW,YACTC,OAAQZ,KAAKa,SAAW,SAAWC,UACnCC,KAAK,QAELT,EAAA,QAAAC,IAAA,4CAAOP,KAAKS,MACXT,KAAKa,UACJP,EAAA,YAAAC,IAAA,2CAAUS,KAAMC,EAAQC,KAAMlB,KAAKC,W,WAvDzB,I","ignoreList":[]}

package/dist/pine-core/p-853af623.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-45cf2585.system.js"],(function(a){"use strict";var t,e,i,o,s;return{setters:[function(a){t=a.r;e=a.c;i=a.h;o=a.H;s=a.g}],execute:function(){var n='pds-tab{--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);--outline:4px solid var(--pine-color-focus-ring);-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;position:relative}.pds-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:var(--pine-dimension-none);-webkit-box-shadow:none;box-shadow:none;color:inherit;cursor:pointer;font-family:inherit;padding:var(--pine-dimension-none);-ms-flex-align:center;align-items:center;color:var(--pine-color-text-secondary);display:-ms-inline-flexbox;display:inline-flex;position:relative;text-decoration:none;white-space:nowrap}.pds-tab.is-active,.pds-tab[aria-selected=true]{color:var(--pine-color-text)}.pds-tab.is-active .pds-tab__content::after,.pds-tab[aria-selected=true] .pds-tab__content::after{opacity:1}.pds-tab:hover{color:var(--pine-color-text)}.pds-tab:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-tab .pds-tab__content{font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);-webkit-padding-after:11px;padding-block-end:11px;position:relative}.pds-tab .pds-tab__content::after{background-color:var(--pine-color-brand);bottom:0;content:"";height:3px;left:0;opacity:0;position:absolute;right:0}.pds-tab .pds-tab-edge{display:none}.pds-tabs--availability{--color-background-tab:transparent}.pds-tabs--availability .pds-tab{background-color:var(--color-background-tab);border-radius:calc(var(--pine-dimension-xs) * 1.25) calc(var(--pine-dimension-xs) * 1.25) var(--pine-dimension-none) var(--pine-dimension-none);padding:8px 16px 13px}.pds-tabs--availability .pds-tab.is-active,.pds-tabs--availability .pds-tab[aria-selected=true]{--color-background-tab:var(--pine-color-secondary)}.pds-tabs--availability .pds-tab.is-active .pds-tab__content::after,.pds-tabs--availability .pds-tab[aria-selected=true] .pds-tab__content::after{opacity:1}.pds-tabs--availability .pds-tab.is-active .pds-tab-edge,.pds-tabs--availability .pds-tab[aria-selected=true] .pds-tab-edge{z-index:1}.pds-tabs--availability .pds-tab:hover:not(.is-active,[aria-selected=true]){--color-background-tab:var(--pine-color-secondary-hover)}.pds-tabs--availability .pds-tab:focus-visible{color:var(--pine-color-text-secondary)}.pds-tabs--availability .pds-tab__content{padding-bottom:7px}.pds-tabs--availability .pds-tab-edge{bottom:0;display:block;height:8px;inset-inline-end:100%;overflow:hidden;position:absolute;width:8px}.pds-tabs--availability .pds-tab-edge::before{border-radius:50%;bottom:0;-webkit-box-shadow:4px 4px 0 0 var(--color-background-tab);box-shadow:4px 4px 0 0 var(--color-background-tab);content:"";display:block;height:200%;inset-inline-end:0;position:absolute;width:200%}.pds-tabs--availability .pds-tab-edge--end{inset-inline-end:unset;inset-inline-start:100%}.pds-tabs--availability .pds-tab-edge--end::before{-webkit-box-shadow:-4px 4px 0 0 var(--color-background-tab);box-shadow:-4px 4px 0 0 var(--color-background-tab);inset-inline-end:unset;inset-inline-start:0}.pds-tabs--filter{--color-background-tab:var(--pine-color-background-container)}.pds-tabs--filter .pds-tab{background-color:var(--color-background-tab);border-radius:50px;color:var(--pine-color-text);padding:6px 15px}.pds-tabs--filter .pds-tab.is-active,.pds-tabs--filter .pds-tab[aria-selected=true]{--color-background-tab:var(--pine-color-primary);color:var(--pine-color-text-primary)}.pds-tabs--filter .pds-tab:hover:not(.is-active,[aria-selected=true]){--color-background-tab:var(--pine-color-background-container-hover)}.pds-tabs--filter .pds-tab__content{-webkit-padding-after:var(--pine-dimension-none);padding-block-end:var(--pine-dimension-none)}.pds-tabs--filter .pds-tab__content::after{content:unset}.pds-tabs--pill{--color-background-tab:transparent}.pds-tabs--pill .pds-tab{background-color:var(--color-background-tab);border:var(--pine-border-width-thin) solid transparent;border-radius:var(--pine-dimension-xs);color:var(--color-text-default);height:34px}.pds-tabs--pill .pds-tab .pds-tab__content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;min-width:90px;-webkit-padding-after:0;padding-block-end:0}.pds-tabs--pill .pds-tab.is-active,.pds-tabs--pill .pds-tab[aria-selected=true]{--color-background-tab:var(--pine-color-white);border-color:var(--pine-color-border);-webkit-box-shadow:var(--pine-box-shadow-100);box-shadow:var(--pine-box-shadow-100);z-index:1;}.pds-tabs--pill .pds-tab.is-active:focus-visible,.pds-tabs--pill .pds-tab[aria-selected=true]:focus-visible{--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);border-color:var(--color-border-focus);-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-tabs--pill .pds-tab.is-active .pds-tab__content::after,.pds-tabs--pill .pds-tab[aria-selected=true] .pds-tab__content::after{opacity:0}';var r=n;var d=a("pds_tab",function(){function a(a){t(this,a);this.pdsTabClick=e(this,"pdsTabClick",7);this.name=undefined;this.parentComponentId=undefined;this.variant=undefined;this.index=undefined;this.selected=false}a.prototype.onTabClick=function(a,t){this.pdsTabClick.emit([a,t])};a.prototype.render=function(){var a=i("span",{key:"d98a922aaa1b9a6023830badc391c3d1d615ec6a",class:"pds-tab-edge",role:"presentation"});var t=i("span",{key:"390da28bb3fd9ab1fa2fddda45569e92d4547fa3",class:"pds-tab-edge pds-tab-edge--end",role:"presentation"});return i(o,{key:"5996673486d4bd95f98a691b155529a60655e92f",variant:this.variant,slot:"tabs",index:this.index},i("button",{key:"6eded79f9d5aa9093080933aa9aaa2ad88440759",role:"tab",id:this.parentComponentId+"__"+this.name,"aria-controls":this.parentComponentId+"__"+this.name+"-panel",tabindex:this.selected?"0":"-1","aria-selected":this.selected?"true":"false",class:this.selected?"pds-tab is-active":"pds-tab",onClick:this.onTabClick.bind(this,this.index,this.parentComponentId)},this.variant==="availability"&&a,this.variant==="availability"&&t,i("div",{key:"9f8927d976b6964c22414e9fbb8680b9132370fa",class:"pds-tab__content"},i("slot",{key:"691c6cf5e42bc42c6492276fd5905733c424921c"}))))};Object.defineProperty(a.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});return a}());d.style=r}}}));
+//# sourceMappingURL=p-853af623.system.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pdsTabCss","PdsTabStyle0","PdsTab","exports","class_1","prototype","onTabClick","index","parentComponentId","this","pdsTabClick","emit","render","availabilityTabEdgeInlineStart","h","key","class","role","availabilityTabEdgeInlineEnd","Host","variant","slot","id","name","tabindex","selected","onClick","bind"],"sources":["src/components/pds-tabs/pds-tab/pds-tab.scss?tag=pds-tab","src/components/pds-tabs/pds-tab/pds-tab.tsx"],"sourcesContent":["pds-tab {\n\n  --box-shadow-focus: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);\n\n  --outline: 4px solid var(--pine-color-focus-ring);\n\n  align-items: center;\n  display: inline-flex;\n  position: relative;\n}\n\n///\n/// Resets base button styles\n///\n@mixin pds-button-style-reset {\n  appearance: none;\n  background-color: transparent;\n  border: var(--pine-dimension-none);\n  box-shadow: none;\n  color: inherit;\n  cursor: pointer;\n  font-family: inherit;\n  padding: var(--pine-dimension-none);\n}\n\n.pds-tab {\n  @include pds-button-style-reset();\n\n  align-items: center;\n  color: var(--pine-color-text-secondary);\n  display: inline-flex;\n  position: relative;\n  text-decoration: none;\n  white-space: nowrap;\n\n  &.is-active,\n  &[aria-selected='true'] {\n    color: var(--pine-color-text);\n\n    .pds-tab__content::after {\n      opacity: 1;\n    }\n  }\n\n  &:hover {\n    color: var(--pine-color-text);\n  }\n\n  &:focus-visible {\n    // outline: var(--pine-border-focus); Border radius for outline does not work in Safari\n    box-shadow: var(--box-shadow-focus); // Remove when outline radius is supported in Safari\n    outline: none;\n  }\n\n  .pds-tab__content {\n    font-family: var(--pine-font-family-body);\n    font-size: var(--pine-font-size);\n    font-weight: var(--pine-font-weight-medium);\n    letter-spacing: var(--pine-letter-spacing);\n    line-height: var(--pine-line-height-body);\n    padding-block-end: 11px;\n    position: relative;\n\n    &::after {\n      background-color: var(--pine-color-brand);\n      bottom: 0;\n      content: '';\n      height: 3px;\n      left: 0;\n      opacity: 0;\n      position: absolute;\n      right: 0;\n    }\n  }\n\n  .pds-tab-edge {\n    display: none;\n  }\n}\n\n.pds-tabs--availability {\n  --color-background-tab: transparent;\n\n  .pds-tab {\n    background-color: var(--color-background-tab);\n    border-radius: calc(var(--pine-dimension-xs) * 1.25) calc(var(--pine-dimension-xs) * 1.25) var(--pine-dimension-none) var(--pine-dimension-none);\n    padding: 8px 16px 13px;\n\n    &.is-active,\n    &[aria-selected='true'] {\n      --color-background-tab: var(--pine-color-secondary);\n\n      .pds-tab__content::after {\n        opacity: 1;\n      }\n\n      .pds-tab-edge {\n        z-index: 1;\n      }\n    }\n\n    &:hover:not(.is-active, [aria-selected='true']) {\n      --color-background-tab: var(--pine-color-secondary-hover);\n    }\n\n    &:focus-visible {\n      color: var(--pine-color-text-secondary);\n    }\n  }\n\n  .pds-tab__content {\n    padding-bottom: 7px;\n  }\n\n  .pds-tab-edge {\n    bottom: 0;\n    display: block;\n    height: 8px;\n    inset-inline-end: 100%;\n    overflow: hidden;\n    position: absolute;\n    width: 8px;\n\n    &::before {\n      border-radius: 50%;\n      bottom: 0;\n      box-shadow: 4px 4px 0 0 var(--color-background-tab);\n      content: '';\n      display: block;\n      height: 200%;\n      inset-inline-end: 0;\n      position: absolute;\n      width: 200%;\n    }\n  }\n\n  .pds-tab-edge--end {\n    inset-inline-end: unset;\n    inset-inline-start: 100%;\n\n    &::before {\n      box-shadow: -4px 4px 0 0 var(--color-background-tab);\n      inset-inline-end: unset;\n      inset-inline-start: 0;\n    }\n  }\n}\n\n.pds-tabs--filter {\n  --color-background-tab: var(--pine-color-background-container);\n\n  .pds-tab {\n    background-color: var(--color-background-tab);\n    border-radius: 50px;\n    color: var(--pine-color-text);\n    padding: 6px 15px;\n\n    &.is-active,\n    &[aria-selected='true'] {\n      --color-background-tab: var(--pine-color-primary);\n      color: var(--pine-color-text-primary);\n    }\n\n    &:hover:not(.is-active, [aria-selected='true']) {\n      --color-background-tab: var(--pine-color-background-container-hover);\n    }\n  }\n\n  .pds-tab__content {\n    padding-block-end: var(--pine-dimension-none);\n\n    &::after {\n      content: unset;\n    }\n  }\n}\n\n.pds-tabs--pill {\n  --color-background-tab: transparent;\n\n  .pds-tab {\n    background-color: var(--color-background-tab);\n    border: var(--pine-border-width-thin) solid transparent;\n    border-radius: var(--pine-dimension-xs);\n    color: var(--color-text-default);\n    height: 34px;\n\n    .pds-tab__content {\n      align-items: center;\n      display: flex;\n      justify-content: center;\n      min-width: 90px;\n      padding-block-end: 0;\n    }\n\n    &.is-active,\n    &[aria-selected='true'] {\n      --color-background-tab: var(--pine-color-white);\n      border-color: var(--pine-color-border);\n      box-shadow: var(--pine-box-shadow-100);\n      z-index: 1;\n\n      &:focus-visible {\n        --box-shadow-focus: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);\n        border-color: var(--color-border-focus);\n        // outline: var(--pine-border-focus); Border radius for outline does not work in Safari\n        box-shadow: var(--box-shadow-focus); // Remove when outline radius is supported in Safari\n        outline: none;\n      }\n\n      /* stylelint-disable max-nesting-depth */\n      .pds-tab__content {\n        &::after {\n          opacity: 0;\n        }\n      }\n      /* stylelint-enable max-nesting-depth */\n    }\n  }\n}\n","import { Component, Element, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'pds-tab',\n  styleUrl: 'pds-tab.scss',\n  shadow: false,\n})\nexport class PdsTab {\n  @Element() el: HTMLPdsTabElement;\n\n  /**\n   * Sets the related tab name, this name must match a `pds-tabpanel`'s tab name property\n   */\n  @Prop() name!: string;\n\n  /**\n   * Keeps track of the parentComponentId unique id, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() parentComponentId: string;\n\n  /**\n   * Keeps track of if the expected tab variant, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() variant: string;\n\n  /**\n   * Keeps track of if the tab index number, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() index: number;\n\n  /**\n   * Keeps track of the tabpanel selected state, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() selected = false;\n\n  /**\n   * Emits an event upon tab click for `pds-tab` and `pds-tabpanel` to listen for\n   */\n  /** @internal */\n  @Event() pdsTabClick: EventEmitter<object>;\n  private onTabClick(index, parentComponentId) {\n    this.pdsTabClick.emit([index, parentComponentId]);\n  }\n\n  render() {\n    const availabilityTabEdgeInlineStart = (\n      <span class=\"pds-tab-edge\" role=\"presentation\"></span>\n    )\n\n    const availabilityTabEdgeInlineEnd = (\n      <span class=\"pds-tab-edge pds-tab-edge--end\" role=\"presentation\"></span>\n    )\n\n    return (\n      <Host variant={this.variant} slot=\"tabs\" index={this.index}>\n        <button\n          role=\"tab\"\n          id={this.parentComponentId + \"__\" + this.name}\n          aria-controls={this.parentComponentId + \"__\" + this.name + \"-panel\"}\n          tabindex={this.selected ? \"0\" : \"-1\"}\n          aria-selected={this.selected ? \"true\" : \"false\"}\n          class={this.selected ? \"pds-tab is-active\" : \"pds-tab\"}\n          onClick={this.onTabClick.bind(this, this.index, this.parentComponentId)}\n        >\n          {this.variant === \"availability\" && availabilityTabEdgeInlineStart}\n          {this.variant === \"availability\" && availabilityTabEdgeInlineEnd}\n          <div class=\"pds-tab__content\"><slot/></div>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kKAAA,IAAMA,EAAY,ghKAClB,IAAAC,EAAeD,E,ICMFE,EAAMC,EAAA,qB,gLA8BE,K,CAOXC,EAAAC,UAAAC,WAAA,SAAWC,EAAOC,GACxBC,KAAKC,YAAYC,KAAK,CAACJ,EAAOC,G,EAGhCJ,EAAAC,UAAAO,OAAA,WACE,IAAMC,EACJC,EAAA,QAAAC,IAAA,2CAAMC,MAAM,eAAeC,KAAK,iBAGlC,IAAMC,EACJJ,EAAA,QAAAC,IAAA,2CAAMC,MAAM,iCAAiCC,KAAK,iBAGpD,OACEH,EAACK,EAAI,CAAAJ,IAAA,2CAACK,QAASX,KAAKW,QAASC,KAAK,OAAOd,MAAOE,KAAKF,OACnDO,EAAA,UAAAC,IAAA,2CACEE,KAAK,MACLK,GAAIb,KAAKD,kBAAoB,KAAOC,KAAKc,KAAI,gBAC9Bd,KAAKD,kBAAoB,KAAOC,KAAKc,KAAO,SAC3DC,SAAUf,KAAKgB,SAAW,IAAM,KAAI,gBACrBhB,KAAKgB,SAAW,OAAS,QACxCT,MAAOP,KAAKgB,SAAW,oBAAsB,UAC7CC,QAASjB,KAAKH,WAAWqB,KAAKlB,KAAMA,KAAKF,MAAOE,KAAKD,oBAEpDC,KAAKW,UAAY,gBAAkBP,EACnCJ,KAAKW,UAAY,gBAAkBF,EACpCJ,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBAAmBF,EAAA,QAAAC,IAAA,+C,uHA/DrB,I","ignoreList":[]}

package/dist/pine-core/p-87fe352f.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:true,hotModuleReplacement:false,hydrateClientSide:true,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",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:true,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};var r=Object.defineProperty;var n=(e,t)=>{for(var n in t)r(e,n,{get:t[n],enumerable:true})};var l=new WeakMap;var s=e=>l.get(e);var i=(e,t)=>l.set(t.t=e,t);var o=(e,t)=>{const r={l:0,$hostElement$:e,i:t,o:new Map};{r.u=new Promise((e=>r.v=e))}{r.h=new Promise((e=>r.p=e));e["s-p"]=[];e["s-rc"]=[]}return l.set(e,r)};var f=(e,t)=>t in e;var a=(e,t)=>(0,console.error)(e,t);var c=new Map;var u=(e,t,r)=>{const n=e.m.replace(/-/g,"_");const l=e.$;if(!l){return void 0}const s=c.get(l);if(s){return s[n]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((e=>{{c.set(l,e)}return e[n]}),a)};var v=new Map;var d="r";var h="o";var p="s";var m="t";var $="s-id";var y="sty-id";var w="c-id";var b="{visibility:hidden}.hydrated{visibility:inherit}";var g="slot-fb{display:contents}slot-fb[hidden]{display:none}";var S="http://www.w3.org/1999/xlink";var k=typeof window!=="undefined"?window:{};var C=k.document||{head:{}};var x={l:0,S:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,r,n)=>e.addEventListener(t,r,n),rel:(e,t,r,n)=>e.removeEventListener(t,r,n),ce:(e,t)=>new CustomEvent(e,t)};var j=t.shadowDom;var O=(()=>{let e=false;try{C.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();var D=e=>Promise.resolve(e);var R=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var T=false;var E=[];var L=[];var M=(e,t)=>r=>{e.push(r);if(!T){T=true;if(t&&x.l&4){P(F)}else{x.raf(F)}}};var A=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){a(e)}}e.length=0};var F=()=>{A(E);{A(L);if(T=E.length>0){x.raf(F)}}};var P=e=>D().then(e);var N=M(L,true);var U={};var W="http://www.w3.org/2000/svg";var I="http://www.w3.org/1999/xhtml";var H=e=>e!=null;var B=e=>{e=typeof e;return e==="object"||e==="function"};function z(e){var t,r,n;return(n=(r=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:r.getAttribute("content"))!=null?n:void 0}var Q={};n(Q,{err:()=>G,map:()=>K,ok:()=>q,unwrap:()=>V,unwrapErr:()=>X});var q=e=>({isOk:true,isErr:false,value:e});var G=e=>({isOk:false,isErr:true,value:e});function K(e,t){if(e.isOk){const r=t(e.value);if(r instanceof Promise){return r.then((e=>q(e)))}else{return q(r)}}if(e.isErr){const t=e.value;return G(t)}throw"should never get here"}var V=e=>{if(e.isOk){return e.value}else{throw e.value}};var X=e=>{if(e.isErr){return e.value}else{throw e.value}};var _=(e,t="")=>{{return()=>{}}};var J=(e,t)=>{{return()=>{}}};var Y=(e,t,...r)=>{let n=null;let l=null;let s=null;let i=false;let o=false;const f=[];const a=t=>{for(let r=0;r<t.length;r++){n=t[r];if(Array.isArray(n)){a(n)}else if(n!=null&&typeof n!=="boolean"){if(i=typeof e!=="function"&&!B(n)){n=String(n)}if(i&&o){f[f.length-1].k+=n}else{f.push(i?Z(null,n):n)}o=i}}};a(r);if(t){if(t.key){l=t.key}if(t.name){s=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,re)}const c=Z(e,null);c.C=t;if(f.length>0){c.j=f}{c.O=l}{c.D=s}return c};var Z=(e,t)=>{const r={l:0,R:e,k:t,T:null,j:null};{r.C=null}{r.O=null}{r.D=null}return r};var ee={};var te=e=>e&&e.R===ee;var re={forEach:(e,t)=>e.map(ne).forEach(t),map:(e,t)=>e.map(ne).map(t).map(le)};var ne=e=>({vattrs:e.C,vchildren:e.j,vkey:e.O,vname:e.D,vtag:e.R,vtext:e.k});var le=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return Y(e.vtag,t,...e.vchildren||[])}const t=Z(e.vtag,e.vtext);t.C=e.vattrs;t.j=e.vchildren;t.O=e.vkey;t.D=e.vname;return t};var se=(e,t,r,n)=>{const l=_("hydrateClient",t);const s=e.shadowRoot;const i=[];const o=[];const f=s?[]:null;const a=n.L=Z(t,null);if(!x.M){oe(C.body,x.M=new Map)}e[$]=r;e.removeAttribute($);ie(a,i,o,f,e,e,r);i.map((e=>{const r=e.A+"."+e.F;const n=x.M.get(r);const l=e.T;if(n&&j&&n["s-en"]===""){n.parentNode.insertBefore(l,n.nextSibling)}if(!s){l["s-hn"]=t;if(n){l["s-ol"]=n;l["s-ol"]["s-nr"]=l}}x.M.delete(r)}));if(s){f.map((e=>{if(e){s.appendChild(e)}}))}l()};var ie=(e,t,r,n,l,s,i)=>{let o;let f;let a;let c;if(s.nodeType===1){o=s.getAttribute(w);if(o){f=o.split(".");if(f[0]===i||f[0]==="0"){a={l:0,A:f[0],F:f[1],P:f[2],N:f[3],R:s.tagName.toLowerCase(),T:s,C:null,j:null,O:null,D:null,k:null};t.push(a);s.removeAttribute(w);if(!e.j){e.j=[]}e.j[a.N]=a;e=a;if(n&&a.P==="0"){n[a.N]=a.T}}}if(s.shadowRoot){for(c=s.shadowRoot.childNodes.length-1;c>=0;c--){ie(e,t,r,n,l,s.shadowRoot.childNodes[c],i)}}for(c=s.childNodes.length-1;c>=0;c--){ie(e,t,r,n,l,s.childNodes[c],i)}}else if(s.nodeType===8){f=s.nodeValue.split(".");if(f[1]===i||f[1]==="0"){o=f[0];a={l:0,A:f[1],F:f[2],P:f[3],N:f[4],T:s,C:null,j:null,O:null,D:null,R:null,k:null};if(o===m){a.T=s.nextSibling;if(a.T&&a.T.nodeType===3){a.k=a.T.textContent;t.push(a);s.remove();if(!e.j){e.j=[]}e.j[a.N]=a;if(n&&a.P==="0"){n[a.N]=a.T}}}else if(a.A===i){if(o===p){a.R="slot";if(f[5]){s["s-sn"]=a.D=f[5]}else{s["s-sn"]=""}s["s-sr"]=true;if(n){a.T=C.createElement(a.R);if(a.D){a.T.setAttribute("name",a.D)}s.parentNode.insertBefore(a.T,s);s.remove();if(a.P==="0"){n[a.N]=a.T}}r.push(a);if(!e.j){e.j=[]}e.j[a.N]=a}else if(o===d){if(n){s.remove()}else{l["s-cr"]=s;s["s-cn"]=true}}}}}else if(e&&e.R==="style"){const t=Z(null,s.textContent);t.T=s;t.N="0";e.j=[t]}};var oe=(e,t)=>{if(e.nodeType===1){let r=0;if(e.shadowRoot){for(;r<e.shadowRoot.childNodes.length;r++){oe(e.shadowRoot.childNodes[r],t)}}for(r=0;r<e.childNodes.length;r++){oe(e.childNodes[r],t)}}else if(e.nodeType===8){const r=e.nodeValue.split(".");if(r[0]===h){t.set(r[1]+"."+r[2],e);e.nodeValue="";e["s-en"]=r[3]}}};var fe=(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};var ae=e=>s(e).$hostElement$;var ce=(e,t,r)=>{const n=ae(e);return{emit:e=>ue(n,t,{bubbles:!!(r&4),composed:!!(r&2),cancelable:!!(r&1),detail:e})}};var ue=(e,t,r)=>{const n=x.ce(t,r);e.dispatchEvent(n);return n};var ve=new WeakMap;var de=(e,t,r)=>{let n=v.get(e);if(R&&r){n=n||new CSSStyleSheet;if(typeof n==="string"){n=t}else{n.replaceSync(t)}}else{n=t}v.set(e,n)};var he=(e,t,r)=>{var n;const l=me(t);const s=v.get(l);e=e.nodeType===11?e:C;if(s){if(typeof s==="string"){e=e.head||e;let r=ve.get(e);let i;if(!r){ve.set(e,r=new Set)}if(!r.has(l)){if(e.host&&(i=e.querySelector(`[${y}="${l}"]`))){i.innerHTML=s}else{i=C.createElement("style");i.innerHTML=s;const r=(n=x.U)!=null?n:z(C);if(r!=null){i.setAttribute("nonce",r)}if(!(t.l&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const r=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(i,r)}else if("host"in e){if(R){const t=new CSSStyleSheet;t.replaceSync(s);e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");if(t){t.innerHTML=s+t.innerHTML}else{e.prepend(i)}}}else{e.append(i)}}if(t.l&1&&e.nodeName!=="HEAD"){e.insertBefore(i,null)}}if(t.l&4){i.innerHTML+=g}if(r){r.add(l)}}}else if(!e.adoptedStyleSheets.includes(s)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]}}return l};var pe=e=>{const t=e.i;const r=e.$hostElement$;const n=t.l;const l=_("attachStyles",t.m);const s=he(r.shadowRoot?r.shadowRoot:r.getRootNode(),t);if(n&10&&n&2){r["s-sc"]=s;r.classList.add(s+"-h");if(n&2){r.classList.add(s+"-s")}}l()};var me=(e,t)=>"sc-"+e.m;var $e=(e,t,r,n,l,s)=>{if(r!==n){let i=f(e,t);let o=t.toLowerCase();if(t==="class"){const t=e.classList;const l=we(r);const s=we(n);t.remove(...l.filter((e=>e&&!s.includes(e))));t.add(...s.filter((e=>e&&!l.includes(e))))}else if(t==="style"){{for(const t in r){if(!n||n[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in n){if(!r||n[t]!==r[t]){if(t.includes("-")){e.style.setProperty(t,n[t])}else{e.style[t]=n[t]}}}}else if(t==="key");else if(t==="ref"){if(n){n(e)}}else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(f(k,o)){t=o.slice(2)}else{t=o[2]+t.slice(3)}if(r||n){const l=t.endsWith(be);t=t.replace(ge,"");if(r){x.rel(e,t,r,l)}if(n){x.ael(e,t,n,l)}}}else{const f=B(n);if((i||f&&n!==null)&&!l){try{if(!e.tagName.includes("-")){const l=n==null?"":n;if(t==="list"){i=false}else if(r==null||e[t]!=l){if(typeof e.__lookupSetter__(t)==="function"){e[t]=l}else{e.setAttribute(t,l)}}}else{e[t]=n}}catch(e){}}let a=false;{if(o!==(o=o.replace(/^xlink\:?/,""))){t=o;a=true}}if(n==null||n===false){if(n!==false||e.getAttribute(t)===""){if(a){e.removeAttributeNS(S,t)}else{e.removeAttribute(t)}}}else if((!i||s&4||l)&&!f){n=n===true?"":n;if(a){e.setAttributeNS(S,t,n)}else{e.setAttribute(t,n)}}}}};var ye=/\s/;var we=e=>!e?[]:e.split(ye);var be="Capture";var ge=new RegExp(be+"$");var Se=(e,t,r)=>{const n=t.T.nodeType===11&&t.T.host?t.T.host:t.T;const l=e&&e.C||U;const s=t.C||U;{for(const e of ke(Object.keys(l))){if(!(e in s)){$e(n,e,l[e],void 0,r,t.l)}}}for(const e of ke(Object.keys(s))){$e(n,e,l[e],s[e],r,t.l)}};function ke(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var Ce;var xe;var je;var Oe=false;var De=false;var Re=false;var Te=false;var Ee=(e,r,n,l)=>{var s;const i=r.j[n];let o=0;let f;let a;let c;if(!Oe){Re=true;if(i.R==="slot"){if(Ce){l.classList.add(Ce+"-s")}i.l|=i.j?2:1}}if(i.k!==null){f=i.T=C.createTextNode(i.k)}else if(i.l&1){f=i.T=C.createTextNode("")}else{if(!Te){Te=i.R==="svg"}f=i.T=C.createElementNS(Te?W:I,!Oe&&t.slotRelocation&&i.l&2?"slot-fb":i.R);if(Te&&i.R==="foreignObject"){Te=false}{Se(null,i,Te)}const r=f.getRootNode();const n=!r.querySelector("body");if(!n&&t.scoped&&H(Ce)&&f["s-si"]!==Ce){f.classList.add(f["s-si"]=Ce)}{Ke(f,l)}if(i.j){for(o=0;o<i.j.length;++o){a=Ee(e,i,o,f);if(a){f.appendChild(a)}}}{if(i.R==="svg"){Te=false}else if(f.tagName==="foreignObject"){Te=true}}}f["s-hn"]=je;{if(i.l&(2|1)){f["s-sr"]=true;f["s-cr"]=xe;f["s-sn"]=i.D||"";f["s-rf"]=(s=i.C)==null?void 0:s.ref;c=e&&e.j&&e.j[n];if(c&&c.R===i.R&&e.T){{Le(e.T,false)}}}}return f};var Le=(e,r)=>{x.l|=1;const n=Array.from(e.childNodes);if(e["s-sr"]&&t.experimentalSlotFixes){let t=e;while(t=t.nextSibling){if(t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===je){n.push(t)}}}for(let e=n.length-1;e>=0;e--){const t=n[e];if(t["s-hn"]!==je&&t["s-ol"]){qe(Ue(t),t,Ne(t));t["s-ol"].remove();t["s-ol"]=void 0;t["s-sh"]=void 0;Re=true}if(r){Le(t,r)}}x.l&=~1};var Me=(e,t,r,n,l,s)=>{let i=e["s-cr"]&&e["s-cr"].parentNode||e;let o;if(i.shadowRoot&&i.tagName===je){i=i.shadowRoot}for(;l<=s;++l){if(n[l]){o=Ee(null,r,l,e);if(o){n[l].T=o;qe(i,o,Ne(t))}}}};var Ae=(e,t,r)=>{for(let n=t;n<=r;++n){const t=e[n];if(t){const e=t.T;Qe(t);if(e){{De=true;if(e["s-ol"]){e["s-ol"].remove()}else{Le(e,true)}}e.remove()}}}};var Fe=(e,t,r,n,l=false)=>{let s=0;let i=0;let o=0;let f=0;let a=t.length-1;let c=t[0];let u=t[a];let v=n.length-1;let d=n[0];let h=n[v];let p;let m;while(s<=a&&i<=v){if(c==null){c=t[++s]}else if(u==null){u=t[--a]}else if(d==null){d=n[++i]}else if(h==null){h=n[--v]}else if(Pe(c,d,l)){We(c,d,l);c=t[++s];d=n[++i]}else if(Pe(u,h,l)){We(u,h,l);u=t[--a];h=n[--v]}else if(Pe(c,h,l)){if(c.R==="slot"||h.R==="slot"){Le(c.T.parentNode,false)}We(c,h,l);qe(e,c.T,u.T.nextSibling);c=t[++s];h=n[--v]}else if(Pe(u,d,l)){if(c.R==="slot"||h.R==="slot"){Le(u.T.parentNode,false)}We(u,d,l);qe(e,u.T,c.T);u=t[--a];d=n[++i]}else{o=-1;{for(f=s;f<=a;++f){if(t[f]&&t[f].O!==null&&t[f].O===d.O){o=f;break}}}if(o>=0){m=t[o];if(m.R!==d.R){p=Ee(t&&t[i],r,o,e)}else{We(m,d,l);t[o]=void 0;p=m.T}d=n[++i]}else{p=Ee(t&&t[i],r,i,e);d=n[++i]}if(p){{qe(Ue(c.T),p,Ne(c.T))}}}}if(s>a){Me(e,n[v+1]==null?null:n[v+1].T,r,n,i,v)}else if(i>v){Ae(t,s,a)}};var Pe=(e,t,r=false)=>{if(e.R===t.R){if(e.R==="slot"){if("F"in e&&r&&e.T.nodeType!==8){return false}return e.D===t.D}if(!r){return e.O===t.O}return true}return false};var Ne=e=>e&&e["s-ol"]||e;var Ue=e=>(e["s-ol"]?e["s-ol"]:e).parentNode;var We=(e,r,n=false)=>{const l=r.T=e.T;const s=e.j;const i=r.j;const o=r.R;const f=r.k;let a;if(f===null){{Te=o==="svg"?true:o==="foreignObject"?false:Te}{if(o==="slot"&&!Oe);else{Se(e,r,Te)}}if(s!==null&&i!==null){Fe(l,s,r,i,n)}else if(i!==null){if(e.k!==null){l.textContent=""}Me(l,null,r,i,0,i.length-1)}else if(!n&&t.updatable&&s!==null){Ae(s,0,s.length-1)}if(Te&&o==="svg"){Te=false}}else if(a=l["s-cr"]){a.parentNode.textContent=f}else if(e.k!==f){l.data=f}};var Ie=e=>{const t=e.childNodes;for(const e of t){if(e.nodeType===1){if(e["s-sr"]){const r=e["s-sn"];e.hidden=false;for(const n of t){if(n!==e){if(n["s-hn"]!==e["s-hn"]||r!==""){if(n.nodeType===1&&(r===n.getAttribute("slot")||r===n["s-sn"])||n.nodeType===3&&r===n["s-sn"]){e.hidden=true;break}}else{if(n.nodeType===1||n.nodeType===3&&n.textContent.trim()!==""){e.hidden=true;break}}}}}Ie(e)}}};var He=[];var Be=e=>{let r;let n;let l;for(const s of e.childNodes){if(s["s-sr"]&&(r=s["s-cr"])&&r.parentNode){n=r.parentNode.childNodes;const e=s["s-sn"];for(l=n.length-1;l>=0;l--){r=n[l];if(!r["s-cn"]&&!r["s-nr"]&&r["s-hn"]!==s["s-hn"]&&!t.experimentalSlotFixes){if(ze(r,e)){let t=He.find((e=>e.W===r));De=true;r["s-sn"]=r["s-sn"]||e;if(t){t.W["s-sh"]=s["s-hn"];t.I=s}else{r["s-sh"]=s["s-hn"];He.push({I:s,W:r})}if(r["s-sr"]){He.map((e=>{if(ze(e.W,r["s-sn"])){t=He.find((e=>e.W===r));if(t&&!e.I){e.I=t.I}}}))}}else if(!He.some((e=>e.W===r))){He.push({W:r})}}}}if(s.nodeType===1){Be(s)}}};var ze=(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===""};var Qe=e=>{{e.C&&e.C.ref&&e.C.ref(null);e.j&&e.j.map(Qe)}};var qe=(e,t,r)=>{const n=e==null?void 0:e.insertBefore(t,r);{Ke(t,e)}return n};var Ge=e=>{const t=[];if(e){t.push(...e["s-scs"]||[],e["s-si"],e["s-sc"],...Ge(e.parentElement))}return t};var Ke=(e,t,r=false)=>{var n;if(e&&t&&e.nodeType===1){const l=new Set(Ge(t).filter(Boolean));if(l.size){(n=e.classList)==null?void 0:n.add(...e["s-scs"]=[...l]);if(e["s-ol"]||r){for(const t of Array.from(e.childNodes)){Ke(t,e,true)}}}}};var Ve=(e,t,r=false)=>{var n,l,s,i;const o=e.$hostElement$;const f=e.i;const a=e.L||Z(null,null);const c=te(t)?t:Y(null,null,t);je=o.tagName;if(f.H){c.C=c.C||{};f.H.map((([e,t])=>c.C[t]=o[e]))}if(r&&c.C){for(const e of Object.keys(c.C)){if(o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){c.C[e]=o[e]}}}c.R=null;c.l|=4;e.L=c;c.T=a.T=o.shadowRoot||o;{Ce=o["s-sc"]}Oe=(f.l&1)!==0;{xe=o["s-cr"];De=false}We(a,c,r);{x.l|=1;if(Re){Be(c.T);for(const e of He){const t=e.W;if(!t["s-ol"]){const e=C.createTextNode("");e["s-nr"]=t;qe(t.parentNode,t["s-ol"]=e,t)}}for(const e of He){const t=e.W;const o=e.I;if(o){const e=o.parentNode;let r=o.nextSibling;{let s=(n=t["s-ol"])==null?void 0:n.previousSibling;while(s){let n=(l=s["s-nr"])!=null?l:null;if(n&&n["s-sn"]===t["s-sn"]&&e===n.parentNode){n=n.nextSibling;while(n===t||(n==null?void 0:n["s-sr"])){n=n==null?void 0:n.nextSibling}if(!n||!n["s-nr"]){r=n;break}}s=s.previousSibling}}if(!r&&e!==t.parentNode||t.nextSibling!==r){if(t!==r){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}qe(e,t,r);if(t.nodeType===1){t.hidden=(s=t["s-ih"])!=null?s:false}}}t&&typeof o["s-rf"]==="function"&&o["s-rf"](t)}else{if(t.nodeType===1){if(r){t["s-ih"]=(i=t.hidden)!=null?i:false}t.hidden=true}}}}if(De){Ie(c.T)}x.l&=~1;He.length=0}xe=void 0};var Xe=(e,t)=>{if(t&&!e.B&&t["s-p"]){t["s-p"].push(new Promise((t=>e.B=t)))}};var _e=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}Xe(e,e.q);const r=()=>Je(e,t);return N(r)};var Je=(e,t)=>{const r=e.$hostElement$;const n=_("scheduleUpdate",e.i.m);const l=e.t;if(!l){throw new Error(`Can't render component <${r.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let s;if(t){{e.l|=256;if(e.G){e.G.map((([e,t])=>lt(l,e,t)));e.G=void 0}}{s=lt(l,"componentWillLoad")}}{s=Ye(s,(()=>lt(l,"componentWillRender")))}n();return Ye(s,(()=>et(e,l,t)))};var Ye=(e,t)=>Ze(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var Ze=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var et=async(e,t,r)=>{var n;const l=e.$hostElement$;const s=_("update",e.i.m);const i=l["s-rc"];if(r){pe(e)}const o=_("render",e.i.m);{tt(e,t,l,r)}if(i){i.map((e=>e()));l["s-rc"]=void 0}o();s();{const t=(n=l["s-p"])!=null?n:[];const r=()=>rt(e);if(t.length===0){r()}else{Promise.all(t).then(r);e.l|=4;t.length=0}}};var tt=(e,t,r,n)=>{try{t=t.render();{e.l&=~16}{e.l|=2}{{{Ve(e,t,n)}}}}catch(t){a(t,e.$hostElement$)}return null};var rt=e=>{const t=e.i.m;const r=e.$hostElement$;const n=_("postUpdate",t);const l=e.t;const s=e.q;{lt(l,"componentDidRender")}if(!(e.l&64)){e.l|=64;{st(r)}{lt(l,"componentDidLoad")}n();{e.p(r);if(!s){nt()}}}else{{lt(l,"componentDidUpdate")}n()}{e.v(r)}{if(e.B){e.B();e.B=void 0}if(e.l&512){P((()=>_e(e,false)))}e.l&=~(4|512)}};var nt=t=>{{st(C.documentElement)}P((()=>ue(k,"appload",{detail:{namespace:e}})))};var lt=(e,t,r)=>{if(e&&e[t]){try{return e[t](r)}catch(e){a(e)}}return void 0};var st=e=>{var r;return e.classList.add((r=t.hydratedSelectorName)!=null?r:"hydrated")};var it=(e,t)=>s(e).o.get(t);var ot=(e,t,r,n)=>{const l=s(e);if(!l){throw new Error(`Couldn't find host element for "${n.m}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`)}const i=l.$hostElement$;const o=l.o.get(t);const f=l.l;const c=l.t;r=fe(r,n.K[t][0]);const u=Number.isNaN(o)&&Number.isNaN(r);const v=r!==o&&!u;if((!(f&8)||o===void 0)&&v){l.o.set(t,r);if(c){if(n.V&&f&128){const e=n.V[t];if(e){e.map((e=>{try{c[e](r,o,t)}catch(e){a(e,i)}}))}}if((f&(2|16))===2){_e(l,false)}}}};var ft=(e,t,r)=>{var n,l;const i=e.prototype;if(t.K||(t.V||e.watchers)){if(e.watchers&&!t.V){t.V=e.watchers}const o=Object.entries((n=t.K)!=null?n:{});o.map((([e,[n]])=>{if(n&31||r&2&&n&32){Object.defineProperty(i,e,{get(){return it(this,e)},set(r){ot(this,e,r,t)},configurable:true,enumerable:true})}else if(r&1&&n&64){Object.defineProperty(i,e,{value(...t){var r;const n=s(this);return(r=n==null?void 0:n.u)==null?void 0:r.then((()=>{var r;return(r=n.t)==null?void 0:r[e](...t)}))}})}}));if(r&1){const r=new Map;i.attributeChangedCallback=function(e,n,l){x.jmp((()=>{var o;const f=r.get(e);if(this.hasOwnProperty(f)){l=this[f];delete this[f]}else if(i.hasOwnProperty(f)&&typeof this[f]==="number"&&this[f]==l){return}else if(f==null){const r=s(this);const i=r==null?void 0:r.l;if(i&&!(i&8)&&i&128&&l!==n){const s=r.t;const i=(o=t.V)==null?void 0:o[e];i==null?void 0:i.forEach((t=>{if(s[t]!=null){s[t].call(s,l,n,e)}}))}return}this[f]=l===null&&typeof this[f]==="boolean"?false:l}))};e.observedAttributes=Array.from(new Set([...Object.keys((l=t.V)!=null?l:{}),...o.filter((([e,t])=>t[0]&15)).map((([e,n])=>{var l;const s=n[1]||e;r.set(s,e);if(n[0]&512){(l=t.H)==null?void 0:l.push([e,s])}return s}))]))}}return e};var at=async(e,t,r,n)=>{let l;if((t.l&32)===0){t.l|=32;const n=r.$;if(n){const e=u(r);if(e&&"then"in e){const t=J();l=await e;t()}else{l=e}if(!l){throw new Error(`Constructor for "${r.m}#${t.X}" was not found`)}if(!l.isProxied){{r.V=l.watchers}ft(l,r,2);l.isProxied=true}const n=_("createInstance",r.m);{t.l|=8}try{new l(t)}catch(e){a(e)}{t.l&=~8}{t.l|=128}n();ct(t.t)}else{l=e.constructor;const r=e.localName;customElements.whenDefined(r).then((()=>t.l|=128))}if(l&&l.style){let e;if(typeof l.style==="string"){e=l.style}const t=me(r);if(!v.has(t)){const n=_("registerStyles",r.m);de(t,e,!!(r.l&1));n()}}}const s=t.q;const i=()=>_e(t,true);if(s&&s["s-rc"]){s["s-rc"].push(i)}else{i()}};var ct=e=>{{lt(e,"connectedCallback")}};var ut=e=>{if((x.l&1)===0){const t=s(e);const r=t.i;const n=_("connectedCallback",r.m);if(!(t.l&1)){t.l|=1;let n;{n=e.getAttribute($);if(n){if(r.l&1){const t=he(e.shadowRoot,r);e.classList.remove(t+"-h",t+"-s")}se(e,r.m,n,t)}}if(!n){if(r.l&(4|8)){vt(e)}}{let r=e;while(r=r.parentNode||r.host){if(r.nodeType===1&&r.hasAttribute("s-id")&&r["s-p"]||r["s-p"]){Xe(t,t.q=r);break}}}if(r.K){Object.entries(r.K).map((([t,[r]])=>{if(r&31&&e.hasOwnProperty(t)){const r=e[t];delete e[t];e[t]=r}}))}{at(e,t,r)}}else{mt(e,t,r._);if(t==null?void 0:t.t){ct(t.t)}else if(t==null?void 0:t.h){t.h.then((()=>ct(t.t)))}}n()}};var vt=e=>{const t=e["s-cr"]=C.createComment("");t["s-cn"]=true;qe(e,t,e.firstChild)};var dt=e=>{{lt(e,"disconnectedCallback")}};var ht=async e=>{if((x.l&1)===0){const t=s(e);{if(t.J){t.J.map((e=>e()));t.J=void 0}}if(t==null?void 0:t.t){dt(t.t)}else if(t==null?void 0:t.h){t.h.then((()=>dt(t.t)))}}};var pt=(e,t={})=>{var r;const n=_();const l=[];const i=t.exclude||[];const f=k.customElements;const a=C.head;const c=a.querySelector("meta[charset]");const u=C.createElement("style");const v=[];let d;let h=true;Object.assign(x,t);x.S=new URL(t.resourcesUrl||"./",C.baseURI).href;{x.l|=2}let p=false;e.map((e=>{e[1].map((t=>{var r;const n={l:t[0],m:t[1],K:t[2],_:t[3]};if(n.l&4){p=true}{n.K=t[2]}{n._=t[3]}{n.H=[]}{n.V=(r=t[4])!=null?r:{}}const a=n.m;const c=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;o(e,n);if(n.l&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open"})}}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${n.m}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const e=s(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;mt(this,e,n._)}if(d){clearTimeout(d);d=null}if(h){v.push(this)}else{x.jmp((()=>ut(this)))}}disconnectedCallback(){x.jmp((()=>ht(this)))}componentOnReady(){return s(this).h}};n.$=e[0];if(!i.includes(a)&&!f.get(a)){l.push(a);f.define(a,ft(c,n,1))}}))}));if(l.length>0){if(p){u.textContent+=g}{u.textContent+=l.sort()+b}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(r=x.U)!=null?r:z(C);if(e!=null){u.setAttribute("nonce",e)}a.insertBefore(u,c?c.nextSibling:a.firstChild)}}h=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{x.jmp((()=>d=setTimeout(nt,30)))}}n()};var mt=(e,t,r,n)=>{if(r){r.map((([r,n,l])=>{const s=yt(e,r);const i=$t(t,l);const o=wt(r);x.ael(s,n,i,o);(t.J=t.J||[]).push((()=>x.rel(s,n,i,o)))}))}};var $t=(e,t)=>r=>{var n;try{{if(e.l&256){(n=e.t)==null?void 0:n[t](r)}else{(e.G=e.G||[]).push([t,r])}}}catch(e){a(e)}};var yt=(e,t)=>{if(t&8)return k;if(t&16)return C.body;return e};var wt=e=>O?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var bt=e=>x.U=e;export{ee as H,pt as b,ce as c,ae as g,Y as h,D as p,i as r,bt as s};
+//# sourceMappingURL=p-87fe352f.js.map