@pine-ds/core 2.1.1 → 2.1.2

package/dist/pine-core/{p-330eda0c.entry.js → p-3e4225fc.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as e,H as a}from"./p-4e6e2052.js";import{c as o,u as i}from"./p-3e0449c5.js";const t=":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(div,label,p,span){color:var(--pine-color-text-default)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";const n=t;const s=":host{display:inline-block}div{--color-background-container:var(--pine-color-mercury-050);--color-background-badge:var(--pine-color-white);--color-border-badge:var(--pine-color-white);--border-default:var(--pine-border-width-thin) solid var(--pine-color-grey-300);--border-radius-round:var(--pine-border-radius-round);--border-radius-none:var(--pine-border-radius-0);--spacing-none:var(--pine-spacing-0);-ms-flex-align:center;align-items:center;background-color:var(--color-background-container);border-radius:var(--border-radius-admin-round, var(--border-radius-round));display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;position:relative}:host(.pds-avatar--admin) div{--border-radius-admin-round:var(--pine-spacing-150);border-radius:var(--border-radius-admin-round)}:host(.pds-avatar--has-image) div{background:transparent}@supports selector(:has){div:has(img){background-color:transparent}}.pds-avatar__button{--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);--border-radius-round:var(--pine-border-radius-round);-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--border-radius-none);border-radius:var(--border-radius-round);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--spacing-none)}.pds-avatar__button:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-avatar__badge{background-color:var(--color-background-badge);border:var(--border-default);border-color:var(--color-border-badge);border-radius:var(--border-radius-round);bottom:var(--spacing-none);position:absolute;right:var(--spacing-none)}img{border-radius:var(--border-radius-admin-round, var(--border-radius-round));height:100%;-o-object-fit:cover;object-fit:cover;width:100%}";const d=s;const p=class{constructor(a){r(this,a);this.renderAssetWrapper=()=>{const r={height:this.avatarSize(),width:this.avatarSize()};return e("div",{style:r,part:"asset-wrapper"},this.renderIconOrImage(),this.renderBadge())};this.renderAvatar=()=>this.dropdown?e("button",{class:"pds-avatar__button",type:"button","aria-label":"Avatar dropdown trigger"},this.renderAssetWrapper()):this.renderAssetWrapper();this.renderBadge=()=>this.badge&&e("pds-icon",{color:"var(--pine-color-purple-600)",class:"pds-avatar__badge",icon:o,size:"33.53%"});this.renderIconOrImage=()=>this.image?e("img",{alt:this.alt,src:this.image}):e("pds-icon",{color:"var(--pine-color-mercury-500)",icon:i,size:"33.53%"});this.classNames=()=>({"pds-avatar":true,[`pds-avatar--has-image`]:this.image!==""&&this.image!==null,[`pds-avatar--${this.variant}`]:this.variant==="admin"});this.alt=null;this.badge=false;this.componentId=undefined;this.dropdown=false;this.image=null;this.size="lg";this.variant="customer"}avatarSize(){const r={xs:"24px",sm:"32px",md:"40px",lg:"56px",xl:"64px"};if(r[this.size]){return r[this.size]}else{return this.size}}render(){return e(a,{key:"0b753aa7cb61c88a3808684a67eb1ee84898822c",id:this.componentId,class:Object.assign({},this.classNames())},this.renderAvatar())}};p.style=n+d;export{p as pds_avatar};
-//# sourceMappingURL=p-330eda0c.entry.js.map
+import{r,h as e,H as a}from"./p-87fe352f.js";import{c as o,u as i}from"./p-dc4a6d88.js";const t=":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(div,label,p,span){color:var(--pine-color-text-default)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";const n=t;const s=":host{display:inline-block}div{--color-background-container:var(--pine-color-mercury-050);--color-background-badge:var(--pine-color-white);--color-border-badge:var(--pine-color-white);--border-default:var(--pine-border-width-thin) solid var(--pine-color-grey-300);--border-radius-round:var(--pine-border-radius-round);--border-radius-none:var(--pine-border-radius-0);--spacing-none:var(--pine-spacing-0);-ms-flex-align:center;align-items:center;background-color:var(--color-background-container);border-radius:var(--border-radius-admin-round, var(--border-radius-round));display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;position:relative}:host(.pds-avatar--admin) div{--border-radius-admin-round:var(--pine-spacing-150);border-radius:var(--border-radius-admin-round)}:host(.pds-avatar--has-image) div{background:transparent}@supports selector(:has){div:has(img){background-color:transparent}}.pds-avatar__button{--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);--border-radius-round:var(--pine-border-radius-round);-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--border-radius-none);border-radius:var(--border-radius-round);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--spacing-none)}.pds-avatar__button:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-avatar__badge{background-color:var(--color-background-badge);border:var(--border-default);border-color:var(--color-border-badge);border-radius:var(--border-radius-round);bottom:var(--spacing-none);position:absolute;right:var(--spacing-none)}img{border-radius:var(--border-radius-admin-round, var(--border-radius-round));height:100%;-o-object-fit:cover;object-fit:cover;width:100%}";const d=s;const p=class{constructor(a){r(this,a);this.renderAssetWrapper=()=>{const r={height:this.avatarSize(),width:this.avatarSize()};return e("div",{style:r,part:"asset-wrapper"},this.renderIconOrImage(),this.renderBadge())};this.renderAvatar=()=>this.dropdown?e("button",{class:"pds-avatar__button",type:"button","aria-label":"Avatar dropdown trigger"},this.renderAssetWrapper()):this.renderAssetWrapper();this.renderBadge=()=>this.badge&&e("pds-icon",{color:"var(--pine-color-purple-600)",class:"pds-avatar__badge",icon:o,size:"33.53%"});this.renderIconOrImage=()=>this.image?e("img",{alt:this.alt,src:this.image}):e("pds-icon",{color:"var(--pine-color-mercury-500)",icon:i,size:"33.53%"});this.classNames=()=>({"pds-avatar":true,[`pds-avatar--has-image`]:this.image!==""&&this.image!==null,[`pds-avatar--${this.variant}`]:this.variant==="admin"});this.alt=null;this.badge=false;this.componentId=undefined;this.dropdown=false;this.image=null;this.size="lg";this.variant="customer"}avatarSize(){const r={xs:"24px",sm:"32px",md:"40px",lg:"56px",xl:"64px"};if(r[this.size]){return r[this.size]}else{return this.size}}render(){return e(a,{key:"0b753aa7cb61c88a3808684a67eb1ee84898822c",id:this.componentId,class:Object.assign({},this.classNames())},this.renderAvatar())}};p.style=n+d;export{p as pds_avatar};
+//# sourceMappingURL=p-3e4225fc.entry.js.map

package/dist/pine-core/{p-48f0a5a4.entry.js → p-3ff2642d.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,c as r,h as a,H as n}from"./p-4e6e2052.js";import{d as e,r as c}from"./p-3e0449c5.js";const i=":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(div,label,p,span){color:var(--pine-color-text-default)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";const s=i;const p=":host{--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);--border-radius:var(--pine-border-radius-200);--color-background-accent:var(--pine-color-purple-100);--color-background-accent-dot:var(--pine-color-purple-600);--color-background-accent-hover:var(--pine-color-purple-200);--color-background-danger:var(--pine-color-red-100);--color-background-danger-dot:var(--pine-color-red-600);--color-background-danger-hover:var(--pine-color-red-200);--color-background-info:var(--pine-color-blue-100);--color-background-info-dot:var(--pine-color-blue-600);--color-background-info-hover:var(--pine-color-blue-200);--color-background-neutral:var(--pine-color-grey-100);--color-background-neutral-dot:var(--pine-color-grey-600);--color-background-neutral-hover:var(--pine-color-grey-400);--color-background-success:var(--pine-color-green-100);--color-background-success-dot:var(--pine-color-green-600);--color-background-success-hover:var(--pine-color-green-200);--color-background-warning:var(--pine-color-yellow-100);--color-background-warning-dot:var(--pine-color-yellow-600);--color-background-warning-hover:var(--pine-color-yellow-200);--color-text-accent:var(--pine-color-purple-950);--color-text-danger:var(--pine-color-red-950);--color-text-info:var(--pine-color-blue-950);--color-text-neutral:var(--pine-color-grey-950);--color-text-success:var(--pine-color-green-950);--color-text-warning:var(--pine-color-yellow-950);--font-size-sm:var(--pine-font-size-body-md);--font-size-lg:var(--pine-font-size-heading-h6);--font-weight:var(--pine-font-weight-medium);--spacing-xxs:calc(var(--pine-spacing-050) / 2);--spacing-xs:var(--pine-spacing-050);--spacing-sm:calc(var(--pine-spacing-150) / 2);--spacing-md:var(--pine-spacing-100);--spacing-lg:calc(var(--pine-spacing-250) / 2);--spacing-xl:var(--pine-spacing-150);--spacing-xxl:calc(var(--pine-spacing-350) / 2);--sizing-close:10px;--sizing-close-lg:24px;--sizing-dot:4px;-ms-flex-align:center;align-items:center;border-radius:var(--border-radius);display:-ms-inline-flexbox;display:inline-flex;padding-block:var(--spacing-xs);padding-inline:var(--spacing-lg)}:host(.pds-chip--accent){background:var(--color-background-accent)}:host(.pds-chip--accent) .pds-chip__dot{background:var(--color-background-accent-dot)}:host(.pds-chip--accent) .pds-chip__label,:host(.pds-chip--accent) .pds-chip__button{color:var(--color-text-accent)}:host(.pds-chip--accent) .pds-chip__close:hover{background:var(--color-background-accent-hover)}:host(.pds-chip--accent.pds-chip--dropdown:hover){background:var(--color-background-accent-hover)}:host(.pds-chip--danger){background:var(--color-background-danger)}:host(.pds-chip--danger) .pds-chip__dot{background:var(--color-background-danger-dot)}:host(.pds-chip--danger) .pds-chip__label,:host(.pds-chip--danger) .pds-chip__button{color:var(--color-text-danger)}:host(.pds-chip--danger) .pds-chip__close:hover{background:var(--color-background-danger-hover)}:host(.pds-chip--danger.pds-chip--dropdown:hover){background:var(--color-background-danger-hover)}:host(.pds-chip--info){background:var(--color-background-info)}:host(.pds-chip--info) .pds-chip__dot{background:var(--color-background-info-dot)}:host(.pds-chip--info) .pds-chip__label,:host(.pds-chip--info) .pds-chip__button{color:var(--color-text-info)}:host(.pds-chip--info) .pds-chip__close:hover{background:var(--color-background-info-hover)}:host(.pds-chip--info.pds-chip--dropdown:hover){background:var(--color-background-info-hover)}:host(.pds-chip--neutral){background:var(--color-background-neutral)}:host(.pds-chip--neutral) .pds-chip__dot{background:var(--color-background-neutral-dot)}:host(.pds-chip--neutral) .pds-chip__label,:host(.pds-chip--neutral) .pds-chip__button{color:var(--color-text-neutral)}:host(.pds-chip--neutral) .pds-chip__close:hover{background:var(--color-background-neutral-hover)}:host(.pds-chip--neutral.pds-chip--dropdown:hover){background:var(--color-background-neutral-hover)}:host(.pds-chip--success){background:var(--color-background-success)}:host(.pds-chip--success) .pds-chip__dot{background:var(--color-background-success-dot)}:host(.pds-chip--success) .pds-chip__label,:host(.pds-chip--success) .pds-chip__button{color:var(--color-text-success)}:host(.pds-chip--success) .pds-chip__close:hover{background:var(--color-background-success-hover)}:host(.pds-chip--success.pds-chip--dropdown:hover){background:var(--color-background-success-hover)}:host(.pds-chip--warning){background:var(--color-background-warning)}:host(.pds-chip--warning) .pds-chip__dot{background:var(--color-background-warning-dot)}:host(.pds-chip--warning) .pds-chip__label,:host(.pds-chip--warning) .pds-chip__button{color:var(--color-text-warning)}:host(.pds-chip--warning) .pds-chip__close:hover{background:var(--color-background-warning-hover)}:host(.pds-chip--warning.pds-chip--dropdown:hover){background:var(--color-background-warning-hover)}.pds-chip__dot{border:1px solid transparent;border-radius:50%;display:inline-block;height:var(--sizing-dot);-webkit-margin-after:var(--spacing-xxs);margin-block-end:var(--spacing-xxs);-webkit-margin-end:var(--spacing-xs);margin-inline-end:var(--spacing-xs);width:var(--sizing-dot)}.pds-chip__label{font-size:var(--font-size-sm);font-weight:var(--font-weight)}:host(.pds-chip--dropdown){padding:0}:host(.pds-chip--dropdown) .pds-chip__dot{-webkit-margin-after:calc(var(--spacing-xxs) / 4);margin-block-end:calc(var(--spacing-xxs) / 4);-webkit-margin-before:var(--spacing-xxs);margin-block-start:var(--spacing-xxs)}.pds-chip__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--border-radius);display:-ms-flexbox;display:flex;font-weight:var(--font-weight);padding-block:var(--spacing-xs);padding-inline:var(--spacing-lg)}.pds-chip__button:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-chip__button pds-icon{-webkit-margin-end:calc(var(--spacing-xxs) * -1);margin-inline-end:calc(var(--spacing-xxs) * -1);-webkit-margin-start:var(--spacing-xs);margin-inline-start:var(--spacing-xs)}:host(.pds-chip--tag){padding-block:var(--spacing-xxs)}.pds-chip__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:50%;height:var(--sizing-close);-webkit-margin-end:calc(var(--spacing-md) * -1);margin-inline-end:calc(var(--spacing-md) * -1);-webkit-margin-start:var(--spacing-xs);margin-inline-start:var(--spacing-xs);padding:var(--sizing-close);position:relative;width:var(--sizing-close)}.pds-chip__close pds-icon{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.pds-chip__close:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}:host(.pds-chip--large){font-size:var(--font-size-lg);padding-block:var(--spacing-sm);padding-inline:var(--spacing-xxl)}:host(.pds-chip--large):host(.pds-chip--dropdown){padding-block:var(--spacing-xs);padding-inline:var(--spacing-xxs)}:host(.pds-chip--large):host(.pds-chip--dropdown) .pds-chip__dot{-webkit-margin-after:0;margin-block-end:0}:host(.pds-chip--large) .pds-chip__button{font-size:var(--font-size-lg);padding-inline:var(--spacing-xl)}:host(.pds-chip--large) .pds-chip__close{height:var(--sizing-close-lg);-webkit-margin-end:calc(var(--spacing-xl) * -1);margin-inline-end:calc(var(--spacing-xl) * -1);width:var(--sizing-close-lg)}:host(.pds-chip--large):host(.pds-chip--tag){padding-block:var(--spacing-xs)}";const t=p;const d=class{constructor(a){o(this,a);this.pdsTagCloseClick=r(this,"pdsTagCloseClick",7);this.handleCloseClick=()=>{this.pdsTagCloseClick.emit()};this.componentId=undefined;this.sentiment="neutral";this.dot=false;this.label=undefined;this.large=false;this.variant="text"}classNames(){const o=["pds-chip"];if(this.large){o.push("pds-chip--large")}if(this.variant){o.push("pds-chip--"+this.variant)}if(this.sentiment){o.push("pds-chip--"+this.sentiment)}return o.join("  ")}setChipContent(){const o=this.variant==="dropdown";const r=o?a("button",{class:"pds-chip__button",type:"button"},this.dot&&a("i",{class:"pds-chip__dot","aria-hidden":"true"}),this.label,a("pds-icon",{icon:e,size:"12px","aria-hidden":"true"})):a("span",{class:"pds-chip__label"},this.dot&&a("i",{class:"pds-chip__dot","aria-hidden":"true"}),this.label);return r}render(){return a(n,{key:"b49508fac6a1006cb9a52010644307e4528b1920",class:this.classNames(),id:this.componentId},this.setChipContent(),this.variant==="tag"&&a("button",{key:"7156f121be5ac59ce77aba3b2e7bf3aa8c4d9d37",class:"pds-chip__close",type:"button",onClick:this.handleCloseClick,"aria-label":"Remove"},a("pds-icon",{key:"47663af897eab3f9e0288b0f92cb57ea42cdb77a",icon:c,size:"12px"})))}};d.style=s+t;export{d as pds_chip};
-//# sourceMappingURL=p-48f0a5a4.entry.js.map
+import{r as o,c as r,h as n,H as a}from"./p-87fe352f.js";import{d as e,r as c}from"./p-dc4a6d88.js";const i=":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(div,label,p,span){color:var(--pine-color-text-default)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";const s=i;const p=":host{--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);--border-radius:var(--pine-border-radius-200);--color-background-accent:var(--pine-color-purple-100);--color-background-accent-dot:var(--pine-color-purple-600);--color-background-accent-hover:var(--pine-color-purple-200);--color-background-danger:var(--pine-color-red-100);--color-background-danger-dot:var(--pine-color-red-600);--color-background-danger-hover:var(--pine-color-red-200);--color-background-info:var(--pine-color-blue-100);--color-background-info-dot:var(--pine-color-blue-600);--color-background-info-hover:var(--pine-color-blue-200);--color-background-neutral:var(--pine-color-grey-100);--color-background-neutral-dot:var(--pine-color-grey-600);--color-background-neutral-hover:var(--pine-color-grey-400);--color-background-success:var(--pine-color-green-100);--color-background-success-dot:var(--pine-color-green-600);--color-background-success-hover:var(--pine-color-green-200);--color-background-warning:var(--pine-color-yellow-100);--color-background-warning-dot:var(--pine-color-yellow-600);--color-background-warning-hover:var(--pine-color-yellow-200);--color-text-accent:var(--pine-color-purple-950);--color-text-danger:var(--pine-color-red-950);--color-text-info:var(--pine-color-blue-950);--color-text-neutral:var(--pine-color-grey-950);--color-text-success:var(--pine-color-green-950);--color-text-warning:var(--pine-color-yellow-950);--font-size-sm:var(--pine-font-size-body-md);--font-size-lg:var(--pine-font-size-heading-h6);--font-weight:var(--pine-font-weight-medium);--spacing-xxs:calc(var(--pine-spacing-050) / 2);--spacing-xs:var(--pine-spacing-050);--spacing-sm:calc(var(--pine-spacing-150) / 2);--spacing-md:var(--pine-spacing-100);--spacing-lg:calc(var(--pine-spacing-250) / 2);--spacing-xl:var(--pine-spacing-150);--spacing-xxl:calc(var(--pine-spacing-350) / 2);--sizing-close:10px;--sizing-close-lg:24px;--sizing-dot:4px;-ms-flex-align:center;align-items:center;border-radius:var(--border-radius);display:-ms-inline-flexbox;display:inline-flex;padding-block:var(--spacing-xs);padding-inline:var(--spacing-lg)}:host(.pds-chip--accent){background:var(--color-background-accent)}:host(.pds-chip--accent) .pds-chip__dot{background:var(--color-background-accent-dot)}:host(.pds-chip--accent) .pds-chip__label,:host(.pds-chip--accent) .pds-chip__button{color:var(--color-text-accent)}:host(.pds-chip--accent) .pds-chip__close:hover{background:var(--color-background-accent-hover)}:host(.pds-chip--accent.pds-chip--dropdown:hover){background:var(--color-background-accent-hover)}:host(.pds-chip--danger){background:var(--color-background-danger)}:host(.pds-chip--danger) .pds-chip__dot{background:var(--color-background-danger-dot)}:host(.pds-chip--danger) .pds-chip__label,:host(.pds-chip--danger) .pds-chip__button{color:var(--color-text-danger)}:host(.pds-chip--danger) .pds-chip__close:hover{background:var(--color-background-danger-hover)}:host(.pds-chip--danger.pds-chip--dropdown:hover){background:var(--color-background-danger-hover)}:host(.pds-chip--info){background:var(--color-background-info)}:host(.pds-chip--info) .pds-chip__dot{background:var(--color-background-info-dot)}:host(.pds-chip--info) .pds-chip__label,:host(.pds-chip--info) .pds-chip__button{color:var(--color-text-info)}:host(.pds-chip--info) .pds-chip__close:hover{background:var(--color-background-info-hover)}:host(.pds-chip--info.pds-chip--dropdown:hover){background:var(--color-background-info-hover)}:host(.pds-chip--neutral){background:var(--color-background-neutral)}:host(.pds-chip--neutral) .pds-chip__dot{background:var(--color-background-neutral-dot)}:host(.pds-chip--neutral) .pds-chip__label,:host(.pds-chip--neutral) .pds-chip__button{color:var(--color-text-neutral)}:host(.pds-chip--neutral) .pds-chip__close:hover{background:var(--color-background-neutral-hover)}:host(.pds-chip--neutral.pds-chip--dropdown:hover){background:var(--color-background-neutral-hover)}:host(.pds-chip--success){background:var(--color-background-success)}:host(.pds-chip--success) .pds-chip__dot{background:var(--color-background-success-dot)}:host(.pds-chip--success) .pds-chip__label,:host(.pds-chip--success) .pds-chip__button{color:var(--color-text-success)}:host(.pds-chip--success) .pds-chip__close:hover{background:var(--color-background-success-hover)}:host(.pds-chip--success.pds-chip--dropdown:hover){background:var(--color-background-success-hover)}:host(.pds-chip--warning){background:var(--color-background-warning)}:host(.pds-chip--warning) .pds-chip__dot{background:var(--color-background-warning-dot)}:host(.pds-chip--warning) .pds-chip__label,:host(.pds-chip--warning) .pds-chip__button{color:var(--color-text-warning)}:host(.pds-chip--warning) .pds-chip__close:hover{background:var(--color-background-warning-hover)}:host(.pds-chip--warning.pds-chip--dropdown:hover){background:var(--color-background-warning-hover)}.pds-chip__dot{border:1px solid transparent;border-radius:50%;display:inline-block;height:var(--sizing-dot);-webkit-margin-after:var(--spacing-xxs);margin-block-end:var(--spacing-xxs);-webkit-margin-end:var(--spacing-xs);margin-inline-end:var(--spacing-xs);width:var(--sizing-dot)}.pds-chip__label{font-size:var(--font-size-sm);font-weight:var(--font-weight)}:host(.pds-chip--dropdown){padding:0}:host(.pds-chip--dropdown) .pds-chip__dot{-webkit-margin-after:calc(var(--spacing-xxs) / 4);margin-block-end:calc(var(--spacing-xxs) / 4);-webkit-margin-before:var(--spacing-xxs);margin-block-start:var(--spacing-xxs)}.pds-chip__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--border-radius);display:-ms-flexbox;display:flex;font-weight:var(--font-weight);padding-block:var(--spacing-xs);padding-inline:var(--spacing-lg)}.pds-chip__button:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-chip__button pds-icon{-webkit-margin-end:calc(var(--spacing-xxs) * -1);margin-inline-end:calc(var(--spacing-xxs) * -1);-webkit-margin-start:var(--spacing-xs);margin-inline-start:var(--spacing-xs)}:host(.pds-chip--tag){padding-block:var(--spacing-xxs)}.pds-chip__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:50%;height:var(--sizing-close);-webkit-margin-end:calc(var(--spacing-md) * -1);margin-inline-end:calc(var(--spacing-md) * -1);-webkit-margin-start:var(--spacing-xs);margin-inline-start:var(--spacing-xs);padding:var(--sizing-close);position:relative;width:var(--sizing-close)}.pds-chip__close pds-icon{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.pds-chip__close:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}:host(.pds-chip--large){font-size:var(--font-size-lg);padding-block:var(--spacing-sm);padding-inline:var(--spacing-xxl)}:host(.pds-chip--large):host(.pds-chip--dropdown){padding-block:var(--spacing-xs);padding-inline:var(--spacing-xxs)}:host(.pds-chip--large):host(.pds-chip--dropdown) .pds-chip__dot{-webkit-margin-after:0;margin-block-end:0}:host(.pds-chip--large) .pds-chip__button{font-size:var(--font-size-lg);padding-inline:var(--spacing-xl)}:host(.pds-chip--large) .pds-chip__close{height:var(--sizing-close-lg);-webkit-margin-end:calc(var(--spacing-xl) * -1);margin-inline-end:calc(var(--spacing-xl) * -1);width:var(--sizing-close-lg)}:host(.pds-chip--large):host(.pds-chip--tag){padding-block:var(--spacing-xs)}";const t=p;const d=class{constructor(n){o(this,n);this.pdsTagCloseClick=r(this,"pdsTagCloseClick",7);this.handleCloseClick=()=>{this.pdsTagCloseClick.emit()};this.componentId=undefined;this.dot=false;this.label=undefined;this.large=false;this.sentiment="neutral";this.variant="text"}classNames(){const o=["pds-chip"];if(this.large){o.push("pds-chip--large")}if(this.variant){o.push("pds-chip--"+this.variant)}if(this.sentiment){o.push("pds-chip--"+this.sentiment)}return o.join(" ")}setChipContent(){const o=this.variant==="dropdown";const r=o?n("button",{class:"pds-chip__button",type:"button"},this.dot&&n("i",{class:"pds-chip__dot","aria-hidden":"true"}),this.label,n("pds-icon",{icon:e,size:"12px","aria-hidden":"true"})):n("span",{class:"pds-chip__label"},this.dot&&n("i",{class:"pds-chip__dot","aria-hidden":"true"}),this.label);return r}render(){return n(a,{key:"fac4e9beb31ba05d0c959fb53a9cd62caeacb219",class:this.classNames(),id:this.componentId},this.setChipContent(),this.variant==="tag"&&n("button",{key:"5f57c1cc76f6cffdebe6244f499b427e5f4c04e8",class:"pds-chip__close",type:"button",onClick:this.handleCloseClick,"aria-label":"Remove"},n("pds-icon",{key:"f4311271f68d700568dc51af9c1512fdfc7c262d",icon:c,size:"12px"})))}};d.style=s+t;export{d as pds_chip};
+//# sourceMappingURL=p-3ff2642d.entry.js.map

package/dist/pine-core/{p-48f0a5a4.entry.js.map → p-3ff2642d.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["baseCss","PdsChipStyle0","pdsChipCss","PdsChipStyle1","PdsChip","this","handleCloseClick","pdsTagCloseClick","emit","classNames","large","push","variant","sentiment","join","setChipContent","isDropdown","chipContent","h","class","type","dot","label","icon","downSmall","size","render","Host","key","id","componentId","onClick","remove"],"sources":["src/global/styles/base.scss?tag=pds-chip&encapsulation=shadow","src/components/pds-chip/pds-chip.scss?tag=pds-chip&encapsulation=shadow","src/components/pds-chip/pds-chip.tsx"],"sourcesContent":["// TODO: replace core tokens with semantic\n// Heading color + outline\n\n/*\n  Josh's Custom CSS Reset\n  https://www.joshwcomeau.com/css/custom-css-reset/\n*/\n:where(*:not(slot), *:not(slot)::before, *:not(slot)::after) {\n  box-sizing: border-box;\n}\n\n:where(*:not(slot)) {\n  margin: 0;\n}\n\n:where(img, picture, video, canvas, svg) {\n  display: block;\n  max-width: 100%;\n}\n\n:where(input, button, textarea, select) {\n  font: inherit;\n}\n\n:where(p, h1, h2, h3, h4, h5, h6) {\n  overflow-wrap: break-word;\n}\n\n/*\n  Additional Reset Styles\n*/\n:where(a:not([href]):not([class])) {\n  color: currentColor;\n  text-decoration: none;\n}\n\n:where(a:not([href]):not([class]):hover) {\n  color: currentColor;\n  text-decoration: none;\n}\n\n:where(ul[role='list'], ol[role='list']) {\n  list-style: none;\n}\n\n:where(table) {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\n/*\n  Mercury Base Styles\n*/\n// Typography\n:where(*:not(slot)) {\n  font: var(--pine-typography-body-md-default);\n  letter-spacing: var(--pine-letter-spacing-body-md);\n}\n\n:where(h1, h2, h3, h4, h5, h6) {\n  font-family: var(--pine-font-family-heading);\n  color: var(--pine-color-grey-950);\n}\n\n:where(h1) {\n  font: var(--pine-typography-heading-h1);\n  letter-spacing: var(--pine-letter-spacing-heading-h1);\n}\n\n:where(h2) {\n  font: var(--pine-typography-heading-h2);\n  letter-spacing: var(--pine-letter-spacing-heading-h2);\n}\n\n:where(h3) {\n  font: var(--pine-typography-heading-h3);\n  letter-spacing: var(--pine-letter-spacing-heading-h3);\n}\n\n:where(h4) {\n  font: var(--pine-typography-heading-h4);\n  letter-spacing: var(--pine-letter-spacing-heading-h4);\n}\n\n:where(h5) {\n  font: var(--pine-typography-heading-h5);\n  letter-spacing: var(--pine-letter-spacing-heading-h5);\n}\n\n:where(h6) {\n  font: var(--pine-typography-heading-h6);\n  letter-spacing: var(--pine-letter-spacing-heading-h6);\n}\n\n:where(div, label, p, span) {\n  color: var(--pine-color-text-default);\n}\n\n:where(code, kbd, pre, samp) {\n  font-family: monospace;\n}\n\n// Accessibility\n:where([role=\"button\"]) {\n  cursor: pointer;\n}\n\n:where(:focus) {\n  outline: 0;\n}\n\n:where(:focus-visible) {\n  outline: var(--pine-border-width-thick) solid var(--pine-color-purple-500);\n}\n\n// Misc.\n:where([hidden]) {\n  display: none !important;\n}\n",":host {\n  --box-shadow-focus: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);\n  --border-radius: var(--pine-border-radius-200);\n\n  --color-background-accent: var(--pine-color-purple-100);\n  --color-background-accent-dot: var(--pine-color-purple-600);\n  --color-background-accent-hover: var(--pine-color-purple-200);\n  --color-background-danger: var(--pine-color-red-100);\n  --color-background-danger-dot: var(--pine-color-red-600);\n  --color-background-danger-hover: var(--pine-color-red-200);\n  --color-background-info: var(--pine-color-blue-100);\n  --color-background-info-dot: var(--pine-color-blue-600);\n  --color-background-info-hover: var(--pine-color-blue-200);\n  --color-background-neutral: var(--pine-color-grey-100);\n  --color-background-neutral-dot: var(--pine-color-grey-600);\n  --color-background-neutral-hover: var(--pine-color-grey-400);\n  --color-background-success: var(--pine-color-green-100);\n  --color-background-success-dot: var(--pine-color-green-600);\n  --color-background-success-hover: var(--pine-color-green-200);\n  --color-background-warning: var(--pine-color-yellow-100);\n  --color-background-warning-dot: var(--pine-color-yellow-600);\n  --color-background-warning-hover: var(--pine-color-yellow-200);\n  --color-text-accent: var(--pine-color-purple-950);\n  --color-text-danger: var(--pine-color-red-950);\n  --color-text-info: var(--pine-color-blue-950);\n  --color-text-neutral: var(--pine-color-grey-950);\n  --color-text-success: var(--pine-color-green-950);\n  --color-text-warning: var(--pine-color-yellow-950);\n\n  --font-size-sm: var(--pine-font-size-body-md);\n  --font-size-lg: var(--pine-font-size-heading-h6);\n  --font-weight: var(--pine-font-weight-medium);\n\n  --spacing-xxs: calc(var(--pine-spacing-050) / 2);\n  --spacing-xs: var(--pine-spacing-050);\n  --spacing-sm: calc(var(--pine-spacing-150) / 2);\n  --spacing-md: var(--pine-spacing-100);\n  --spacing-lg: calc(var(--pine-spacing-250) / 2);\n  --spacing-xl: var(--pine-spacing-150);\n  --spacing-xxl: calc(var(--pine-spacing-350) / 2);\n\n  --sizing-close: 10px;\n  --sizing-close-lg: 24px;\n  --sizing-dot: 4px;\n\n  align-items: center;\n  border-radius: var(--border-radius);\n  display: inline-flex;\n  padding-block: var(--spacing-xs);\n  padding-inline: var(--spacing-lg);\n}\n\n$pds-chip-sentiment: (\n  accent: var(--color-background-accent),\n  danger: var(--color-background-danger),\n  info: var(--color-background-info),\n  neutral: var(--color-background-neutral),\n  success: var(--color-background-success),\n  warning: var(--color-background-warning),\n);\n\n$pds-chip-sentiment-text: (\n  accent: var(--color-text-accent),\n  danger: var(--color-text-danger),\n  info: var(--color-text-info),\n  neutral: var(--color-text-neutral),\n  success: var(--color-text-success),\n  warning: var(--color-text-warning),\n);\n\n$pds-chip-sentiment-dots: (\n  accent: var(--color-background-accent-dot),\n  danger: var(--color-background-danger-dot),\n  info: var(--color-background-info-dot),\n  neutral: var(--color-background-neutral-dot),\n  success: var(--color-background-success-dot),\n  warning: var(--color-background-warning-dot),\n);\n\n$pds-chip-sentiment-hover: (\n  accent: var(--color-background-accent-hover),\n  danger: var(--color-background-danger-hover),\n  info: var(--color-background-info-hover),\n  neutral: var(--color-background-neutral-hover),\n  success: var(--color-background-success-hover),\n  warning: var(--color-background-warning-hover),\n);\n\n@each $sentiment, $value in $pds-chip-sentiment {\n  :host(.pds-chip--#{$sentiment}) {\n    background: $value;\n\n    // dot colors\n    .pds-chip__dot {\n      /* stylelint-disable-next-line */\n      background: map-get($pds-chip-sentiment-dots, $sentiment);\n    }\n\n    .pds-chip__label, .pds-chip__button {\n      /* stylelint-disable-next-line */\n      color: map-get($pds-chip-sentiment-text, $sentiment);\n    }\n\n    // tag close hover colors\n    .pds-chip__close:hover {\n      /* stylelint-disable-next-line */\n      background: map-get($pds-chip-sentiment-hover, $sentiment);\n    }\n  }\n  // dropdown hover colors\n  :host(.pds-chip--#{$sentiment}.pds-chip--dropdown:hover) {\n    /* stylelint-disable-next-line */\n    background: map-get($pds-chip-sentiment-hover, $sentiment);\n  }\n}\n\n.pds-chip__dot {\n  border: 1px solid transparent;\n  border-radius: 50%;\n  display: inline-block;\n  height: var(--sizing-dot);\n  margin-block-end: var(--spacing-xxs);\n  margin-inline-end: var(--spacing-xs);\n  width: var(--sizing-dot);\n}\n\n.pds-chip__label {\n  font-size: var(--font-size-sm);\n  font-weight: var(--font-weight);\n}\n\n// dropdown\n\n:host(.pds-chip--dropdown) {\n  padding: 0;\n\n  .pds-chip__dot {\n    margin-block-end: calc(var(--spacing-xxs) / 4);\n    margin-block-start: var(--spacing-xxs);\n  }\n}\n\n.pds-chip__button {\n  align-items: center;\n  appearance: none;\n  background: transparent;\n  border: 0;\n  border-radius: var(--border-radius);\n  display: flex;\n  font-weight: var(--font-weight);\n  padding-block: var(--spacing-xs);\n  padding-inline: var(--spacing-lg);\n\n  &:focus-visible {\n    box-shadow: var(--box-shadow-focus);\n    outline: none;\n  }\n\n  pds-icon {\n    margin-inline-end: calc(var(--spacing-xxs) * -1);\n    margin-inline-start: var(--spacing-xs);\n  }\n}\n\n// tag\n\n:host(.pds-chip--tag) {\n  padding-block: var(--spacing-xxs);\n}\n\n.pds-chip__close {\n  appearance: none;\n  background: transparent;\n  border: 0;\n  border-radius: 50%;\n  height: var(--sizing-close);\n  margin-inline-end: calc(var(--spacing-md) * -1);\n  margin-inline-start: var(--spacing-xs);\n  padding: var(--sizing-close);\n  position: relative;\n  width: var(--sizing-close);\n\n  pds-icon {\n    left: 50%;\n    position: absolute;\n    top: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  &:focus-visible {\n    box-shadow: var(--box-shadow-focus);\n    outline: none;\n  }\n}\n\n// large\n\n:host(.pds-chip--large) {\n  font-size: var(--font-size-lg);\n  padding-block: var(--spacing-sm);\n  padding-inline: var(--spacing-xxl);\n\n  &:host(.pds-chip--dropdown) {\n    padding-block: var(--spacing-xs);\n    padding-inline: var(--spacing-xxs);\n\n    .pds-chip__dot {\n      margin-block-end: 0;\n    }\n  }\n\n  .pds-chip__button {\n    font-size: var(--font-size-lg);\n    padding-inline: var(--spacing-xl)\n  }\n\n  .pds-chip__close {\n    height: var(--sizing-close-lg);\n    margin-inline-end: calc(var(--spacing-xl) * -1);\n    width: var(--sizing-close-lg);\n  }\n\n  &:host(.pds-chip--tag) {\n    padding-block: var(--spacing-xs);\n  }\n}\n","import { downSmall, remove } from '@pine-ds/icons/icons';\nimport { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'pds-chip',\n  styleUrls: ['../../global/styles/base.scss', 'pds-chip.scss'],\n  shadow: true,\n})\nexport class PdsChip {\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Sets the color scheme of the chip.\n   * @defaultValue 'neutral'\n   */\n  @Prop() sentiment: 'accent' | 'danger' | 'info' | 'neutral' | 'success' | 'warning' = 'neutral';\n\n  /**\n   * Determines whether a dot should be displayed on the chip.\n   * @defaultValue false\n   */\n  @Prop() dot = false;\n\n  /**\n   *  Sets the text label content of the chip.\n   */\n  @Prop() label: string;\n\n  /**\n   * Determines whether the chip should be rendered in a larger size.\n   * @defaultValue false\n   */\n  @Prop() large = false;\n\n  /**\n   * Sets the style variant of the chip.\n   * @defaultValue 'text'\n   */\n  @Prop() variant: 'text' | 'tag' | 'dropdown' = 'text';\n\n  /**\n   * Event when close button is clicked on tag variant.\n   */\n  @Event() pdsTagCloseClick: EventEmitter;\n\n  private handleCloseClick = () => {\n    this.pdsTagCloseClick.emit();\n  }\n\n  private classNames() {\n    const classNames = ['pds-chip'];\n\n    if (this.large) {\n      classNames.push('pds-chip--large');\n    }\n    if (this.variant) {\n      classNames.push('pds-chip--' + this.variant);\n    }\n    if (this.sentiment) {\n      classNames.push('pds-chip--' + this.sentiment);\n    }\n\n    return classNames.join('  ');\n  }\n\n  private setChipContent() {\n    const isDropdown = this.variant === 'dropdown';\n    const chipContent = isDropdown ? (\n      <button class=\"pds-chip__button\" type=\"button\">\n        {this.dot && <i class=\"pds-chip__dot\" aria-hidden=\"true\"></i>}\n        {this.label}\n        <pds-icon icon={downSmall} size=\"12px\" aria-hidden=\"true\"></pds-icon>\n      </button>\n    ) : (\n      <span class=\"pds-chip__label\">\n        {this.dot && <i class=\"pds-chip__dot\" aria-hidden=\"true\"></i>}\n        {this.label}\n      </span>\n    );\n\n    return chipContent;\n  }\n\n  render() {\n    return (\n      <Host class={this.classNames()} id={this.componentId}>\n        {this.setChipContent()}\n        {this.variant === 'tag' && (\n          <button class=\"pds-chip__close\" type=\"button\" onClick={this.handleCloseClick} aria-label=\"Remove\">\n            <pds-icon icon={remove} size=\"12px\"></pds-icon>\n          </button>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAU,yrDAChB,MAAAC,EAAeD,ECDf,MAAME,EAAa,s7OACnB,MAAAC,EAAeD,E,MCOFE,EAAO,M,4EAwCVC,KAAAC,iBAAmB,KACzBD,KAAKE,iBAAiBC,MAAM,E,0CA/BwD,U,SAMxE,M,gCAWE,M,aAM+B,M,CAWvC,UAAAC,GACN,MAAMA,EAAa,CAAC,YAEpB,GAAIJ,KAAKK,MAAO,CACdD,EAAWE,KAAK,kB,CAElB,GAAIN,KAAKO,QAAS,CAChBH,EAAWE,KAAK,aAAeN,KAAKO,Q,CAEtC,GAAIP,KAAKQ,UAAW,CAClBJ,EAAWE,KAAK,aAAeN,KAAKQ,U,CAGtC,OAAOJ,EAAWK,KAAK,K,CAGjB,cAAAC,GACN,MAAMC,EAAaX,KAAKO,UAAY,WACpC,MAAMK,EAAcD,EAClBE,EAAA,UAAQC,MAAM,mBAAmBC,KAAK,UACnCf,KAAKgB,KAAOH,EAAA,KAAGC,MAAM,gBAAe,cAAa,SACjDd,KAAKiB,MACNJ,EAAA,YAAUK,KAAMC,EAAWC,KAAK,OAAM,cAAa,UAGrDP,EAAA,QAAMC,MAAM,mBACTd,KAAKgB,KAAOH,EAAA,KAAGC,MAAM,gBAAe,cAAa,SACjDd,KAAKiB,OAIV,OAAOL,C,CAGT,MAAAS,GACE,OACER,EAACS,EAAI,CAAAC,IAAA,2CAACT,MAAOd,KAAKI,aAAcoB,GAAIxB,KAAKyB,aACtCzB,KAAKU,iBACLV,KAAKO,UAAY,OAChBM,EAAA,UAAAU,IAAA,2CAAQT,MAAM,kBAAkBC,KAAK,SAASW,QAAS1B,KAAKC,iBAAgB,aAAa,UACvFY,EAAA,YAAAU,IAAA,2CAAUL,KAAMS,EAAQP,KAAK,U","ignoreList":[]}
+{"version":3,"names":["baseCss","PdsChipStyle0","pdsChipCss","PdsChipStyle1","PdsChip","this","handleCloseClick","pdsTagCloseClick","emit","classNames","large","push","variant","sentiment","join","setChipContent","isDropdown","chipContent","h","class","type","dot","label","icon","downSmall","size","render","Host","key","id","componentId","onClick","remove"],"sources":["src/global/styles/base.scss?tag=pds-chip&encapsulation=shadow","src/components/pds-chip/pds-chip.scss?tag=pds-chip&encapsulation=shadow","src/components/pds-chip/pds-chip.tsx"],"sourcesContent":["// TODO: replace core tokens with semantic\n// Heading color + outline\n\n/*\n  Josh's Custom CSS Reset\n  https://www.joshwcomeau.com/css/custom-css-reset/\n*/\n:where(*:not(slot), *:not(slot)::before, *:not(slot)::after) {\n  box-sizing: border-box;\n}\n\n:where(*:not(slot)) {\n  margin: 0;\n}\n\n:where(img, picture, video, canvas, svg) {\n  display: block;\n  max-width: 100%;\n}\n\n:where(input, button, textarea, select) {\n  font: inherit;\n}\n\n:where(p, h1, h2, h3, h4, h5, h6) {\n  overflow-wrap: break-word;\n}\n\n/*\n  Additional Reset Styles\n*/\n:where(a:not([href]):not([class])) {\n  color: currentColor;\n  text-decoration: none;\n}\n\n:where(a:not([href]):not([class]):hover) {\n  color: currentColor;\n  text-decoration: none;\n}\n\n:where(ul[role='list'], ol[role='list']) {\n  list-style: none;\n}\n\n:where(table) {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\n/*\n  Mercury Base Styles\n*/\n// Typography\n:where(*:not(slot)) {\n  font: var(--pine-typography-body-md-default);\n  letter-spacing: var(--pine-letter-spacing-body-md);\n}\n\n:where(h1, h2, h3, h4, h5, h6) {\n  font-family: var(--pine-font-family-heading);\n  color: var(--pine-color-grey-950);\n}\n\n:where(h1) {\n  font: var(--pine-typography-heading-h1);\n  letter-spacing: var(--pine-letter-spacing-heading-h1);\n}\n\n:where(h2) {\n  font: var(--pine-typography-heading-h2);\n  letter-spacing: var(--pine-letter-spacing-heading-h2);\n}\n\n:where(h3) {\n  font: var(--pine-typography-heading-h3);\n  letter-spacing: var(--pine-letter-spacing-heading-h3);\n}\n\n:where(h4) {\n  font: var(--pine-typography-heading-h4);\n  letter-spacing: var(--pine-letter-spacing-heading-h4);\n}\n\n:where(h5) {\n  font: var(--pine-typography-heading-h5);\n  letter-spacing: var(--pine-letter-spacing-heading-h5);\n}\n\n:where(h6) {\n  font: var(--pine-typography-heading-h6);\n  letter-spacing: var(--pine-letter-spacing-heading-h6);\n}\n\n:where(div, label, p, span) {\n  color: var(--pine-color-text-default);\n}\n\n:where(code, kbd, pre, samp) {\n  font-family: monospace;\n}\n\n// Accessibility\n:where([role=\"button\"]) {\n  cursor: pointer;\n}\n\n:where(:focus) {\n  outline: 0;\n}\n\n:where(:focus-visible) {\n  outline: var(--pine-border-width-thick) solid var(--pine-color-purple-500);\n}\n\n// Misc.\n:where([hidden]) {\n  display: none !important;\n}\n",":host {\n  --box-shadow-focus: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);\n  --border-radius: var(--pine-border-radius-200);\n\n  --color-background-accent: var(--pine-color-purple-100);\n  --color-background-accent-dot: var(--pine-color-purple-600);\n  --color-background-accent-hover: var(--pine-color-purple-200);\n  --color-background-danger: var(--pine-color-red-100);\n  --color-background-danger-dot: var(--pine-color-red-600);\n  --color-background-danger-hover: var(--pine-color-red-200);\n  --color-background-info: var(--pine-color-blue-100);\n  --color-background-info-dot: var(--pine-color-blue-600);\n  --color-background-info-hover: var(--pine-color-blue-200);\n  --color-background-neutral: var(--pine-color-grey-100);\n  --color-background-neutral-dot: var(--pine-color-grey-600);\n  --color-background-neutral-hover: var(--pine-color-grey-400);\n  --color-background-success: var(--pine-color-green-100);\n  --color-background-success-dot: var(--pine-color-green-600);\n  --color-background-success-hover: var(--pine-color-green-200);\n  --color-background-warning: var(--pine-color-yellow-100);\n  --color-background-warning-dot: var(--pine-color-yellow-600);\n  --color-background-warning-hover: var(--pine-color-yellow-200);\n  --color-text-accent: var(--pine-color-purple-950);\n  --color-text-danger: var(--pine-color-red-950);\n  --color-text-info: var(--pine-color-blue-950);\n  --color-text-neutral: var(--pine-color-grey-950);\n  --color-text-success: var(--pine-color-green-950);\n  --color-text-warning: var(--pine-color-yellow-950);\n\n  --font-size-sm: var(--pine-font-size-body-md);\n  --font-size-lg: var(--pine-font-size-heading-h6);\n  --font-weight: var(--pine-font-weight-medium);\n\n  --spacing-xxs: calc(var(--pine-spacing-050) / 2);\n  --spacing-xs: var(--pine-spacing-050);\n  --spacing-sm: calc(var(--pine-spacing-150) / 2);\n  --spacing-md: var(--pine-spacing-100);\n  --spacing-lg: calc(var(--pine-spacing-250) / 2);\n  --spacing-xl: var(--pine-spacing-150);\n  --spacing-xxl: calc(var(--pine-spacing-350) / 2);\n\n  --sizing-close: 10px;\n  --sizing-close-lg: 24px;\n  --sizing-dot: 4px;\n\n  align-items: center;\n  border-radius: var(--border-radius);\n  display: inline-flex;\n  padding-block: var(--spacing-xs);\n  padding-inline: var(--spacing-lg);\n}\n\n$pds-chip-sentiment: (\n  accent: var(--color-background-accent),\n  danger: var(--color-background-danger),\n  info: var(--color-background-info),\n  neutral: var(--color-background-neutral),\n  success: var(--color-background-success),\n  warning: var(--color-background-warning),\n);\n\n$pds-chip-sentiment-text: (\n  accent: var(--color-text-accent),\n  danger: var(--color-text-danger),\n  info: var(--color-text-info),\n  neutral: var(--color-text-neutral),\n  success: var(--color-text-success),\n  warning: var(--color-text-warning),\n);\n\n$pds-chip-sentiment-dots: (\n  accent: var(--color-background-accent-dot),\n  danger: var(--color-background-danger-dot),\n  info: var(--color-background-info-dot),\n  neutral: var(--color-background-neutral-dot),\n  success: var(--color-background-success-dot),\n  warning: var(--color-background-warning-dot),\n);\n\n$pds-chip-sentiment-hover: (\n  accent: var(--color-background-accent-hover),\n  danger: var(--color-background-danger-hover),\n  info: var(--color-background-info-hover),\n  neutral: var(--color-background-neutral-hover),\n  success: var(--color-background-success-hover),\n  warning: var(--color-background-warning-hover),\n);\n\n@each $sentiment, $value in $pds-chip-sentiment {\n  :host(.pds-chip--#{$sentiment}) {\n    background: $value;\n\n    // dot colors\n    .pds-chip__dot {\n      /* stylelint-disable-next-line */\n      background: map-get($pds-chip-sentiment-dots, $sentiment);\n    }\n\n    .pds-chip__label, .pds-chip__button {\n      /* stylelint-disable-next-line */\n      color: map-get($pds-chip-sentiment-text, $sentiment);\n    }\n\n    // tag close hover colors\n    .pds-chip__close:hover {\n      /* stylelint-disable-next-line */\n      background: map-get($pds-chip-sentiment-hover, $sentiment);\n    }\n  }\n  // dropdown hover colors\n  :host(.pds-chip--#{$sentiment}.pds-chip--dropdown:hover) {\n    /* stylelint-disable-next-line */\n    background: map-get($pds-chip-sentiment-hover, $sentiment);\n  }\n}\n\n.pds-chip__dot {\n  border: 1px solid transparent;\n  border-radius: 50%;\n  display: inline-block;\n  height: var(--sizing-dot);\n  margin-block-end: var(--spacing-xxs);\n  margin-inline-end: var(--spacing-xs);\n  width: var(--sizing-dot);\n}\n\n.pds-chip__label {\n  font-size: var(--font-size-sm);\n  font-weight: var(--font-weight);\n}\n\n// dropdown\n\n:host(.pds-chip--dropdown) {\n  padding: 0;\n\n  .pds-chip__dot {\n    margin-block-end: calc(var(--spacing-xxs) / 4);\n    margin-block-start: var(--spacing-xxs);\n  }\n}\n\n.pds-chip__button {\n  align-items: center;\n  appearance: none;\n  background: transparent;\n  border: 0;\n  border-radius: var(--border-radius);\n  display: flex;\n  font-weight: var(--font-weight);\n  padding-block: var(--spacing-xs);\n  padding-inline: var(--spacing-lg);\n\n  &:focus-visible {\n    box-shadow: var(--box-shadow-focus);\n    outline: none;\n  }\n\n  pds-icon {\n    margin-inline-end: calc(var(--spacing-xxs) * -1);\n    margin-inline-start: var(--spacing-xs);\n  }\n}\n\n// tag\n\n:host(.pds-chip--tag) {\n  padding-block: var(--spacing-xxs);\n}\n\n.pds-chip__close {\n  appearance: none;\n  background: transparent;\n  border: 0;\n  border-radius: 50%;\n  height: var(--sizing-close);\n  margin-inline-end: calc(var(--spacing-md) * -1);\n  margin-inline-start: var(--spacing-xs);\n  padding: var(--sizing-close);\n  position: relative;\n  width: var(--sizing-close);\n\n  pds-icon {\n    left: 50%;\n    position: absolute;\n    top: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  &:focus-visible {\n    box-shadow: var(--box-shadow-focus);\n    outline: none;\n  }\n}\n\n// large\n\n:host(.pds-chip--large) {\n  font-size: var(--font-size-lg);\n  padding-block: var(--spacing-sm);\n  padding-inline: var(--spacing-xxl);\n\n  &:host(.pds-chip--dropdown) {\n    padding-block: var(--spacing-xs);\n    padding-inline: var(--spacing-xxs);\n\n    .pds-chip__dot {\n      margin-block-end: 0;\n    }\n  }\n\n  .pds-chip__button {\n    font-size: var(--font-size-lg);\n    padding-inline: var(--spacing-xl)\n  }\n\n  .pds-chip__close {\n    height: var(--sizing-close-lg);\n    margin-inline-end: calc(var(--spacing-xl) * -1);\n    width: var(--sizing-close-lg);\n  }\n\n  &:host(.pds-chip--tag) {\n    padding-block: var(--spacing-xs);\n  }\n}\n","import { downSmall, remove } from '@pine-ds/icons/icons';\nimport { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'pds-chip',\n  styleUrls: ['../../global/styles/base.scss', 'pds-chip.scss'],\n  shadow: true,\n})\nexport class PdsChip {\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Determines whether a dot should be displayed on the chip.\n   * @defaultValue false\n   */\n  @Prop() dot = false;\n\n  /**\n   * Sets the text label content of the chip.\n   */\n  @Prop() label: string;\n\n  /**\n   * Determines whether the chip should be displayed in a larger size.\n   * @defaultValue false\n   */\n  @Prop() large = false;\n\n  /**\n   * Defines the color scheme of the chip.\n   * @defaultValue 'neutral'\n   */\n  @Prop() sentiment: 'accent' | 'danger' | 'info' | 'neutral' | 'success' | 'warning' = 'neutral';\n\n  /**\n   * Sets the style variant of the chip.\n   * @defaultValue 'text'\n   */\n  @Prop() variant: 'text' | 'tag' | 'dropdown' = 'text';\n\n  /**\n   * Event emitted when the close button is clicked on a tag variant chip.\n   */\n  @Event() pdsTagCloseClick: EventEmitter;\n\n  private handleCloseClick = () => {\n    this.pdsTagCloseClick.emit();\n  };\n\n  private classNames() {\n    const classNames = ['pds-chip'];\n\n    if (this.large) {\n      classNames.push('pds-chip--large');\n    }\n    if (this.variant) {\n      classNames.push('pds-chip--' + this.variant);\n    }\n    if (this.sentiment) {\n      classNames.push('pds-chip--' + this.sentiment);\n    }\n\n    return classNames.join(' ');\n  }\n\n  private setChipContent() {\n    const isDropdown = this.variant === 'dropdown';\n    const chipContent = isDropdown ? (\n      <button class=\"pds-chip__button\" type=\"button\">\n        {this.dot && <i class=\"pds-chip__dot\" aria-hidden=\"true\"></i>}\n        {this.label}\n        <pds-icon icon={downSmall} size=\"12px\" aria-hidden=\"true\"></pds-icon>\n      </button>\n    ) : (\n      <span class=\"pds-chip__label\">\n        {this.dot && <i class=\"pds-chip__dot\" aria-hidden=\"true\"></i>}\n        {this.label}\n      </span>\n    );\n\n    return chipContent;\n  }\n\n  render() {\n    return (\n      <Host class={this.classNames()} id={this.componentId}>\n        {this.setChipContent()}\n        {this.variant === 'tag' && (\n          <button class=\"pds-chip__close\" type=\"button\" onClick={this.handleCloseClick} aria-label=\"Remove\">\n            <pds-icon icon={remove} size=\"12px\"></pds-icon>\n          </button>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAU,yrDAChB,MAAAC,EAAeD,ECDf,MAAME,EAAa,s7OACnB,MAAAC,EAAeD,E,MCOFE,EAAO,M,4EAwCVC,KAAAC,iBAAmB,KACzBD,KAAKE,iBAAiBC,MAAM,E,oCA/BhB,M,gCAWE,M,eAMsE,U,aAMvC,M,CAWvC,UAAAC,GACN,MAAMA,EAAa,CAAC,YAEpB,GAAIJ,KAAKK,MAAO,CACdD,EAAWE,KAAK,kB,CAElB,GAAIN,KAAKO,QAAS,CAChBH,EAAWE,KAAK,aAAeN,KAAKO,Q,CAEtC,GAAIP,KAAKQ,UAAW,CAClBJ,EAAWE,KAAK,aAAeN,KAAKQ,U,CAGtC,OAAOJ,EAAWK,KAAK,I,CAGjB,cAAAC,GACN,MAAMC,EAAaX,KAAKO,UAAY,WACpC,MAAMK,EAAcD,EAClBE,EAAA,UAAQC,MAAM,mBAAmBC,KAAK,UACnCf,KAAKgB,KAAOH,EAAA,KAAGC,MAAM,gBAAe,cAAa,SACjDd,KAAKiB,MACNJ,EAAA,YAAUK,KAAMC,EAAWC,KAAK,OAAM,cAAa,UAGrDP,EAAA,QAAMC,MAAM,mBACTd,KAAKgB,KAAOH,EAAA,KAAGC,MAAM,gBAAe,cAAa,SACjDd,KAAKiB,OAIV,OAAOL,C,CAGT,MAAAS,GACE,OACER,EAACS,EAAI,CAAAC,IAAA,2CAACT,MAAOd,KAAKI,aAAcoB,GAAIxB,KAAKyB,aACtCzB,KAAKU,iBACLV,KAAKO,UAAY,OAChBM,EAAA,UAAAU,IAAA,2CAAQT,MAAM,kBAAkBC,KAAK,SAASW,QAAS1B,KAAKC,iBAAgB,aAAa,UACvFY,EAAA,YAAAU,IAAA,2CAAUL,KAAMS,EAAQP,KAAK,U","ignoreList":[]}

package/dist/pine-core/{p-1c0993d9.system.entry.js → p-4043cf6e.system.entry.js}

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,r){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function a(e){try{p(r.next(e))}catch(e){o(e)}}function d(e){try{p(r["throw"](e))}catch(e){o(e)}}function p(e){e.done?n(e.value):i(e.value).then(a,d)}p((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,a;return a={next:d(0),throw:d(1),return:d(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function d(e){return function(t){return p([e,t])}}function p(d){if(r)throw new TypeError("Generator is already executing.");while(a&&(a=0,d[0]&&(n=0)),n)try{if(r=1,i&&(o=d[0]&2?i["return"]:d[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,d[1])).done)return o;if(i=0,o)d=[d[0]&2,o.value];switch(d[0]){case 0:case 1:o=d;break;case 4:n.label++;return{value:d[1],done:false};case 5:n.label++;i=d[1];d=[0];continue;case 7:d=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(d[0]===6||d[0]===2)){n=0;continue}if(d[0]===3&&(!o||d[1]>o[0]&&d[1]<o[3])){n.label=d[1];break}if(d[0]===6&&n.label<o[1]){n.label=o[1];o=d;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(d);break}if(o[2])n.ops.pop();n.trys.pop();continue}d=t.call(e,n)}catch(e){d=[6,e];i=0}finally{r=o=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};System.register(["./p-4c0c0b2d.system.js","./p-6bcd89dc.system.js"],(function(e){"use strict";var t,n,r,i,o;return{setters:[function(e){t=e.r;n=e.c;r=e.h;i=e.H},function(e){o=e.a}],execute:function(){var a=":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(div,label,p,span){color:var(--pine-color-text-default)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";var d=a;var p=":host(.pds-copytext){--border-interactive-default:var(--pine-border-width-thin) solid var(--pine-color-grey-300);--border-interactive-hover:var(--pine-border-width-thin) solid var(--pine-color-grey-400);--border-radius-default:var(--pine-border-radius-circle);--border-width-default:var(--pine-border-width-none);--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);--color-background-default:var(--pine-color-white);--color-border-interactive-hover:var(--pine-color-grey-400);--color-text-hover:var(--pine-color-grey-900);--copytext-color-background-hover:var(--pine-color-grey-200);--font-size-default:var(--pine-font-size-100);--font-weight-default:var(--pine-font-weight-body-medium);--spacing-bordered-margin-inline-end:var(--pine-spacing-200);--spacing-bordered-padding-block:var(--pine-spacing-100);--spacing-bordered-padding-inline:var(--pine-spacing-200);--spacing-margin-inline-end:var(--pine-spacing-100);--spacing-padding-block:var(--pine-spacing-050);--spacing-padding-inline:var(--pine-spacing-100);--spacing-padding-none:var(--pine-spacing-0);--typography-default:var(--pine-font-weight-body-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-heading)}:host(.pds-copytext) pds-button{-ms-flex-align:center;align-items:center;background:var(--color-background-default);border:var(--border-width-default);border-radius:var(--border-radius-default);display:-ms-inline-flexbox;display:inline-flex;font:var(--typography-default);max-width:100%;padding:var(--spacing-padding-block) var(--spacing-padding-inline)}:host(.pds-copytext) pds-button::part(button){-webkit-padding-end:calc(var(--spacing-padding-inline) / 2);padding-inline-end:calc(var(--spacing-padding-inline) / 2)}:host(.pds-copytext) pds-button::part(button):hover{background-color:var(--copytext-color-background-hover);color:var(--color-text-hover)}:host(.pds-copytext) pds-button span{font-weight:var(--font-weight-default);-webkit-margin-end:var(--spacing-margin-inline-end);margin-inline-end:var(--spacing-margin-inline-end);white-space:nowrap}:host(.pds-copytext) pds-button :nth-child(2){-ms-flex-negative:0;flex-shrink:0}:host(.pds-copytext):host(.pds-copytext--bordered){border:var(--border-width-default);padding:var(--spacing-padding-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button{padding:var(--spacing-padding-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button:hover{background:none}:host(.pds-copytext):host(.pds-copytext--bordered) span{border:var(--border-interactive-default);border-radius:var(--border-radius-default);-webkit-margin-end:var(--spacing-bordered-margin-inline-end);margin-inline-end:var(--spacing-bordered-margin-inline-end);padding-block:var(--spacing-bordered-padding-block);padding-inline:var(--spacing-bordered-padding-inline)}:host(.pds-copytext):host(.pds-copytext--bordered) :hover span{border:var(--border-interactive-hover)}:host(.pds-copytext):host(.pds-copytext--full-width){display:-ms-flexbox;display:flex;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button span{text-align:left;width:100%}:host(.pds-copytext):host(.pds-copytext--truncated) pds-button{display:-ms-flexbox;display:flex;width:100%}:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{overflow:hidden;text-align:left;text-overflow:ellipsis;width:100%}";var s=p;var c=e("pds_copytext",function(){function e(e){var r=this;t(this,e);this.pdsCopyTextClick=n(this,"pdsCopyTextClick",7);this.copyToClipboard=function(e){return __awaiter(r,void 0,void 0,(function(){var t;return __generator(this,(function(n){switch(n.label){case 0:n.trys.push([0,3,,4]);if(!(typeof navigator.clipboard!=="undefined"))return[3,2];return[4,navigator.clipboard.writeText(e)];case 1:n.sent();this.pdsCopyTextClick.emit("Copied to clipboard");n.label=2;case 2:return[3,4];case 3:t=n.sent();this.pdsCopyTextClick.emit("Error writing text to clipboard: ".concat(t));return[3,4];case 4:return[2]}}))}))};this.handleClick=function(){r.copyToClipboard(r.value)};this.border=true;this.componentId=undefined;this.fullWidth=false;this.truncate=false;this.value=undefined}e.prototype.classNames=function(){var e=["pds-copytext"];if(this.border){e.push("pds-copytext--bordered")}if(this.fullWidth){e.push("pds-copytext--full-width")}if(this.truncate){e.push("pds-copytext--truncated")}return e.join("  ")};e.prototype.render=function(){return r(i,{key:"24f8ccba6099b5a4f283fe049dc38e32c916c80e",class:this.classNames(),id:this.componentId},r("pds-button",{key:"7b4d6703944df7a4a3932663b5c09b496d642f0c",type:"button",variant:"unstyled",onClick:this.handleClick},r("span",{key:"68ab90f525b04edc3d708d7405d34558aee8c98e"},this.value),r("pds-icon",{key:"06a24c4577dc10917e69314a6d19db8e6a88e7f7",icon:o,size:"16px"})))};return e}());c.style=d+s}}}));
-//# sourceMappingURL=p-1c0993d9.system.entry.js.map
+var __awaiter=this&&this.__awaiter||function(e,t,n,r){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function a(e){try{p(r.next(e))}catch(e){o(e)}}function d(e){try{p(r["throw"](e))}catch(e){o(e)}}function p(e){e.done?n(e.value):i(e.value).then(a,d)}p((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,a;return a={next:d(0),throw:d(1),return:d(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function d(e){return function(t){return p([e,t])}}function p(d){if(r)throw new TypeError("Generator is already executing.");while(a&&(a=0,d[0]&&(n=0)),n)try{if(r=1,i&&(o=d[0]&2?i["return"]:d[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,d[1])).done)return o;if(i=0,o)d=[d[0]&2,o.value];switch(d[0]){case 0:case 1:o=d;break;case 4:n.label++;return{value:d[1],done:false};case 5:n.label++;i=d[1];d=[0];continue;case 7:d=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(d[0]===6||d[0]===2)){n=0;continue}if(d[0]===3&&(!o||d[1]>o[0]&&d[1]<o[3])){n.label=d[1];break}if(d[0]===6&&n.label<o[1]){n.label=o[1];o=d;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(d);break}if(o[2])n.ops.pop();n.trys.pop();continue}d=t.call(e,n)}catch(e){d=[6,e];i=0}finally{r=o=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};System.register(["./p-45cf2585.system.js","./p-e90b2c75.system.js"],(function(e){"use strict";var t,n,r,i,o;return{setters:[function(e){t=e.r;n=e.c;r=e.h;i=e.H},function(e){o=e.a}],execute:function(){var a=":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(div,label,p,span){color:var(--pine-color-text-default)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";var d=a;var p=":host(.pds-copytext){--border-interactive-default:var(--pine-border-width-thin) solid var(--pine-color-grey-300);--border-interactive-hover:var(--pine-border-width-thin) solid var(--pine-color-grey-400);--border-radius-default:var(--pine-border-radius-circle);--border-width-default:var(--pine-border-width-none);--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);--color-background-default:var(--pine-color-white);--color-border-interactive-hover:var(--pine-color-grey-400);--color-text-hover:var(--pine-color-grey-900);--copytext-color-background-hover:var(--pine-color-grey-200);--font-size-default:var(--pine-font-size-100);--font-weight-default:var(--pine-font-weight-body-medium);--spacing-bordered-margin-inline-end:var(--pine-spacing-200);--spacing-bordered-padding-block:var(--pine-spacing-100);--spacing-bordered-padding-inline:var(--pine-spacing-200);--spacing-margin-inline-end:var(--pine-spacing-100);--spacing-padding-block:var(--pine-spacing-050);--spacing-padding-inline:var(--pine-spacing-100);--spacing-padding-none:var(--pine-spacing-0);--typography-default:var(--pine-font-weight-body-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-heading)}:host(.pds-copytext) pds-button{-ms-flex-align:center;align-items:center;background:var(--color-background-default);border:var(--border-width-default);border-radius:var(--border-radius-default);display:-ms-inline-flexbox;display:inline-flex;font:var(--typography-default);max-width:100%;padding:var(--spacing-padding-block) var(--spacing-padding-inline)}:host(.pds-copytext) pds-button::part(button){-webkit-padding-end:calc(var(--spacing-padding-inline) / 2);padding-inline-end:calc(var(--spacing-padding-inline) / 2)}:host(.pds-copytext) pds-button::part(button):hover{background-color:var(--copytext-color-background-hover);color:var(--color-text-hover)}:host(.pds-copytext) pds-button span{font-weight:var(--font-weight-default);-webkit-margin-end:var(--spacing-margin-inline-end);margin-inline-end:var(--spacing-margin-inline-end);white-space:nowrap}:host(.pds-copytext) pds-button :nth-child(2){-ms-flex-negative:0;flex-shrink:0}:host(.pds-copytext):host(.pds-copytext--bordered){border:var(--border-width-default);padding:var(--spacing-padding-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button{padding:var(--spacing-padding-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button:hover{background:none}:host(.pds-copytext):host(.pds-copytext--bordered) span{border:var(--border-interactive-default);border-radius:var(--border-radius-default);-webkit-margin-end:var(--spacing-bordered-margin-inline-end);margin-inline-end:var(--spacing-bordered-margin-inline-end);padding-block:var(--spacing-bordered-padding-block);padding-inline:var(--spacing-bordered-padding-inline)}:host(.pds-copytext):host(.pds-copytext--bordered) :hover span{border:var(--border-interactive-hover)}:host(.pds-copytext):host(.pds-copytext--full-width){display:-ms-flexbox;display:flex;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button span{text-align:left;width:100%}:host(.pds-copytext):host(.pds-copytext--truncated) pds-button{display:-ms-flexbox;display:flex;width:100%}:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{overflow:hidden;text-align:left;text-overflow:ellipsis;width:100%}";var s=p;var c=e("pds_copytext",function(){function e(e){var r=this;t(this,e);this.pdsCopyTextClick=n(this,"pdsCopyTextClick",7);this.copyToClipboard=function(e){return __awaiter(r,void 0,void 0,(function(){var t;return __generator(this,(function(n){switch(n.label){case 0:n.trys.push([0,3,,4]);if(!(typeof navigator.clipboard!=="undefined"))return[3,2];return[4,navigator.clipboard.writeText(e)];case 1:n.sent();this.pdsCopyTextClick.emit("Copied to clipboard");n.label=2;case 2:return[3,4];case 3:t=n.sent();this.pdsCopyTextClick.emit("Error writing text to clipboard: ".concat(t));return[3,4];case 4:return[2]}}))}))};this.handleClick=function(){r.copyToClipboard(r.value)};this.border=true;this.componentId=undefined;this.fullWidth=false;this.truncate=false;this.value=undefined}e.prototype.classNames=function(){var e=["pds-copytext"];if(this.border){e.push("pds-copytext--bordered")}if(this.fullWidth){e.push("pds-copytext--full-width")}if(this.truncate){e.push("pds-copytext--truncated")}return e.join("  ")};e.prototype.render=function(){return r(i,{key:"43aceb92fe0cc910613115bc882b04108efeffba",class:this.classNames(),id:this.componentId},r("pds-button",{key:"f152bc288e64192a80ed8f4f48d90e3edb7558cc",type:"button",variant:"unstyled",onClick:this.handleClick},r("span",{key:"ed9486b47835e21601047d2a915a412e664c6b4b"},this.value),r("pds-icon",{key:"bfbf6d92775171c36f768d654c5866f2f4ce8479",icon:o,size:"16px"})))};return e}());c.style=d+s}}}));
+//# sourceMappingURL=p-4043cf6e.system.entry.js.map

package/dist/pine-core/{p-1c0993d9.system.entry.js.map → p-4043cf6e.system.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["baseCss","PdsCopytextStyle0","pdsCopytextCss","PdsCopytextStyle1","PdsCopytext","exports","this","copyToClipboard","value","__awaiter","_this","navigator","clipboard","writeText","_a","sent","pdsCopyTextClick","emit","concat","err_1","handleClick","class_1","prototype","classNames","border","push","fullWidth","truncate","join","render","h","Host","key","class","id","componentId","type","variant","onClick","icon","copyIcon","size"],"sources":["src/global/styles/base.scss?tag=pds-copytext&encapsulation=shadow","src/components/pds-copytext/pds-copytext.scss?tag=pds-copytext&encapsulation=shadow","src/components/pds-copytext/pds-copytext.tsx"],"sourcesContent":["// TODO: replace core tokens with semantic\n// Heading color + outline\n\n/*\n  Josh's Custom CSS Reset\n  https://www.joshwcomeau.com/css/custom-css-reset/\n*/\n:where(*:not(slot), *:not(slot)::before, *:not(slot)::after) {\n  box-sizing: border-box;\n}\n\n:where(*:not(slot)) {\n  margin: 0;\n}\n\n:where(img, picture, video, canvas, svg) {\n  display: block;\n  max-width: 100%;\n}\n\n:where(input, button, textarea, select) {\n  font: inherit;\n}\n\n:where(p, h1, h2, h3, h4, h5, h6) {\n  overflow-wrap: break-word;\n}\n\n/*\n  Additional Reset Styles\n*/\n:where(a:not([href]):not([class])) {\n  color: currentColor;\n  text-decoration: none;\n}\n\n:where(a:not([href]):not([class]):hover) {\n  color: currentColor;\n  text-decoration: none;\n}\n\n:where(ul[role='list'], ol[role='list']) {\n  list-style: none;\n}\n\n:where(table) {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\n/*\n  Mercury Base Styles\n*/\n// Typography\n:where(*:not(slot)) {\n  font: var(--pine-typography-body-md-default);\n  letter-spacing: var(--pine-letter-spacing-body-md);\n}\n\n:where(h1, h2, h3, h4, h5, h6) {\n  font-family: var(--pine-font-family-heading);\n  color: var(--pine-color-grey-950);\n}\n\n:where(h1) {\n  font: var(--pine-typography-heading-h1);\n  letter-spacing: var(--pine-letter-spacing-heading-h1);\n}\n\n:where(h2) {\n  font: var(--pine-typography-heading-h2);\n  letter-spacing: var(--pine-letter-spacing-heading-h2);\n}\n\n:where(h3) {\n  font: var(--pine-typography-heading-h3);\n  letter-spacing: var(--pine-letter-spacing-heading-h3);\n}\n\n:where(h4) {\n  font: var(--pine-typography-heading-h4);\n  letter-spacing: var(--pine-letter-spacing-heading-h4);\n}\n\n:where(h5) {\n  font: var(--pine-typography-heading-h5);\n  letter-spacing: var(--pine-letter-spacing-heading-h5);\n}\n\n:where(h6) {\n  font: var(--pine-typography-heading-h6);\n  letter-spacing: var(--pine-letter-spacing-heading-h6);\n}\n\n:where(div, label, p, span) {\n  color: var(--pine-color-text-default);\n}\n\n:where(code, kbd, pre, samp) {\n  font-family: monospace;\n}\n\n// Accessibility\n:where([role=\"button\"]) {\n  cursor: pointer;\n}\n\n:where(:focus) {\n  outline: 0;\n}\n\n:where(:focus-visible) {\n  outline: var(--pine-border-width-thick) solid var(--pine-color-purple-500);\n}\n\n// Misc.\n:where([hidden]) {\n  display: none !important;\n}\n",":host(.pds-copytext) {\n\n  --border-interactive-default: var(--pine-border-width-thin) solid var(--pine-color-grey-300);\n  --border-interactive-hover: var(--pine-border-width-thin) solid var(--pine-color-grey-400);\n\n  --border-radius-default: var(--pine-border-radius-circle);\n\n  --border-width-default: var(--pine-border-width-none);\n\n  --box-shadow-focus: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);\n\n  --color-background-default: var(--pine-color-white);\n  --color-border-interactive-hover: var(--pine-color-grey-400);\n  --color-text-hover: var(--pine-color-grey-900);\n  // Update custom prop usage in Button before changing\n  --copytext-color-background-hover: var(--pine-color-grey-200);\n\n  --font-size-default: var(--pine-font-size-100);\n  --font-weight-default: var(--pine-font-weight-body-medium);\n\n  --spacing-bordered-margin-inline-end: var(--pine-spacing-200);\n  --spacing-bordered-padding-block: var(--pine-spacing-100);\n  --spacing-bordered-padding-inline: var(--pine-spacing-200);\n  --spacing-margin-inline-end: var(--pine-spacing-100);\n  --spacing-padding-block: var(--pine-spacing-050);\n  --spacing-padding-inline: var(--pine-spacing-100);\n  --spacing-padding-none: var(--pine-spacing-0);\n\n  --typography-default: var(--pine-font-weight-body-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-heading);\n\n  pds-button {\n    align-items: center;\n    background: var(--color-background-default);\n    border: var(--border-width-default);\n    border-radius: var(--border-radius-default);\n    display: inline-flex;\n    font: var(--typography-default);\n    max-width: 100%;\n    padding: var(--spacing-padding-block) var(--spacing-padding-inline);\n\n    &::part(button) {\n      padding-inline-end: calc(var(--spacing-padding-inline) / 2);\n    }\n\n    &::part(button):hover {\n      // Update custom prop usage in Button before changing\n      background-color: var(--copytext-color-background-hover);\n      color: var(--color-text-hover);\n    }\n\n    span {\n      font-weight: var(--font-weight-default);\n      margin-inline-end: var(--spacing-margin-inline-end);\n      white-space: nowrap;\n    }\n\n    :nth-child(2) {\n      flex-shrink: 0;\n    }\n  }\n\n  // bordered\n\n  &:host(.pds-copytext--bordered) {\n    border: var(--border-width-default);\n    padding: var(--spacing-padding-none);\n\n    pds-button {\n      padding: var(--spacing-padding-none);\n\n      &:hover {\n        background: none;\n      }\n    }\n\n    span {\n      border: var(--border-interactive-default);\n      border-radius: var(--border-radius-default);\n      margin-inline-end: var(--spacing-bordered-margin-inline-end);\n      padding-block: var(--spacing-bordered-padding-block);\n      padding-inline: var(--spacing-bordered-padding-inline);\n    }\n\n    :hover {\n      span {\n        border: var(--border-interactive-hover);\n      }\n    }\n  }\n\n  // full width\n\n  &:host(.pds-copytext--full-width) {\n    display: flex;\n    width: 100%;\n\n    pds-button {\n      display: flex;\n      justify-content: space-between;\n      width: 100%;\n\n      span {\n        text-align: left;\n        width: 100%;\n      }\n    }\n  }\n\n  // truncated\n\n  &:host(.pds-copytext--truncated) {\n    pds-button {\n      display: flex;\n      width: 100%;\n\n      span {\n        overflow: hidden;\n        text-align: left;\n        text-overflow: ellipsis;\n        width: 100%;\n      }\n    }\n  }\n}\n","import { Component, Event, EventEmitter, Host, h, Prop } from '@stencil/core';\n\nimport { copy as copyIcon } from '@pine-ds/icons/icons';\n\n@Component({\n  tag: 'pds-copytext',\n  styleUrls: ['../../global/styles/base.scss', 'pds-copytext.scss'],\n  shadow: true,\n})\nexport class PdsCopytext {\n  /**\n   * Determines whether `copytext` should have a border.\n   * @defaultValue true\n   */\n  @Prop({ reflect: true }) border = true;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Determines whether `copytext` should expand to the full width of its container.\n   * @defaultValue false\n   */\n  @Prop() fullWidth = false;\n\n  /**\n   * Determines whether the `value` should truncate and display with an ellipsis.\n   * @defaultValue false\n   */\n  @Prop() truncate = false;\n\n  /**\n   * String that is displayed and that is also copied to the clipboard upon interaction.\n   */\n  @Prop() value!: string;\n\n  /**\n   * Event when copyText button is clicked.\n   */\n  @Event() pdsCopyTextClick: EventEmitter;\n\n  private copyToClipboard = async (value: string) => {\n    try {\n      if (typeof navigator.clipboard !== 'undefined') {\n        await navigator.clipboard.writeText(value);\n        this.pdsCopyTextClick.emit('Copied to clipboard');\n      }\n    } catch (err) {\n      this.pdsCopyTextClick.emit(`Error writing text to clipboard: ${err}`);\n    }\n  };\n\n  private handleClick = () => {\n    this.copyToClipboard(this.value);\n  };\n\n  private classNames() {\n    const classNames = ['pds-copytext'];\n\n    if (this.border) {\n      classNames.push('pds-copytext--bordered');\n    }\n\n    if (this.fullWidth) {\n      classNames.push('pds-copytext--full-width');\n    }\n\n    if (this.truncate) {\n      classNames.push('pds-copytext--truncated');\n    }\n\n    return classNames.join('  ');\n  }\n\n  render() {\n    return (\n      <Host class={this.classNames()} id={this.componentId}>\n        <pds-button type=\"button\" variant=\"unstyled\" onClick={this.handleClick}>\n          <span>{this.value}</span>\n          <pds-icon icon={copyIcon} size=\"16px\"></pds-icon>\n        </pds-button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"spDAAA,IAAMA,EAAU,yrDAChB,IAAAC,EAAeD,ECDf,IAAME,EAAiB,+8GACvB,IAAAC,EAAeD,E,ICQFE,EAAWC,EAAA,0B,sFAkCdC,KAAAC,gBAAkB,SAAOC,GAAa,OAAAC,UAAAC,OAAA,qB,oGAE/BC,UAAUC,YAAc,aAA/B,YACF,SAAMD,UAAUC,UAAUC,UAAUL,I,OAApCM,EAAAC,OACAT,KAAKU,iBAAiBC,KAAK,uB,+CAG7BX,KAAKU,iBAAiBC,KAAK,oCAAAC,OAAoCC,I,qCAI3Db,KAAAc,YAAc,WACpBV,EAAKH,gBAAgBG,EAAKF,M,cAzCM,K,0CAWd,M,cAMD,M,qBA2BXa,EAAAC,UAAAC,WAAA,WACN,IAAMA,EAAa,CAAC,gBAEpB,GAAIjB,KAAKkB,OAAQ,CACfD,EAAWE,KAAK,yB,CAGlB,GAAInB,KAAKoB,UAAW,CAClBH,EAAWE,KAAK,2B,CAGlB,GAAInB,KAAKqB,SAAU,CACjBJ,EAAWE,KAAK,0B,CAGlB,OAAOF,EAAWK,KAAK,K,EAGzBP,EAAAC,UAAAO,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO3B,KAAKiB,aAAcW,GAAI5B,KAAK6B,aACvCL,EAAA,cAAAE,IAAA,2CAAYI,KAAK,SAASC,QAAQ,WAAWC,QAAShC,KAAKc,aACzDU,EAAA,QAAAE,IAAA,4CAAO1B,KAAKE,OACZsB,EAAA,YAAAE,IAAA,2CAAUO,KAAMC,EAAUC,KAAK,U,WAxEjB,I","ignoreList":[]}
+{"version":3,"names":["baseCss","PdsCopytextStyle0","pdsCopytextCss","PdsCopytextStyle1","PdsCopytext","exports","this","copyToClipboard","value","__awaiter","_this","navigator","clipboard","writeText","_a","sent","pdsCopyTextClick","emit","concat","err_1","handleClick","class_1","prototype","classNames","border","push","fullWidth","truncate","join","render","h","Host","key","class","id","componentId","type","variant","onClick","icon","copyIcon","size"],"sources":["src/global/styles/base.scss?tag=pds-copytext&encapsulation=shadow","src/components/pds-copytext/pds-copytext.scss?tag=pds-copytext&encapsulation=shadow","src/components/pds-copytext/pds-copytext.tsx"],"sourcesContent":["// TODO: replace core tokens with semantic\n// Heading color + outline\n\n/*\n  Josh's Custom CSS Reset\n  https://www.joshwcomeau.com/css/custom-css-reset/\n*/\n:where(*:not(slot), *:not(slot)::before, *:not(slot)::after) {\n  box-sizing: border-box;\n}\n\n:where(*:not(slot)) {\n  margin: 0;\n}\n\n:where(img, picture, video, canvas, svg) {\n  display: block;\n  max-width: 100%;\n}\n\n:where(input, button, textarea, select) {\n  font: inherit;\n}\n\n:where(p, h1, h2, h3, h4, h5, h6) {\n  overflow-wrap: break-word;\n}\n\n/*\n  Additional Reset Styles\n*/\n:where(a:not([href]):not([class])) {\n  color: currentColor;\n  text-decoration: none;\n}\n\n:where(a:not([href]):not([class]):hover) {\n  color: currentColor;\n  text-decoration: none;\n}\n\n:where(ul[role='list'], ol[role='list']) {\n  list-style: none;\n}\n\n:where(table) {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\n/*\n  Mercury Base Styles\n*/\n// Typography\n:where(*:not(slot)) {\n  font: var(--pine-typography-body-md-default);\n  letter-spacing: var(--pine-letter-spacing-body-md);\n}\n\n:where(h1, h2, h3, h4, h5, h6) {\n  font-family: var(--pine-font-family-heading);\n  color: var(--pine-color-grey-950);\n}\n\n:where(h1) {\n  font: var(--pine-typography-heading-h1);\n  letter-spacing: var(--pine-letter-spacing-heading-h1);\n}\n\n:where(h2) {\n  font: var(--pine-typography-heading-h2);\n  letter-spacing: var(--pine-letter-spacing-heading-h2);\n}\n\n:where(h3) {\n  font: var(--pine-typography-heading-h3);\n  letter-spacing: var(--pine-letter-spacing-heading-h3);\n}\n\n:where(h4) {\n  font: var(--pine-typography-heading-h4);\n  letter-spacing: var(--pine-letter-spacing-heading-h4);\n}\n\n:where(h5) {\n  font: var(--pine-typography-heading-h5);\n  letter-spacing: var(--pine-letter-spacing-heading-h5);\n}\n\n:where(h6) {\n  font: var(--pine-typography-heading-h6);\n  letter-spacing: var(--pine-letter-spacing-heading-h6);\n}\n\n:where(div, label, p, span) {\n  color: var(--pine-color-text-default);\n}\n\n:where(code, kbd, pre, samp) {\n  font-family: monospace;\n}\n\n// Accessibility\n:where([role=\"button\"]) {\n  cursor: pointer;\n}\n\n:where(:focus) {\n  outline: 0;\n}\n\n:where(:focus-visible) {\n  outline: var(--pine-border-width-thick) solid var(--pine-color-purple-500);\n}\n\n// Misc.\n:where([hidden]) {\n  display: none !important;\n}\n",":host(.pds-copytext) {\n\n  --border-interactive-default: var(--pine-border-width-thin) solid var(--pine-color-grey-300);\n  --border-interactive-hover: var(--pine-border-width-thin) solid var(--pine-color-grey-400);\n\n  --border-radius-default: var(--pine-border-radius-circle);\n\n  --border-width-default: var(--pine-border-width-none);\n\n  --box-shadow-focus: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);\n\n  --color-background-default: var(--pine-color-white);\n  --color-border-interactive-hover: var(--pine-color-grey-400);\n  --color-text-hover: var(--pine-color-grey-900);\n  // Update custom prop usage in Button before changing\n  --copytext-color-background-hover: var(--pine-color-grey-200);\n\n  --font-size-default: var(--pine-font-size-100);\n  --font-weight-default: var(--pine-font-weight-body-medium);\n\n  --spacing-bordered-margin-inline-end: var(--pine-spacing-200);\n  --spacing-bordered-padding-block: var(--pine-spacing-100);\n  --spacing-bordered-padding-inline: var(--pine-spacing-200);\n  --spacing-margin-inline-end: var(--pine-spacing-100);\n  --spacing-padding-block: var(--pine-spacing-050);\n  --spacing-padding-inline: var(--pine-spacing-100);\n  --spacing-padding-none: var(--pine-spacing-0);\n\n  --typography-default: var(--pine-font-weight-body-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-heading);\n\n  pds-button {\n    align-items: center;\n    background: var(--color-background-default);\n    border: var(--border-width-default);\n    border-radius: var(--border-radius-default);\n    display: inline-flex;\n    font: var(--typography-default);\n    max-width: 100%;\n    padding: var(--spacing-padding-block) var(--spacing-padding-inline);\n\n    &::part(button) {\n      padding-inline-end: calc(var(--spacing-padding-inline) / 2);\n    }\n\n    &::part(button):hover {\n      // Update custom prop usage in Button before changing\n      background-color: var(--copytext-color-background-hover);\n      color: var(--color-text-hover);\n    }\n\n    span {\n      font-weight: var(--font-weight-default);\n      margin-inline-end: var(--spacing-margin-inline-end);\n      white-space: nowrap;\n    }\n\n    :nth-child(2) {\n      flex-shrink: 0;\n    }\n  }\n\n  // bordered\n\n  &:host(.pds-copytext--bordered) {\n    border: var(--border-width-default);\n    padding: var(--spacing-padding-none);\n\n    pds-button {\n      padding: var(--spacing-padding-none);\n\n      &:hover {\n        background: none;\n      }\n    }\n\n    span {\n      border: var(--border-interactive-default);\n      border-radius: var(--border-radius-default);\n      margin-inline-end: var(--spacing-bordered-margin-inline-end);\n      padding-block: var(--spacing-bordered-padding-block);\n      padding-inline: var(--spacing-bordered-padding-inline);\n    }\n\n    :hover {\n      span {\n        border: var(--border-interactive-hover);\n      }\n    }\n  }\n\n  // full width\n\n  &:host(.pds-copytext--full-width) {\n    display: flex;\n    width: 100%;\n\n    pds-button {\n      display: flex;\n      justify-content: space-between;\n      width: 100%;\n\n      span {\n        text-align: left;\n        width: 100%;\n      }\n    }\n  }\n\n  // truncated\n\n  &:host(.pds-copytext--truncated) {\n    pds-button {\n      display: flex;\n      width: 100%;\n\n      span {\n        overflow: hidden;\n        text-align: left;\n        text-overflow: ellipsis;\n        width: 100%;\n      }\n    }\n  }\n}\n","import { Component, Event, EventEmitter, Host, h, Prop } from '@stencil/core';\n\nimport { copy as copyIcon } from '@pine-ds/icons/icons';\n\n@Component({\n  tag: 'pds-copytext',\n  styleUrls: ['../../global/styles/base.scss', 'pds-copytext.scss'],\n  shadow: true,\n})\nexport class PdsCopytext {\n  /**\n   * Determines whether `copytext` should have a visible border.\n   * @defaultValue true\n   */\n  @Prop({ reflect: true }) border = true;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Determines whether `copytext` should expand to the full width of its container.\n   * @defaultValue false\n   */\n  @Prop() fullWidth = false;\n\n  /**\n   * Determines whether the `value` should truncate and display with an ellipsis.\n   * @defaultValue false\n   */\n  @Prop() truncate = false;\n\n  /**\n   * The string displayed that is also copied to the clipboard upon interaction.\n   */\n  @Prop() value!: string;\n\n  /**\n   * Event fired when copyText button is clicked.\n   */\n  @Event() pdsCopyTextClick: EventEmitter;\n\n  private copyToClipboard = async (value: string) => {\n    try {\n      if (typeof navigator.clipboard !== 'undefined') {\n        await navigator.clipboard.writeText(value);\n        this.pdsCopyTextClick.emit('Copied to clipboard');\n      }\n    } catch (err) {\n      this.pdsCopyTextClick.emit(`Error writing text to clipboard: ${err}`);\n    }\n  };\n\n  private handleClick = () => {\n    this.copyToClipboard(this.value);\n  };\n\n  private classNames() {\n    const classNames = ['pds-copytext'];\n\n    if (this.border) {\n      classNames.push('pds-copytext--bordered');\n    }\n\n    if (this.fullWidth) {\n      classNames.push('pds-copytext--full-width');\n    }\n\n    if (this.truncate) {\n      classNames.push('pds-copytext--truncated');\n    }\n\n    return classNames.join('  ');\n  }\n\n  render() {\n    return (\n      <Host class={this.classNames()} id={this.componentId}>\n        <pds-button type=\"button\" variant=\"unstyled\" onClick={this.handleClick}>\n          <span>{this.value}</span>\n          <pds-icon icon={copyIcon} size=\"16px\"></pds-icon>\n        </pds-button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"spDAAA,IAAMA,EAAU,yrDAChB,IAAAC,EAAeD,ECDf,IAAME,EAAiB,+8GACvB,IAAAC,EAAeD,E,ICQFE,EAAWC,EAAA,0B,sFAkCdC,KAAAC,gBAAkB,SAAOC,GAAa,OAAAC,UAAAC,OAAA,qB,oGAE/BC,UAAUC,YAAc,aAA/B,YACF,SAAMD,UAAUC,UAAUC,UAAUL,I,OAApCM,EAAAC,OACAT,KAAKU,iBAAiBC,KAAK,uB,+CAG7BX,KAAKU,iBAAiBC,KAAK,oCAAAC,OAAoCC,I,qCAI3Db,KAAAc,YAAc,WACpBV,EAAKH,gBAAgBG,EAAKF,M,cAzCM,K,0CAWd,M,cAMD,M,qBA2BXa,EAAAC,UAAAC,WAAA,WACN,IAAMA,EAAa,CAAC,gBAEpB,GAAIjB,KAAKkB,OAAQ,CACfD,EAAWE,KAAK,yB,CAGlB,GAAInB,KAAKoB,UAAW,CAClBH,EAAWE,KAAK,2B,CAGlB,GAAInB,KAAKqB,SAAU,CACjBJ,EAAWE,KAAK,0B,CAGlB,OAAOF,EAAWK,KAAK,K,EAGzBP,EAAAC,UAAAO,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO3B,KAAKiB,aAAcW,GAAI5B,KAAK6B,aACvCL,EAAA,cAAAE,IAAA,2CAAYI,KAAK,SAASC,QAAQ,WAAWC,QAAShC,KAAKc,aACzDU,EAAA,QAAAE,IAAA,4CAAO1B,KAAKE,OACZsB,EAAA,YAAAE,IAAA,2CAAUO,KAAMC,EAAUC,KAAK,U,WAxEjB,I","ignoreList":[]}

package/dist/pine-core/{p-4c0c0b2d.system.js → p-45cf2585.system.js}

@@ -1,3 +1,3 @@
-var __extends=this&&this.__extends||function(){var r=function(e,n){r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(r,e){r.__proto__=e}||function(r,e){for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n))r[n]=e[n]};return r(e,n)};return function(e,n){if(typeof n!=="function"&&n!==null)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");r(e,n);function t(){this.constructor=e}e.prototype=n===null?Object.create(n):(t.prototype=n.prototype,new t)}}();var __assign=this&&this.__assign||function(){__assign=Object.assign||function(r){for(var e,n=1,t=arguments.length;n<t;n++){e=arguments[n];for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i))r[i]=e[i]}return r};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(r,e,n,t){function i(r){return r instanceof n?r:new n((function(e){e(r)}))}return new(n||(n=Promise))((function(n,a){function f(r){try{o(t.next(r))}catch(r){a(r)}}function u(r){try{o(t["throw"](r))}catch(r){a(r)}}function o(r){r.done?n(r.value):i(r.value).then(f,u)}o((t=t.apply(r,e||[])).next())}))};var __generator=this&&this.__generator||function(r,e){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},t,i,a,f;return f={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(f[Symbol.iterator]=function(){return this}),f;function u(r){return function(e){return o([r,e])}}function o(u){if(t)throw new TypeError("Generator is already executing.");while(f&&(f=0,u[0]&&(n=0)),n)try{if(t=1,i&&(a=u[0]&2?i["return"]:u[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,u[1])).done)return a;if(i=0,a)u=[u[0]&2,a.value];switch(u[0]){case 0:case 1:a=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;i=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!a||u[1]>a[0]&&u[1]<a[3])){n.label=u[1];break}if(u[0]===6&&n.label<a[1]){n.label=a[1];a=u;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(u);break}if(a[2])n.ops.pop();n.trys.pop();continue}u=e.call(r,n)}catch(r){u=[6,r];i=0}finally{t=a=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(r,e,n){if(n||arguments.length===2)for(var t=0,i=e.length,a;t<i;t++){if(a||!(t in e)){if(!a)a=Array.prototype.slice.call(e,0,t);a[t]=e[t]}}return r.concat(a||Array.prototype.slice.call(e))};System.register([],(function(r,e){"use strict";return{execute:function(){var n=this;var t="pine-core";var i={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: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 a=Object.defineProperty;var f=function(r,e){for(var n in e)a(r,n,{get:e[n],enumerable:true})};var u=new WeakMap;var o=function(r){return u.get(r)};var l=r("r",(function(r,e){return u.set(e.t=r,e)}));var v=function(r,e){var n={i:0,$hostElement$:r,u:e,o:new Map};{n.l=new Promise((function(r){return n.v=r}))}{n.h=new Promise((function(r){return n.p=r}));r["s-p"]=[];r["s-rc"]=[]}return u.set(r,n)};var s=function(r,e){return e in r};var c=function(r,e){return(0,console.error)(r,e)};var d=new Map;var h=function(r,n,t){var i=r.m.replace(/-/g,"_");var a=r.$;if(!a){return void 0}var f=d.get(a);if(f){return f[i]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return e.import("./".concat(a,".entry.js").concat("")).then((function(r){{d.set(a,r)}return r[i]}),c)};var p=new Map;var m="r";var y="o";var $="s";var w="t";var b="s-id";var g="sty-id";var _="c-id";var S="{visibility:hidden}.hydrated{visibility:inherit}";var k="slot-fb{display:contents}slot-fb[hidden]{display:none}";var x="http://www.w3.org/1999/xlink";var A=typeof window!=="undefined"?window:{};var j=A.document||{head:{}};var C={i:0,_:"",jmp:function(r){return r()},raf:function(r){return requestAnimationFrame(r)},ael:function(r,e,n,t){return r.addEventListener(e,n,t)},rel:function(r,e,n,t){return r.removeEventListener(e,n,t)},ce:function(r,e){return new CustomEvent(r,e)}};var O=i.shadowDom;var T=function(){var r=false;try{j.addEventListener("e",null,Object.defineProperty({},"passive",{get:function(){r=true}}))}catch(r){}return r}();var E=r("p",(function(r){return Promise.resolve(r)}));var D=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(r){}return false}();var R=false;var L=[];var M=[];var F=function(r,e){return function(n){r.push(n);if(!R){R=true;if(e&&C.i&4){U(N)}else{C.raf(N)}}}};var P=function(r){for(var e=0;e<r.length;e++){try{r[e](performance.now())}catch(r){c(r)}}r.length=0};var N=function(){P(L);{P(M);if(R=L.length>0){C.raf(N)}}};var U=function(r){return E().then(r)};var W=F(M,true);var I={};var H="http://www.w3.org/2000/svg";var B="http://www.w3.org/1999/xhtml";var z=function(r){return r!=null};var G=function(r){r=typeof r;return r==="object"||r==="function"};function Q(r){var e,n,t;return(t=(n=(e=r.head)==null?void 0:e.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?t:void 0}var q={};f(q,{err:function(){return V},map:function(){return X},ok:function(){return K},unwrap:function(){return J},unwrapErr:function(){return Y}});var K=function(r){return{isOk:true,isErr:false,value:r}};var V=function(r){return{isOk:false,isErr:true,value:r}};function X(r,e){if(r.isOk){var n=e(r.value);if(n instanceof Promise){return n.then((function(r){return K(r)}))}else{return K(n)}}if(r.isErr){var t=r.value;return V(t)}throw"should never get here"}var J=function(r){if(r.isOk){return r.value}else{throw r.value}};var Y=function(r){if(r.isErr){return r.value}else{throw r.value}};var Z=function(r,e){if(e===void 0){e=""}{return function(){return}}};var rr=function(r,e){{return function(){return}}};var er=r("h",(function(r,e){var n=[];for(var t=2;t<arguments.length;t++){n[t-2]=arguments[t]}var i=null;var a=null;var f=null;var u=false;var o=false;var l=[];var v=function(e){for(var n=0;n<e.length;n++){i=e[n];if(Array.isArray(i)){v(i)}else if(i!=null&&typeof i!=="boolean"){if(u=typeof r!=="function"&&!G(i)){i=String(i)}if(u&&o){l[l.length-1].S+=i}else{l.push(u?nr(null,i):i)}o=u}}};v(n);if(e){if(e.key){a=e.key}if(e.name){f=e.name}{var s=e.className||e.class;if(s){e.class=typeof s!=="object"?s:Object.keys(s).filter((function(r){return s[r]})).join(" ")}}}if(typeof r==="function"){return r(e===null?{}:e,l,ar)}var c=nr(r,null);c.k=e;if(l.length>0){c.A=l}{c.j=a}{c.C=f}return c}));var nr=function(r,e){var n={i:0,O:r,S:e,T:null,A:null};{n.k=null}{n.j=null}{n.C=null}return n};var tr=r("H",{});var ir=function(r){return r&&r.O===tr};var ar={forEach:function(r,e){return r.map(fr).forEach(e)},map:function(r,e){return r.map(fr).map(e).map(ur)}};var fr=function(r){return{vattrs:r.k,vchildren:r.A,vkey:r.j,vname:r.C,vtag:r.O,vtext:r.S}};var ur=function(r){if(typeof r.vtag==="function"){var e=__assign({},r.vattrs);if(r.vkey){e.key=r.vkey}if(r.vname){e.name=r.vname}return er.apply(void 0,__spreadArray([r.vtag,e],r.vchildren||[],false))}var n=nr(r.vtag,r.vtext);n.k=r.vattrs;n.A=r.vchildren;n.j=r.vkey;n.C=r.vname;return n};var or=function(r,e,n,t){var i=Z("hydrateClient",e);var a=r.shadowRoot;var f=[];var u=[];var o=a?[]:null;var l=t.D=nr(e,null);if(!C.R){vr(j.body,C.R=new Map)}r[b]=n;r.removeAttribute(b);lr(l,f,u,o,r,r,n);f.map((function(r){var n=r.L+"."+r.M;var t=C.R.get(n);var i=r.T;if(t&&O&&t["s-en"]===""){t.parentNode.insertBefore(i,t.nextSibling)}if(!a){i["s-hn"]=e;if(t){i["s-ol"]=t;i["s-ol"]["s-nr"]=i}}C.R.delete(n)}));if(a){o.map((function(r){if(r){a.appendChild(r)}}))}i()};var lr=function(r,e,n,t,i,a,f){var u;var o;var l;var v;if(a.nodeType===1){u=a.getAttribute(_);if(u){o=u.split(".");if(o[0]===f||o[0]==="0"){l={i:0,L:o[0],M:o[1],F:o[2],P:o[3],O:a.tagName.toLowerCase(),T:a,k:null,A:null,j:null,C:null,S:null};e.push(l);a.removeAttribute(_);if(!r.A){r.A=[]}r.A[l.P]=l;r=l;if(t&&l.F==="0"){t[l.P]=l.T}}}if(a.shadowRoot){for(v=a.shadowRoot.childNodes.length-1;v>=0;v--){lr(r,e,n,t,i,a.shadowRoot.childNodes[v],f)}}for(v=a.childNodes.length-1;v>=0;v--){lr(r,e,n,t,i,a.childNodes[v],f)}}else if(a.nodeType===8){o=a.nodeValue.split(".");if(o[1]===f||o[1]==="0"){u=o[0];l={i:0,L:o[1],M:o[2],F:o[3],P:o[4],T:a,k:null,A:null,j:null,C:null,O:null,S:null};if(u===w){l.T=a.nextSibling;if(l.T&&l.T.nodeType===3){l.S=l.T.textContent;e.push(l);a.remove();if(!r.A){r.A=[]}r.A[l.P]=l;if(t&&l.F==="0"){t[l.P]=l.T}}}else if(l.L===f){if(u===$){l.O="slot";if(o[5]){a["s-sn"]=l.C=o[5]}else{a["s-sn"]=""}a["s-sr"]=true;if(t){l.T=j.createElement(l.O);if(l.C){l.T.setAttribute("name",l.C)}a.parentNode.insertBefore(l.T,a);a.remove();if(l.F==="0"){t[l.P]=l.T}}n.push(l);if(!r.A){r.A=[]}r.A[l.P]=l}else if(u===m){if(t){a.remove()}else{i["s-cr"]=a;a["s-cn"]=true}}}}}else if(r&&r.O==="style"){var s=nr(null,a.textContent);s.T=a;s.P="0";r.A=[s]}};var vr=function(r,e){if(r.nodeType===1){var n=0;if(r.shadowRoot){for(;n<r.shadowRoot.childNodes.length;n++){vr(r.shadowRoot.childNodes[n],e)}}for(n=0;n<r.childNodes.length;n++){vr(r.childNodes[n],e)}}else if(r.nodeType===8){var t=r.nodeValue.split(".");if(t[0]===y){e.set(t[1]+"."+t[2],r);r.nodeValue="";r["s-en"]=t[3]}}};var sr=function(r,e){if(r!=null&&!G(r)){if(e&4){return r==="false"?false:r===""||!!r}if(e&2){return parseFloat(r)}if(e&1){return String(r)}return r}return r};var cr=r("g",(function(r){return o(r).$hostElement$}));var dr=r("c",(function(r,e,n){var t=cr(r);return{emit:function(r){return hr(t,e,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:r})}}}));var hr=function(r,e,n){var t=C.ce(e,n);r.dispatchEvent(t);return t};var pr=new WeakMap;var mr=function(r,e,n){var t=p.get(r);if(D&&n){t=t||new CSSStyleSheet;if(typeof t==="string"){t=e}else{t.replaceSync(e)}}else{t=e}p.set(r,t)};var yr=function(r,e,n){var t;var i=wr(e);var a=p.get(i);r=r.nodeType===11?r:j;if(a){if(typeof a==="string"){r=r.head||r;var f=pr.get(r);var u=void 0;if(!f){pr.set(r,f=new Set)}if(!f.has(i)){if(r.host&&(u=r.querySelector("[".concat(g,'="').concat(i,'"]')))){u.innerHTML=a}else{u=j.createElement("style");u.innerHTML=a;var o=(t=C.N)!=null?t:Q(j);if(o!=null){u.setAttribute("nonce",o)}if(!(e.i&1)){if(r.nodeName==="HEAD"){var l=r.querySelectorAll("link[rel=preconnect]");var v=l.length>0?l[l.length-1].nextSibling:r.querySelector("style");r.insertBefore(u,v)}else if("host"in r){if(D){var s=new CSSStyleSheet;s.replaceSync(a);r.adoptedStyleSheets=__spreadArray([s],r.adoptedStyleSheets,true)}else{var c=r.querySelector("style");if(c){c.innerHTML=a+c.innerHTML}else{r.prepend(u)}}}else{r.append(u)}}if(e.i&1&&r.nodeName!=="HEAD"){r.insertBefore(u,null)}}if(e.i&4){u.innerHTML+=k}if(f){f.add(i)}}}else if(!r.adoptedStyleSheets.includes(a)){r.adoptedStyleSheets=__spreadArray(__spreadArray([],r.adoptedStyleSheets,true),[a],false)}}return i};var $r=function(r){var e=r.u;var n=r.$hostElement$;var t=e.i;var i=Z("attachStyles",e.m);var a=yr(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);if(t&10&&t&2){n["s-sc"]=a;n.classList.add(a+"-h");if(t&2){n.classList.add(a+"-s")}}i()};var wr=function(r,e){return"sc-"+r.m};var br=function(r,e,n,t,i,a){if(n!==t){var f=s(r,e);var u=e.toLowerCase();if(e==="class"){var o=r.classList;var l=_r(n);var v=_r(t);o.remove.apply(o,l.filter((function(r){return r&&!v.includes(r)})));o.add.apply(o,v.filter((function(r){return r&&!l.includes(r)})))}else if(e==="style"){{for(var c in n){if(!t||t[c]==null){if(c.includes("-")){r.style.removeProperty(c)}else{r.style[c]=""}}}}for(var c in t){if(!n||t[c]!==n[c]){if(c.includes("-")){r.style.setProperty(c,t[c])}else{r.style[c]=t[c]}}}}else if(e==="key");else if(e==="ref"){if(t){t(r)}}else if(!f&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(s(A,u)){e=u.slice(2)}else{e=u[2]+e.slice(3)}if(n||t){var d=e.endsWith(Sr);e=e.replace(kr,"");if(n){C.rel(r,e,n,d)}if(t){C.ael(r,e,t,d)}}}else{var h=G(t);if((f||h&&t!==null)&&!i){try{if(!r.tagName.includes("-")){var p=t==null?"":t;if(e==="list"){f=false}else if(n==null||r[e]!=p){if(typeof r.__lookupSetter__(e)==="function"){r[e]=p}else{r.setAttribute(e,p)}}}else{r[e]=t}}catch(r){}}var m=false;{if(u!==(u=u.replace(/^xlink\:?/,""))){e=u;m=true}}if(t==null||t===false){if(t!==false||r.getAttribute(e)===""){if(m){r.removeAttributeNS(x,e)}else{r.removeAttribute(e)}}}else if((!f||a&4||i)&&!h){t=t===true?"":t;if(m){r.setAttributeNS(x,e,t)}else{r.setAttribute(e,t)}}}}};var gr=/\s/;var _r=function(r){return!r?[]:r.split(gr)};var Sr="Capture";var kr=new RegExp(Sr+"$");var xr=function(r,e,n){var t=e.T.nodeType===11&&e.T.host?e.T.host:e.T;var i=r&&r.k||I;var a=e.k||I;{for(var f=0,u=Ar(Object.keys(i));f<u.length;f++){var o=u[f];if(!(o in a)){br(t,o,i[o],void 0,n,e.i)}}}for(var l=0,v=Ar(Object.keys(a));l<v.length;l++){var o=v[l];br(t,o,i[o],a[o],n,e.i)}};function Ar(r){return r.includes("ref")?__spreadArray(__spreadArray([],r.filter((function(r){return r!=="ref"})),true),["ref"],false):r}var jr;var Cr;var Or;var Tr=false;var Er=false;var Dr=false;var Rr=false;var Lr=function(r,e,n,t){var a;var f=e.A[n];var u=0;var o;var l;var v;if(!Tr){Dr=true;if(f.O==="slot"){if(jr){t.classList.add(jr+"-s")}f.i|=f.A?2:1}}if(f.S!==null){o=f.T=j.createTextNode(f.S)}else if(f.i&1){o=f.T=j.createTextNode("")}else{if(!Rr){Rr=f.O==="svg"}o=f.T=j.createElementNS(Rr?H:B,!Tr&&i.slotRelocation&&f.i&2?"slot-fb":f.O);if(Rr&&f.O==="foreignObject"){Rr=false}{xr(null,f,Rr)}var s=o.getRootNode();var c=!s.querySelector("body");if(!c&&i.scoped&&z(jr)&&o["s-si"]!==jr){o.classList.add(o["s-si"]=jr)}{Xr(o,t)}if(f.A){for(u=0;u<f.A.length;++u){l=Lr(r,f,u,o);if(l){o.appendChild(l)}}}{if(f.O==="svg"){Rr=false}else if(o.tagName==="foreignObject"){Rr=true}}}o["s-hn"]=Or;{if(f.i&(2|1)){o["s-sr"]=true;o["s-cr"]=Cr;o["s-sn"]=f.C||"";o["s-rf"]=(a=f.k)==null?void 0:a.ref;v=r&&r.A&&r.A[n];if(v&&v.O===f.O&&r.T){{Mr(r.T,false)}}}}return o};var Mr=function(r,e){C.i|=1;var n=Array.from(r.childNodes);if(r["s-sr"]&&i.experimentalSlotFixes){var t=r;while(t=t.nextSibling){if(t&&t["s-sn"]===r["s-sn"]&&t["s-sh"]===Or){n.push(t)}}}for(var a=n.length-1;a>=0;a--){var f=n[a];if(f["s-hn"]!==Or&&f["s-ol"]){Kr(Ir(f),f,Wr(f));f["s-ol"].remove();f["s-ol"]=void 0;f["s-sh"]=void 0;Dr=true}if(e){Mr(f,e)}}C.i&=~1};var Fr=function(r,e,n,t,i,a){var f=r["s-cr"]&&r["s-cr"].parentNode||r;var u;if(f.shadowRoot&&f.tagName===Or){f=f.shadowRoot}for(;i<=a;++i){if(t[i]){u=Lr(null,n,i,r);if(u){t[i].T=u;Kr(f,u,Wr(e))}}}};var Pr=function(r,e,n){for(var t=e;t<=n;++t){var i=r[t];if(i){var a=i.T;qr(i);if(a){{Er=true;if(a["s-ol"]){a["s-ol"].remove()}else{Mr(a,true)}}a.remove()}}}};var Nr=function(r,e,n,t,i){if(i===void 0){i=false}var a=0;var f=0;var u=0;var o=0;var l=e.length-1;var v=e[0];var s=e[l];var c=t.length-1;var d=t[0];var h=t[c];var p;var m;while(a<=l&&f<=c){if(v==null){v=e[++a]}else if(s==null){s=e[--l]}else if(d==null){d=t[++f]}else if(h==null){h=t[--c]}else if(Ur(v,d,i)){Hr(v,d,i);v=e[++a];d=t[++f]}else if(Ur(s,h,i)){Hr(s,h,i);s=e[--l];h=t[--c]}else if(Ur(v,h,i)){if(v.O==="slot"||h.O==="slot"){Mr(v.T.parentNode,false)}Hr(v,h,i);Kr(r,v.T,s.T.nextSibling);v=e[++a];h=t[--c]}else if(Ur(s,d,i)){if(v.O==="slot"||h.O==="slot"){Mr(s.T.parentNode,false)}Hr(s,d,i);Kr(r,s.T,v.T);s=e[--l];d=t[++f]}else{u=-1;{for(o=a;o<=l;++o){if(e[o]&&e[o].j!==null&&e[o].j===d.j){u=o;break}}}if(u>=0){m=e[u];if(m.O!==d.O){p=Lr(e&&e[f],n,u,r)}else{Hr(m,d,i);e[u]=void 0;p=m.T}d=t[++f]}else{p=Lr(e&&e[f],n,f,r);d=t[++f]}if(p){{Kr(Ir(v.T),p,Wr(v.T))}}}}if(a>l){Fr(r,t[c+1]==null?null:t[c+1].T,n,t,f,c)}else if(f>c){Pr(e,a,l)}};var Ur=function(r,e,n){if(n===void 0){n=false}if(r.O===e.O){if(r.O==="slot"){if("M"in r&&n&&r.T.nodeType!==8){return false}return r.C===e.C}if(!n){return r.j===e.j}return true}return false};var Wr=function(r){return r&&r["s-ol"]||r};var Ir=function(r){return(r["s-ol"]?r["s-ol"]:r).parentNode};var Hr=function(r,e,n){if(n===void 0){n=false}var t=e.T=r.T;var a=r.A;var f=e.A;var u=e.O;var o=e.S;var l;if(o===null){{Rr=u==="svg"?true:u==="foreignObject"?false:Rr}{if(u==="slot"&&!Tr);else{xr(r,e,Rr)}}if(a!==null&&f!==null){Nr(t,a,e,f,n)}else if(f!==null){if(r.S!==null){t.textContent=""}Fr(t,null,e,f,0,f.length-1)}else if(!n&&i.updatable&&a!==null){Pr(a,0,a.length-1)}if(Rr&&u==="svg"){Rr=false}}else if(l=t["s-cr"]){l.parentNode.textContent=o}else if(r.S!==o){t.data=o}};var Br=function(r){var e=r.childNodes;for(var n=0,t=e;n<t.length;n++){var i=t[n];if(i.nodeType===1){if(i["s-sr"]){var a=i["s-sn"];i.hidden=false;for(var f=0,u=e;f<u.length;f++){var o=u[f];if(o!==i){if(o["s-hn"]!==i["s-hn"]||a!==""){if(o.nodeType===1&&(a===o.getAttribute("slot")||a===o["s-sn"])||o.nodeType===3&&a===o["s-sn"]){i.hidden=true;break}}else{if(o.nodeType===1||o.nodeType===3&&o.textContent.trim()!==""){i.hidden=true;break}}}}}Br(i)}}};var zr=[];var Gr=function(r){var e;var n;var t;for(var a=0,f=r.childNodes;a<f.length;a++){var u=f[a];if(u["s-sr"]&&(e=u["s-cr"])&&e.parentNode){n=e.parentNode.childNodes;var o=u["s-sn"];var l=function(){e=n[t];if(!e["s-cn"]&&!e["s-nr"]&&e["s-hn"]!==u["s-hn"]&&!i.experimentalSlotFixes){if(Qr(e,o)){var r=zr.find((function(r){return r.U===e}));Er=true;e["s-sn"]=e["s-sn"]||o;if(r){r.U["s-sh"]=u["s-hn"];r.W=u}else{e["s-sh"]=u["s-hn"];zr.push({W:u,U:e})}if(e["s-sr"]){zr.map((function(n){if(Qr(n.U,e["s-sn"])){r=zr.find((function(r){return r.U===e}));if(r&&!n.W){n.W=r.W}}}))}}else if(!zr.some((function(r){return r.U===e}))){zr.push({U:e})}}};for(t=n.length-1;t>=0;t--){l()}}if(u.nodeType===1){Gr(u)}}};var Qr=function(r,e){if(r.nodeType===1){if(r.getAttribute("slot")===null&&e===""){return true}if(r.getAttribute("slot")===e){return true}return false}if(r["s-sn"]===e){return true}return e===""};var qr=function(r){{r.k&&r.k.ref&&r.k.ref(null);r.A&&r.A.map(qr)}};var Kr=function(r,e,n){var t=r==null?void 0:r.insertBefore(e,n);{Xr(e,r)}return t};var Vr=function(r){var e=[];if(r){e.push.apply(e,__spreadArray(__spreadArray(__spreadArray([],r["s-scs"]||[],false),[r["s-si"],r["s-sc"]],false),Vr(r.parentElement),false))}return e};var Xr=function(r,e,n){if(n===void 0){n=false}var t;if(r&&e&&r.nodeType===1){var i=new Set(Vr(e).filter(Boolean));if(i.size){(t=r.classList)==null?void 0:t.add.apply(t,r["s-scs"]=__spreadArray([],i,true));if(r["s-ol"]||n){for(var a=0,f=Array.from(r.childNodes);a<f.length;a++){var u=f[a];Xr(u,r,true)}}}}};var Jr=function(r,e,n){if(n===void 0){n=false}var t,i,a,f;var u=r.$hostElement$;var o=r.u;var l=r.D||nr(null,null);var v=ir(e)?e:er(null,null,e);Or=u.tagName;if(o.I){v.k=v.k||{};o.I.map((function(r){var e=r[0],n=r[1];return v.k[n]=u[e]}))}if(n&&v.k){for(var s=0,c=Object.keys(v.k);s<c.length;s++){var d=c[s];if(u.hasAttribute(d)&&!["key","ref","style","class"].includes(d)){v.k[d]=u[d]}}}v.O=null;v.i|=4;r.D=v;v.T=l.T=u.shadowRoot||u;{jr=u["s-sc"]}Tr=(o.i&1)!==0;{Cr=u["s-cr"];Er=false}Hr(l,v,n);{C.i|=1;if(Dr){Gr(v.T);for(var h=0,p=zr;h<p.length;h++){var m=p[h];var y=m.U;if(!y["s-ol"]){var $=j.createTextNode("");$["s-nr"]=y;Kr(y.parentNode,y["s-ol"]=$,y)}}for(var w=0,b=zr;w<b.length;w++){var m=b[w];var y=m.U;var g=m.W;if(g){var _=g.parentNode;var S=g.nextSibling;{var $=(t=y["s-ol"])==null?void 0:t.previousSibling;while($){var k=(i=$["s-nr"])!=null?i:null;if(k&&k["s-sn"]===y["s-sn"]&&_===k.parentNode){k=k.nextSibling;while(k===y||(k==null?void 0:k["s-sr"])){k=k==null?void 0:k.nextSibling}if(!k||!k["s-nr"]){S=k;break}}$=$.previousSibling}}if(!S&&_!==y.parentNode||y.nextSibling!==S){if(y!==S){if(!y["s-hn"]&&y["s-ol"]){y["s-hn"]=y["s-ol"].parentNode.nodeName}Kr(_,y,S);if(y.nodeType===1){y.hidden=(a=y["s-ih"])!=null?a:false}}}y&&typeof g["s-rf"]==="function"&&g["s-rf"](y)}else{if(y.nodeType===1){if(n){y["s-ih"]=(f=y.hidden)!=null?f:false}y.hidden=true}}}}if(Er){Br(v.T)}C.i&=~1;zr.length=0}Cr=void 0};var Yr=function(r,e){if(e&&!r.H&&e["s-p"]){e["s-p"].push(new Promise((function(e){return r.H=e})))}};var Zr=function(r,e){{r.i|=16}if(r.i&4){r.i|=512;return}Yr(r,r.B);var n=function(){return re(r,e)};return W(n)};var re=function(r,e){var n=r.$hostElement$;var t=Z("scheduleUpdate",r.u.m);var i=r.t;if(!i){throw new Error("Can't render component <".concat(n.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"))}var a;if(e){{r.i|=256;if(r.G){r.G.map((function(r){var e=r[0],n=r[1];return ue(i,e,n)}));r.G=void 0}}{a=ue(i,"componentWillLoad")}}{a=ee(a,(function(){return ue(i,"componentWillRender")}))}t();return ee(a,(function(){return te(r,i,e)}))};var ee=function(r,e){return ne(r)?r.then(e).catch((function(r){console.error(r);e()})):e()};var ne=function(r){return r instanceof Promise||r&&r.then&&typeof r.then==="function"};var te=function(r,e,t){return __awaiter(n,void 0,void 0,(function(){var n,i,a,f,u,o,l;return __generator(this,(function(v){i=r.$hostElement$;a=Z("update",r.u.m);f=i["s-rc"];if(t){$r(r)}u=Z("render",r.u.m);{ie(r,e,i,t)}if(f){f.map((function(r){return r()}));i["s-rc"]=void 0}u();a();{o=(n=i["s-p"])!=null?n:[];l=function(){return ae(r)};if(o.length===0){l()}else{Promise.all(o).then(l);r.i|=4;o.length=0}}return[2]}))}))};var ie=function(r,e,n,t){try{e=e.render();{r.i&=~16}{r.i|=2}{{{Jr(r,e,t)}}}}catch(e){c(e,r.$hostElement$)}return null};var ae=function(r){var e=r.u.m;var n=r.$hostElement$;var t=Z("postUpdate",e);var i=r.t;var a=r.B;{ue(i,"componentDidRender")}if(!(r.i&64)){r.i|=64;{oe(n)}{ue(i,"componentDidLoad")}t();{r.p(n);if(!a){fe()}}}else{{ue(i,"componentDidUpdate")}t()}{r.v(n)}{if(r.H){r.H();r.H=void 0}if(r.i&512){U((function(){return Zr(r,false)}))}r.i&=~(4|512)}};var fe=function(r){{oe(j.documentElement)}U((function(){return hr(A,"appload",{detail:{namespace:t}})}))};var ue=function(r,e,n){if(r&&r[e]){try{return r[e](n)}catch(r){c(r)}}return void 0};var oe=function(r){var e;return r.classList.add((e=i.hydratedSelectorName)!=null?e:"hydrated")};var le=function(r,e){return o(r).o.get(e)};var ve=function(r,e,n,t){var i=o(r);if(!i){throw new Error("Couldn't find host element for \"".concat(t.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).'))}var a=i.$hostElement$;var f=i.o.get(e);var u=i.i;var l=i.t;n=sr(n,t.q[e][0]);var v=Number.isNaN(f)&&Number.isNaN(n);var s=n!==f&&!v;if((!(u&8)||f===void 0)&&s){i.o.set(e,n);if(l){if(t.K&&u&128){var d=t.K[e];if(d){d.map((function(r){try{l[r](n,f,e)}catch(r){c(r,a)}}))}}if((u&(2|16))===2){Zr(i,false)}}}};var se=function(r,e,n){var t,i;var a=r.prototype;if(e.q||(e.K||r.watchers)){if(r.watchers&&!e.K){e.K=r.watchers}var f=Object.entries((t=e.q)!=null?t:{});f.map((function(r){var t=r[0],i=r[1][0];if(i&31||n&2&&i&32){Object.defineProperty(a,t,{get:function(){return le(this,t)},set:function(r){ve(this,t,r,e)},configurable:true,enumerable:true})}else if(n&1&&i&64){Object.defineProperty(a,t,{value:function(){var r=[];for(var e=0;e<arguments.length;e++){r[e]=arguments[e]}var n;var i=o(this);return(n=i==null?void 0:i.l)==null?void 0:n.then((function(){var e;return(e=i.t)==null?void 0:e[t].apply(e,r)}))}})}}));if(n&1){var u=new Map;a.attributeChangedCallback=function(r,n,t){var i=this;C.jmp((function(){var f;var l=u.get(r);if(i.hasOwnProperty(l)){t=i[l];delete i[l]}else if(a.hasOwnProperty(l)&&typeof i[l]==="number"&&i[l]==t){return}else if(l==null){var v=o(i);var s=v==null?void 0:v.i;if(s&&!(s&8)&&s&128&&t!==n){var c=v.t;var d=(f=e.K)==null?void 0:f[r];d==null?void 0:d.forEach((function(e){if(c[e]!=null){c[e].call(c,t,n,r)}}))}return}i[l]=t===null&&typeof i[l]==="boolean"?false:t}))};r.observedAttributes=Array.from(new Set(__spreadArray(__spreadArray([],Object.keys((i=e.K)!=null?i:{}),true),f.filter((function(r){var e=r[0],n=r[1];return n[0]&15})).map((function(r){var n=r[0],t=r[1];var i;var a=t[1]||n;u.set(a,n);if(t[0]&512){(i=e.I)==null?void 0:i.push([n,a])}return a})),true)))}}return r};var ce=function(r,e,t,i){return __awaiter(n,void 0,void 0,(function(){var n,i,a,f,u,o,l,v,s,d,m;return __generator(this,(function(y){switch(y.label){case 0:if(!((e.i&32)===0))return[3,6];e.i|=32;i=t.$;if(!i)return[3,4];a=h(t);if(!(a&&"then"in a))return[3,2];f=rr();return[4,a];case 1:n=y.sent();f();return[3,3];case 2:n=a;y.label=3;case 3:if(!n){throw new Error('Constructor for "'.concat(t.m,"#").concat(e.V,'" was not found'))}if(!n.isProxied){{t.K=n.watchers}se(n,t,2);n.isProxied=true}u=Z("createInstance",t.m);{e.i|=8}try{new n(e)}catch(r){c(r)}{e.i&=~8}{e.i|=128}u();de(e.t);return[3,5];case 4:n=r.constructor;o=r.localName;customElements.whenDefined(o).then((function(){return e.i|=128}));y.label=5;case 5:if(n&&n.style){l=void 0;if(typeof n.style==="string"){l=n.style}v=wr(t);if(!p.has(v)){s=Z("registerStyles",t.m);mr(v,l,!!(t.i&1));s()}}y.label=6;case 6:d=e.B;m=function(){return Zr(e,true)};if(d&&d["s-rc"]){d["s-rc"].push(m)}else{m()}return[2]}}))}))};var de=function(r){{ue(r,"connectedCallback")}};var he=function(r){if((C.i&1)===0){var e=o(r);var n=e.u;var t=Z("connectedCallback",n.m);if(!(e.i&1)){e.i|=1;var i=void 0;{i=r.getAttribute(b);if(i){if(n.i&1){var a=yr(r.shadowRoot,n);r.classList.remove(a+"-h",a+"-s")}or(r,n.m,i,e)}}if(!i){if(n.i&(4|8)){pe(r)}}{var f=r;while(f=f.parentNode||f.host){if(f.nodeType===1&&f.hasAttribute("s-id")&&f["s-p"]||f["s-p"]){Yr(e,e.B=f);break}}}if(n.q){Object.entries(n.q).map((function(e){var n=e[0],t=e[1][0];if(t&31&&r.hasOwnProperty(n)){var i=r[n];delete r[n];r[n]=i}}))}{ce(r,e,n)}}else{we(r,e,n.X);if(e==null?void 0:e.t){de(e.t)}else if(e==null?void 0:e.h){e.h.then((function(){return de(e.t)}))}}t()}};var pe=function(r){var e=r["s-cr"]=j.createComment("");e["s-cn"]=true;Kr(r,e,r.firstChild)};var me=function(r){{ue(r,"disconnectedCallback")}};var ye=function(r){return __awaiter(n,void 0,void 0,(function(){var e;return __generator(this,(function(n){if((C.i&1)===0){e=o(r);{if(e.J){e.J.map((function(r){return r()}));e.J=void 0}}if(e==null?void 0:e.t){me(e.t)}else if(e==null?void 0:e.h){e.h.then((function(){return me(e.t)}))}}return[2]}))}))};var $e=r("b",(function(r,e){if(e===void 0){e={}}var n;var t=Z();var i=[];var a=e.exclude||[];var f=A.customElements;var u=j.head;var l=u.querySelector("meta[charset]");var s=j.createElement("style");var c=[];var d;var h=true;Object.assign(C,e);C._=new URL(e.resourcesUrl||"./",j.baseURI).href;{C.i|=2}var p=false;r.map((function(r){r[1].map((function(e){var n;var t={i:e[0],m:e[1],q:e[2],X:e[3]};if(t.i&4){p=true}{t.q=e[2]}{t.X=e[3]}{t.I=[]}{t.K=(n=e[4])!=null?n:{}}var u=t.m;var l=function(r){__extends(e,r);function e(e){var n=r.call(this,e)||this;n.hasRegisteredEventListeners=false;e=n;v(e,t);if(t.i&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 ".concat(t.m,"! Mode is set to ").concat(e.shadowRoot.mode," but Stencil only supports open shadow roots."))}}}}return n}e.prototype.connectedCallback=function(){var r=this;var e=o(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;we(this,e,t.X)}if(d){clearTimeout(d);d=null}if(h){c.push(this)}else{C.jmp((function(){return he(r)}))}};e.prototype.disconnectedCallback=function(){var r=this;C.jmp((function(){return ye(r)}))};e.prototype.componentOnReady=function(){return o(this).h};return e}(HTMLElement);t.$=r[0];if(!a.includes(u)&&!f.get(u)){i.push(u);f.define(u,se(l,t,1))}}))}));if(i.length>0){if(p){s.textContent+=k}{s.textContent+=i.sort()+S}if(s.innerHTML.length){s.setAttribute("data-styles","");var m=(n=C.N)!=null?n:Q(j);if(m!=null){s.setAttribute("nonce",m)}u.insertBefore(s,l?l.nextSibling:u.firstChild)}}h=false;if(c.length){c.map((function(r){return r.connectedCallback()}))}else{{C.jmp((function(){return d=setTimeout(fe,30)}))}}t()}));var we=function(r,e,n,t){if(n){n.map((function(n){var t=n[0],i=n[1],a=n[2];var f=ge(r,t);var u=be(e,a);var o=_e(t);C.ael(f,i,u,o);(e.J=e.J||[]).push((function(){return C.rel(f,i,u,o)}))}))}};var be=function(r,e){return function(n){var t;try{{if(r.i&256){(t=r.t)==null?void 0:t[e](n)}else{(r.G=r.G||[]).push([e,n])}}}catch(r){c(r)}}};var ge=function(r,e){if(e&16)return j.body;return r};var _e=function(r){return T?{passive:(r&1)!==0,capture:(r&2)!==0}:(r&2)!==0};var Se=r("s",(function(r){return C.N=r}))}}}));
-//# sourceMappingURL=p-4c0c0b2d.system.js.map
+var __extends=this&&this.__extends||function(){var r=function(e,n){r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(r,e){r.__proto__=e}||function(r,e){for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n))r[n]=e[n]};return r(e,n)};return function(e,n){if(typeof n!=="function"&&n!==null)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");r(e,n);function t(){this.constructor=e}e.prototype=n===null?Object.create(n):(t.prototype=n.prototype,new t)}}();var __assign=this&&this.__assign||function(){__assign=Object.assign||function(r){for(var e,n=1,t=arguments.length;n<t;n++){e=arguments[n];for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i))r[i]=e[i]}return r};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(r,e,n,t){function i(r){return r instanceof n?r:new n((function(e){e(r)}))}return new(n||(n=Promise))((function(n,a){function f(r){try{o(t.next(r))}catch(r){a(r)}}function u(r){try{o(t["throw"](r))}catch(r){a(r)}}function o(r){r.done?n(r.value):i(r.value).then(f,u)}o((t=t.apply(r,e||[])).next())}))};var __generator=this&&this.__generator||function(r,e){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},t,i,a,f;return f={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(f[Symbol.iterator]=function(){return this}),f;function u(r){return function(e){return o([r,e])}}function o(u){if(t)throw new TypeError("Generator is already executing.");while(f&&(f=0,u[0]&&(n=0)),n)try{if(t=1,i&&(a=u[0]&2?i["return"]:u[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,u[1])).done)return a;if(i=0,a)u=[u[0]&2,a.value];switch(u[0]){case 0:case 1:a=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;i=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!a||u[1]>a[0]&&u[1]<a[3])){n.label=u[1];break}if(u[0]===6&&n.label<a[1]){n.label=a[1];a=u;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(u);break}if(a[2])n.ops.pop();n.trys.pop();continue}u=e.call(r,n)}catch(r){u=[6,r];i=0}finally{t=a=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(r,e,n){if(n||arguments.length===2)for(var t=0,i=e.length,a;t<i;t++){if(a||!(t in e)){if(!a)a=Array.prototype.slice.call(e,0,t);a[t]=e[t]}}return r.concat(a||Array.prototype.slice.call(e))};System.register([],(function(r,e){"use strict";return{execute:function(){var n=this;var t="pine-core";var i={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 a=Object.defineProperty;var f=function(r,e){for(var n in e)a(r,n,{get:e[n],enumerable:true})};var u=new WeakMap;var o=function(r){return u.get(r)};var l=r("r",(function(r,e){return u.set(e.t=r,e)}));var v=function(r,e){var n={i:0,$hostElement$:r,u:e,o:new Map};{n.l=new Promise((function(r){return n.v=r}))}{n.h=new Promise((function(r){return n.p=r}));r["s-p"]=[];r["s-rc"]=[]}return u.set(r,n)};var s=function(r,e){return e in r};var c=function(r,e){return(0,console.error)(r,e)};var d=new Map;var h=function(r,n,t){var i=r.m.replace(/-/g,"_");var a=r.$;if(!a){return void 0}var f=d.get(a);if(f){return f[i]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return e.import("./".concat(a,".entry.js").concat("")).then((function(r){{d.set(a,r)}return r[i]}),c)};var p=new Map;var m="r";var y="o";var $="s";var w="t";var b="s-id";var g="sty-id";var _="c-id";var S="{visibility:hidden}.hydrated{visibility:inherit}";var k="slot-fb{display:contents}slot-fb[hidden]{display:none}";var x="http://www.w3.org/1999/xlink";var A=typeof window!=="undefined"?window:{};var j=A.document||{head:{}};var C={i:0,_:"",jmp:function(r){return r()},raf:function(r){return requestAnimationFrame(r)},ael:function(r,e,n,t){return r.addEventListener(e,n,t)},rel:function(r,e,n,t){return r.removeEventListener(e,n,t)},ce:function(r,e){return new CustomEvent(r,e)}};var O=i.shadowDom;var T=function(){var r=false;try{j.addEventListener("e",null,Object.defineProperty({},"passive",{get:function(){r=true}}))}catch(r){}return r}();var E=r("p",(function(r){return Promise.resolve(r)}));var D=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(r){}return false}();var R=false;var L=[];var M=[];var F=function(r,e){return function(n){r.push(n);if(!R){R=true;if(e&&C.i&4){U(N)}else{C.raf(N)}}}};var P=function(r){for(var e=0;e<r.length;e++){try{r[e](performance.now())}catch(r){c(r)}}r.length=0};var N=function(){P(L);{P(M);if(R=L.length>0){C.raf(N)}}};var U=function(r){return E().then(r)};var W=F(M,true);var I={};var H="http://www.w3.org/2000/svg";var B="http://www.w3.org/1999/xhtml";var z=function(r){return r!=null};var G=function(r){r=typeof r;return r==="object"||r==="function"};function Q(r){var e,n,t;return(t=(n=(e=r.head)==null?void 0:e.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?t:void 0}var q={};f(q,{err:function(){return V},map:function(){return X},ok:function(){return K},unwrap:function(){return J},unwrapErr:function(){return Y}});var K=function(r){return{isOk:true,isErr:false,value:r}};var V=function(r){return{isOk:false,isErr:true,value:r}};function X(r,e){if(r.isOk){var n=e(r.value);if(n instanceof Promise){return n.then((function(r){return K(r)}))}else{return K(n)}}if(r.isErr){var t=r.value;return V(t)}throw"should never get here"}var J=function(r){if(r.isOk){return r.value}else{throw r.value}};var Y=function(r){if(r.isErr){return r.value}else{throw r.value}};var Z=function(r,e){if(e===void 0){e=""}{return function(){return}}};var rr=function(r,e){{return function(){return}}};var er=r("h",(function(r,e){var n=[];for(var t=2;t<arguments.length;t++){n[t-2]=arguments[t]}var i=null;var a=null;var f=null;var u=false;var o=false;var l=[];var v=function(e){for(var n=0;n<e.length;n++){i=e[n];if(Array.isArray(i)){v(i)}else if(i!=null&&typeof i!=="boolean"){if(u=typeof r!=="function"&&!G(i)){i=String(i)}if(u&&o){l[l.length-1].S+=i}else{l.push(u?nr(null,i):i)}o=u}}};v(n);if(e){if(e.key){a=e.key}if(e.name){f=e.name}{var s=e.className||e.class;if(s){e.class=typeof s!=="object"?s:Object.keys(s).filter((function(r){return s[r]})).join(" ")}}}if(typeof r==="function"){return r(e===null?{}:e,l,ar)}var c=nr(r,null);c.k=e;if(l.length>0){c.A=l}{c.j=a}{c.C=f}return c}));var nr=function(r,e){var n={i:0,O:r,S:e,T:null,A:null};{n.k=null}{n.j=null}{n.C=null}return n};var tr=r("H",{});var ir=function(r){return r&&r.O===tr};var ar={forEach:function(r,e){return r.map(fr).forEach(e)},map:function(r,e){return r.map(fr).map(e).map(ur)}};var fr=function(r){return{vattrs:r.k,vchildren:r.A,vkey:r.j,vname:r.C,vtag:r.O,vtext:r.S}};var ur=function(r){if(typeof r.vtag==="function"){var e=__assign({},r.vattrs);if(r.vkey){e.key=r.vkey}if(r.vname){e.name=r.vname}return er.apply(void 0,__spreadArray([r.vtag,e],r.vchildren||[],false))}var n=nr(r.vtag,r.vtext);n.k=r.vattrs;n.A=r.vchildren;n.j=r.vkey;n.C=r.vname;return n};var or=function(r,e,n,t){var i=Z("hydrateClient",e);var a=r.shadowRoot;var f=[];var u=[];var o=a?[]:null;var l=t.D=nr(e,null);if(!C.R){vr(j.body,C.R=new Map)}r[b]=n;r.removeAttribute(b);lr(l,f,u,o,r,r,n);f.map((function(r){var n=r.L+"."+r.M;var t=C.R.get(n);var i=r.T;if(t&&O&&t["s-en"]===""){t.parentNode.insertBefore(i,t.nextSibling)}if(!a){i["s-hn"]=e;if(t){i["s-ol"]=t;i["s-ol"]["s-nr"]=i}}C.R.delete(n)}));if(a){o.map((function(r){if(r){a.appendChild(r)}}))}i()};var lr=function(r,e,n,t,i,a,f){var u;var o;var l;var v;if(a.nodeType===1){u=a.getAttribute(_);if(u){o=u.split(".");if(o[0]===f||o[0]==="0"){l={i:0,L:o[0],M:o[1],F:o[2],P:o[3],O:a.tagName.toLowerCase(),T:a,k:null,A:null,j:null,C:null,S:null};e.push(l);a.removeAttribute(_);if(!r.A){r.A=[]}r.A[l.P]=l;r=l;if(t&&l.F==="0"){t[l.P]=l.T}}}if(a.shadowRoot){for(v=a.shadowRoot.childNodes.length-1;v>=0;v--){lr(r,e,n,t,i,a.shadowRoot.childNodes[v],f)}}for(v=a.childNodes.length-1;v>=0;v--){lr(r,e,n,t,i,a.childNodes[v],f)}}else if(a.nodeType===8){o=a.nodeValue.split(".");if(o[1]===f||o[1]==="0"){u=o[0];l={i:0,L:o[1],M:o[2],F:o[3],P:o[4],T:a,k:null,A:null,j:null,C:null,O:null,S:null};if(u===w){l.T=a.nextSibling;if(l.T&&l.T.nodeType===3){l.S=l.T.textContent;e.push(l);a.remove();if(!r.A){r.A=[]}r.A[l.P]=l;if(t&&l.F==="0"){t[l.P]=l.T}}}else if(l.L===f){if(u===$){l.O="slot";if(o[5]){a["s-sn"]=l.C=o[5]}else{a["s-sn"]=""}a["s-sr"]=true;if(t){l.T=j.createElement(l.O);if(l.C){l.T.setAttribute("name",l.C)}a.parentNode.insertBefore(l.T,a);a.remove();if(l.F==="0"){t[l.P]=l.T}}n.push(l);if(!r.A){r.A=[]}r.A[l.P]=l}else if(u===m){if(t){a.remove()}else{i["s-cr"]=a;a["s-cn"]=true}}}}}else if(r&&r.O==="style"){var s=nr(null,a.textContent);s.T=a;s.P="0";r.A=[s]}};var vr=function(r,e){if(r.nodeType===1){var n=0;if(r.shadowRoot){for(;n<r.shadowRoot.childNodes.length;n++){vr(r.shadowRoot.childNodes[n],e)}}for(n=0;n<r.childNodes.length;n++){vr(r.childNodes[n],e)}}else if(r.nodeType===8){var t=r.nodeValue.split(".");if(t[0]===y){e.set(t[1]+"."+t[2],r);r.nodeValue="";r["s-en"]=t[3]}}};var sr=function(r,e){if(r!=null&&!G(r)){if(e&4){return r==="false"?false:r===""||!!r}if(e&2){return parseFloat(r)}if(e&1){return String(r)}return r}return r};var cr=r("g",(function(r){return o(r).$hostElement$}));var dr=r("c",(function(r,e,n){var t=cr(r);return{emit:function(r){return hr(t,e,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:r})}}}));var hr=function(r,e,n){var t=C.ce(e,n);r.dispatchEvent(t);return t};var pr=new WeakMap;var mr=function(r,e,n){var t=p.get(r);if(D&&n){t=t||new CSSStyleSheet;if(typeof t==="string"){t=e}else{t.replaceSync(e)}}else{t=e}p.set(r,t)};var yr=function(r,e,n){var t;var i=wr(e);var a=p.get(i);r=r.nodeType===11?r:j;if(a){if(typeof a==="string"){r=r.head||r;var f=pr.get(r);var u=void 0;if(!f){pr.set(r,f=new Set)}if(!f.has(i)){if(r.host&&(u=r.querySelector("[".concat(g,'="').concat(i,'"]')))){u.innerHTML=a}else{u=j.createElement("style");u.innerHTML=a;var o=(t=C.N)!=null?t:Q(j);if(o!=null){u.setAttribute("nonce",o)}if(!(e.i&1)){if(r.nodeName==="HEAD"){var l=r.querySelectorAll("link[rel=preconnect]");var v=l.length>0?l[l.length-1].nextSibling:r.querySelector("style");r.insertBefore(u,v)}else if("host"in r){if(D){var s=new CSSStyleSheet;s.replaceSync(a);r.adoptedStyleSheets=__spreadArray([s],r.adoptedStyleSheets,true)}else{var c=r.querySelector("style");if(c){c.innerHTML=a+c.innerHTML}else{r.prepend(u)}}}else{r.append(u)}}if(e.i&1&&r.nodeName!=="HEAD"){r.insertBefore(u,null)}}if(e.i&4){u.innerHTML+=k}if(f){f.add(i)}}}else if(!r.adoptedStyleSheets.includes(a)){r.adoptedStyleSheets=__spreadArray(__spreadArray([],r.adoptedStyleSheets,true),[a],false)}}return i};var $r=function(r){var e=r.u;var n=r.$hostElement$;var t=e.i;var i=Z("attachStyles",e.m);var a=yr(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);if(t&10&&t&2){n["s-sc"]=a;n.classList.add(a+"-h");if(t&2){n.classList.add(a+"-s")}}i()};var wr=function(r,e){return"sc-"+r.m};var br=function(r,e,n,t,i,a){if(n!==t){var f=s(r,e);var u=e.toLowerCase();if(e==="class"){var o=r.classList;var l=_r(n);var v=_r(t);o.remove.apply(o,l.filter((function(r){return r&&!v.includes(r)})));o.add.apply(o,v.filter((function(r){return r&&!l.includes(r)})))}else if(e==="style"){{for(var c in n){if(!t||t[c]==null){if(c.includes("-")){r.style.removeProperty(c)}else{r.style[c]=""}}}}for(var c in t){if(!n||t[c]!==n[c]){if(c.includes("-")){r.style.setProperty(c,t[c])}else{r.style[c]=t[c]}}}}else if(e==="key");else if(e==="ref"){if(t){t(r)}}else if(!f&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(s(A,u)){e=u.slice(2)}else{e=u[2]+e.slice(3)}if(n||t){var d=e.endsWith(Sr);e=e.replace(kr,"");if(n){C.rel(r,e,n,d)}if(t){C.ael(r,e,t,d)}}}else{var h=G(t);if((f||h&&t!==null)&&!i){try{if(!r.tagName.includes("-")){var p=t==null?"":t;if(e==="list"){f=false}else if(n==null||r[e]!=p){if(typeof r.__lookupSetter__(e)==="function"){r[e]=p}else{r.setAttribute(e,p)}}}else{r[e]=t}}catch(r){}}var m=false;{if(u!==(u=u.replace(/^xlink\:?/,""))){e=u;m=true}}if(t==null||t===false){if(t!==false||r.getAttribute(e)===""){if(m){r.removeAttributeNS(x,e)}else{r.removeAttribute(e)}}}else if((!f||a&4||i)&&!h){t=t===true?"":t;if(m){r.setAttributeNS(x,e,t)}else{r.setAttribute(e,t)}}}}};var gr=/\s/;var _r=function(r){return!r?[]:r.split(gr)};var Sr="Capture";var kr=new RegExp(Sr+"$");var xr=function(r,e,n){var t=e.T.nodeType===11&&e.T.host?e.T.host:e.T;var i=r&&r.k||I;var a=e.k||I;{for(var f=0,u=Ar(Object.keys(i));f<u.length;f++){var o=u[f];if(!(o in a)){br(t,o,i[o],void 0,n,e.i)}}}for(var l=0,v=Ar(Object.keys(a));l<v.length;l++){var o=v[l];br(t,o,i[o],a[o],n,e.i)}};function Ar(r){return r.includes("ref")?__spreadArray(__spreadArray([],r.filter((function(r){return r!=="ref"})),true),["ref"],false):r}var jr;var Cr;var Or;var Tr=false;var Er=false;var Dr=false;var Rr=false;var Lr=function(r,e,n,t){var a;var f=e.A[n];var u=0;var o;var l;var v;if(!Tr){Dr=true;if(f.O==="slot"){if(jr){t.classList.add(jr+"-s")}f.i|=f.A?2:1}}if(f.S!==null){o=f.T=j.createTextNode(f.S)}else if(f.i&1){o=f.T=j.createTextNode("")}else{if(!Rr){Rr=f.O==="svg"}o=f.T=j.createElementNS(Rr?H:B,!Tr&&i.slotRelocation&&f.i&2?"slot-fb":f.O);if(Rr&&f.O==="foreignObject"){Rr=false}{xr(null,f,Rr)}var s=o.getRootNode();var c=!s.querySelector("body");if(!c&&i.scoped&&z(jr)&&o["s-si"]!==jr){o.classList.add(o["s-si"]=jr)}{Xr(o,t)}if(f.A){for(u=0;u<f.A.length;++u){l=Lr(r,f,u,o);if(l){o.appendChild(l)}}}{if(f.O==="svg"){Rr=false}else if(o.tagName==="foreignObject"){Rr=true}}}o["s-hn"]=Or;{if(f.i&(2|1)){o["s-sr"]=true;o["s-cr"]=Cr;o["s-sn"]=f.C||"";o["s-rf"]=(a=f.k)==null?void 0:a.ref;v=r&&r.A&&r.A[n];if(v&&v.O===f.O&&r.T){{Mr(r.T,false)}}}}return o};var Mr=function(r,e){C.i|=1;var n=Array.from(r.childNodes);if(r["s-sr"]&&i.experimentalSlotFixes){var t=r;while(t=t.nextSibling){if(t&&t["s-sn"]===r["s-sn"]&&t["s-sh"]===Or){n.push(t)}}}for(var a=n.length-1;a>=0;a--){var f=n[a];if(f["s-hn"]!==Or&&f["s-ol"]){Kr(Ir(f),f,Wr(f));f["s-ol"].remove();f["s-ol"]=void 0;f["s-sh"]=void 0;Dr=true}if(e){Mr(f,e)}}C.i&=~1};var Fr=function(r,e,n,t,i,a){var f=r["s-cr"]&&r["s-cr"].parentNode||r;var u;if(f.shadowRoot&&f.tagName===Or){f=f.shadowRoot}for(;i<=a;++i){if(t[i]){u=Lr(null,n,i,r);if(u){t[i].T=u;Kr(f,u,Wr(e))}}}};var Pr=function(r,e,n){for(var t=e;t<=n;++t){var i=r[t];if(i){var a=i.T;qr(i);if(a){{Er=true;if(a["s-ol"]){a["s-ol"].remove()}else{Mr(a,true)}}a.remove()}}}};var Nr=function(r,e,n,t,i){if(i===void 0){i=false}var a=0;var f=0;var u=0;var o=0;var l=e.length-1;var v=e[0];var s=e[l];var c=t.length-1;var d=t[0];var h=t[c];var p;var m;while(a<=l&&f<=c){if(v==null){v=e[++a]}else if(s==null){s=e[--l]}else if(d==null){d=t[++f]}else if(h==null){h=t[--c]}else if(Ur(v,d,i)){Hr(v,d,i);v=e[++a];d=t[++f]}else if(Ur(s,h,i)){Hr(s,h,i);s=e[--l];h=t[--c]}else if(Ur(v,h,i)){if(v.O==="slot"||h.O==="slot"){Mr(v.T.parentNode,false)}Hr(v,h,i);Kr(r,v.T,s.T.nextSibling);v=e[++a];h=t[--c]}else if(Ur(s,d,i)){if(v.O==="slot"||h.O==="slot"){Mr(s.T.parentNode,false)}Hr(s,d,i);Kr(r,s.T,v.T);s=e[--l];d=t[++f]}else{u=-1;{for(o=a;o<=l;++o){if(e[o]&&e[o].j!==null&&e[o].j===d.j){u=o;break}}}if(u>=0){m=e[u];if(m.O!==d.O){p=Lr(e&&e[f],n,u,r)}else{Hr(m,d,i);e[u]=void 0;p=m.T}d=t[++f]}else{p=Lr(e&&e[f],n,f,r);d=t[++f]}if(p){{Kr(Ir(v.T),p,Wr(v.T))}}}}if(a>l){Fr(r,t[c+1]==null?null:t[c+1].T,n,t,f,c)}else if(f>c){Pr(e,a,l)}};var Ur=function(r,e,n){if(n===void 0){n=false}if(r.O===e.O){if(r.O==="slot"){if("M"in r&&n&&r.T.nodeType!==8){return false}return r.C===e.C}if(!n){return r.j===e.j}return true}return false};var Wr=function(r){return r&&r["s-ol"]||r};var Ir=function(r){return(r["s-ol"]?r["s-ol"]:r).parentNode};var Hr=function(r,e,n){if(n===void 0){n=false}var t=e.T=r.T;var a=r.A;var f=e.A;var u=e.O;var o=e.S;var l;if(o===null){{Rr=u==="svg"?true:u==="foreignObject"?false:Rr}{if(u==="slot"&&!Tr);else{xr(r,e,Rr)}}if(a!==null&&f!==null){Nr(t,a,e,f,n)}else if(f!==null){if(r.S!==null){t.textContent=""}Fr(t,null,e,f,0,f.length-1)}else if(!n&&i.updatable&&a!==null){Pr(a,0,a.length-1)}if(Rr&&u==="svg"){Rr=false}}else if(l=t["s-cr"]){l.parentNode.textContent=o}else if(r.S!==o){t.data=o}};var Br=function(r){var e=r.childNodes;for(var n=0,t=e;n<t.length;n++){var i=t[n];if(i.nodeType===1){if(i["s-sr"]){var a=i["s-sn"];i.hidden=false;for(var f=0,u=e;f<u.length;f++){var o=u[f];if(o!==i){if(o["s-hn"]!==i["s-hn"]||a!==""){if(o.nodeType===1&&(a===o.getAttribute("slot")||a===o["s-sn"])||o.nodeType===3&&a===o["s-sn"]){i.hidden=true;break}}else{if(o.nodeType===1||o.nodeType===3&&o.textContent.trim()!==""){i.hidden=true;break}}}}}Br(i)}}};var zr=[];var Gr=function(r){var e;var n;var t;for(var a=0,f=r.childNodes;a<f.length;a++){var u=f[a];if(u["s-sr"]&&(e=u["s-cr"])&&e.parentNode){n=e.parentNode.childNodes;var o=u["s-sn"];var l=function(){e=n[t];if(!e["s-cn"]&&!e["s-nr"]&&e["s-hn"]!==u["s-hn"]&&!i.experimentalSlotFixes){if(Qr(e,o)){var r=zr.find((function(r){return r.U===e}));Er=true;e["s-sn"]=e["s-sn"]||o;if(r){r.U["s-sh"]=u["s-hn"];r.W=u}else{e["s-sh"]=u["s-hn"];zr.push({W:u,U:e})}if(e["s-sr"]){zr.map((function(n){if(Qr(n.U,e["s-sn"])){r=zr.find((function(r){return r.U===e}));if(r&&!n.W){n.W=r.W}}}))}}else if(!zr.some((function(r){return r.U===e}))){zr.push({U:e})}}};for(t=n.length-1;t>=0;t--){l()}}if(u.nodeType===1){Gr(u)}}};var Qr=function(r,e){if(r.nodeType===1){if(r.getAttribute("slot")===null&&e===""){return true}if(r.getAttribute("slot")===e){return true}return false}if(r["s-sn"]===e){return true}return e===""};var qr=function(r){{r.k&&r.k.ref&&r.k.ref(null);r.A&&r.A.map(qr)}};var Kr=function(r,e,n){var t=r==null?void 0:r.insertBefore(e,n);{Xr(e,r)}return t};var Vr=function(r){var e=[];if(r){e.push.apply(e,__spreadArray(__spreadArray(__spreadArray([],r["s-scs"]||[],false),[r["s-si"],r["s-sc"]],false),Vr(r.parentElement),false))}return e};var Xr=function(r,e,n){if(n===void 0){n=false}var t;if(r&&e&&r.nodeType===1){var i=new Set(Vr(e).filter(Boolean));if(i.size){(t=r.classList)==null?void 0:t.add.apply(t,r["s-scs"]=__spreadArray([],i,true));if(r["s-ol"]||n){for(var a=0,f=Array.from(r.childNodes);a<f.length;a++){var u=f[a];Xr(u,r,true)}}}}};var Jr=function(r,e,n){if(n===void 0){n=false}var t,i,a,f;var u=r.$hostElement$;var o=r.u;var l=r.D||nr(null,null);var v=ir(e)?e:er(null,null,e);Or=u.tagName;if(o.I){v.k=v.k||{};o.I.map((function(r){var e=r[0],n=r[1];return v.k[n]=u[e]}))}if(n&&v.k){for(var s=0,c=Object.keys(v.k);s<c.length;s++){var d=c[s];if(u.hasAttribute(d)&&!["key","ref","style","class"].includes(d)){v.k[d]=u[d]}}}v.O=null;v.i|=4;r.D=v;v.T=l.T=u.shadowRoot||u;{jr=u["s-sc"]}Tr=(o.i&1)!==0;{Cr=u["s-cr"];Er=false}Hr(l,v,n);{C.i|=1;if(Dr){Gr(v.T);for(var h=0,p=zr;h<p.length;h++){var m=p[h];var y=m.U;if(!y["s-ol"]){var $=j.createTextNode("");$["s-nr"]=y;Kr(y.parentNode,y["s-ol"]=$,y)}}for(var w=0,b=zr;w<b.length;w++){var m=b[w];var y=m.U;var g=m.W;if(g){var _=g.parentNode;var S=g.nextSibling;{var $=(t=y["s-ol"])==null?void 0:t.previousSibling;while($){var k=(i=$["s-nr"])!=null?i:null;if(k&&k["s-sn"]===y["s-sn"]&&_===k.parentNode){k=k.nextSibling;while(k===y||(k==null?void 0:k["s-sr"])){k=k==null?void 0:k.nextSibling}if(!k||!k["s-nr"]){S=k;break}}$=$.previousSibling}}if(!S&&_!==y.parentNode||y.nextSibling!==S){if(y!==S){if(!y["s-hn"]&&y["s-ol"]){y["s-hn"]=y["s-ol"].parentNode.nodeName}Kr(_,y,S);if(y.nodeType===1){y.hidden=(a=y["s-ih"])!=null?a:false}}}y&&typeof g["s-rf"]==="function"&&g["s-rf"](y)}else{if(y.nodeType===1){if(n){y["s-ih"]=(f=y.hidden)!=null?f:false}y.hidden=true}}}}if(Er){Br(v.T)}C.i&=~1;zr.length=0}Cr=void 0};var Yr=function(r,e){if(e&&!r.H&&e["s-p"]){e["s-p"].push(new Promise((function(e){return r.H=e})))}};var Zr=function(r,e){{r.i|=16}if(r.i&4){r.i|=512;return}Yr(r,r.B);var n=function(){return re(r,e)};return W(n)};var re=function(r,e){var n=r.$hostElement$;var t=Z("scheduleUpdate",r.u.m);var i=r.t;if(!i){throw new Error("Can't render component <".concat(n.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"))}var a;if(e){{r.i|=256;if(r.G){r.G.map((function(r){var e=r[0],n=r[1];return ue(i,e,n)}));r.G=void 0}}{a=ue(i,"componentWillLoad")}}{a=ee(a,(function(){return ue(i,"componentWillRender")}))}t();return ee(a,(function(){return te(r,i,e)}))};var ee=function(r,e){return ne(r)?r.then(e).catch((function(r){console.error(r);e()})):e()};var ne=function(r){return r instanceof Promise||r&&r.then&&typeof r.then==="function"};var te=function(r,e,t){return __awaiter(n,void 0,void 0,(function(){var n,i,a,f,u,o,l;return __generator(this,(function(v){i=r.$hostElement$;a=Z("update",r.u.m);f=i["s-rc"];if(t){$r(r)}u=Z("render",r.u.m);{ie(r,e,i,t)}if(f){f.map((function(r){return r()}));i["s-rc"]=void 0}u();a();{o=(n=i["s-p"])!=null?n:[];l=function(){return ae(r)};if(o.length===0){l()}else{Promise.all(o).then(l);r.i|=4;o.length=0}}return[2]}))}))};var ie=function(r,e,n,t){try{e=e.render();{r.i&=~16}{r.i|=2}{{{Jr(r,e,t)}}}}catch(e){c(e,r.$hostElement$)}return null};var ae=function(r){var e=r.u.m;var n=r.$hostElement$;var t=Z("postUpdate",e);var i=r.t;var a=r.B;{ue(i,"componentDidRender")}if(!(r.i&64)){r.i|=64;{oe(n)}{ue(i,"componentDidLoad")}t();{r.p(n);if(!a){fe()}}}else{{ue(i,"componentDidUpdate")}t()}{r.v(n)}{if(r.H){r.H();r.H=void 0}if(r.i&512){U((function(){return Zr(r,false)}))}r.i&=~(4|512)}};var fe=function(r){{oe(j.documentElement)}U((function(){return hr(A,"appload",{detail:{namespace:t}})}))};var ue=function(r,e,n){if(r&&r[e]){try{return r[e](n)}catch(r){c(r)}}return void 0};var oe=function(r){var e;return r.classList.add((e=i.hydratedSelectorName)!=null?e:"hydrated")};var le=function(r,e){return o(r).o.get(e)};var ve=function(r,e,n,t){var i=o(r);if(!i){throw new Error("Couldn't find host element for \"".concat(t.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).'))}var a=i.$hostElement$;var f=i.o.get(e);var u=i.i;var l=i.t;n=sr(n,t.q[e][0]);var v=Number.isNaN(f)&&Number.isNaN(n);var s=n!==f&&!v;if((!(u&8)||f===void 0)&&s){i.o.set(e,n);if(l){if(t.K&&u&128){var d=t.K[e];if(d){d.map((function(r){try{l[r](n,f,e)}catch(r){c(r,a)}}))}}if((u&(2|16))===2){Zr(i,false)}}}};var se=function(r,e,n){var t,i;var a=r.prototype;if(e.q||(e.K||r.watchers)){if(r.watchers&&!e.K){e.K=r.watchers}var f=Object.entries((t=e.q)!=null?t:{});f.map((function(r){var t=r[0],i=r[1][0];if(i&31||n&2&&i&32){Object.defineProperty(a,t,{get:function(){return le(this,t)},set:function(r){ve(this,t,r,e)},configurable:true,enumerable:true})}else if(n&1&&i&64){Object.defineProperty(a,t,{value:function(){var r=[];for(var e=0;e<arguments.length;e++){r[e]=arguments[e]}var n;var i=o(this);return(n=i==null?void 0:i.l)==null?void 0:n.then((function(){var e;return(e=i.t)==null?void 0:e[t].apply(e,r)}))}})}}));if(n&1){var u=new Map;a.attributeChangedCallback=function(r,n,t){var i=this;C.jmp((function(){var f;var l=u.get(r);if(i.hasOwnProperty(l)){t=i[l];delete i[l]}else if(a.hasOwnProperty(l)&&typeof i[l]==="number"&&i[l]==t){return}else if(l==null){var v=o(i);var s=v==null?void 0:v.i;if(s&&!(s&8)&&s&128&&t!==n){var c=v.t;var d=(f=e.K)==null?void 0:f[r];d==null?void 0:d.forEach((function(e){if(c[e]!=null){c[e].call(c,t,n,r)}}))}return}i[l]=t===null&&typeof i[l]==="boolean"?false:t}))};r.observedAttributes=Array.from(new Set(__spreadArray(__spreadArray([],Object.keys((i=e.K)!=null?i:{}),true),f.filter((function(r){var e=r[0],n=r[1];return n[0]&15})).map((function(r){var n=r[0],t=r[1];var i;var a=t[1]||n;u.set(a,n);if(t[0]&512){(i=e.I)==null?void 0:i.push([n,a])}return a})),true)))}}return r};var ce=function(r,e,t,i){return __awaiter(n,void 0,void 0,(function(){var n,i,a,f,u,o,l,v,s,d,m;return __generator(this,(function(y){switch(y.label){case 0:if(!((e.i&32)===0))return[3,6];e.i|=32;i=t.$;if(!i)return[3,4];a=h(t);if(!(a&&"then"in a))return[3,2];f=rr();return[4,a];case 1:n=y.sent();f();return[3,3];case 2:n=a;y.label=3;case 3:if(!n){throw new Error('Constructor for "'.concat(t.m,"#").concat(e.V,'" was not found'))}if(!n.isProxied){{t.K=n.watchers}se(n,t,2);n.isProxied=true}u=Z("createInstance",t.m);{e.i|=8}try{new n(e)}catch(r){c(r)}{e.i&=~8}{e.i|=128}u();de(e.t);return[3,5];case 4:n=r.constructor;o=r.localName;customElements.whenDefined(o).then((function(){return e.i|=128}));y.label=5;case 5:if(n&&n.style){l=void 0;if(typeof n.style==="string"){l=n.style}v=wr(t);if(!p.has(v)){s=Z("registerStyles",t.m);mr(v,l,!!(t.i&1));s()}}y.label=6;case 6:d=e.B;m=function(){return Zr(e,true)};if(d&&d["s-rc"]){d["s-rc"].push(m)}else{m()}return[2]}}))}))};var de=function(r){{ue(r,"connectedCallback")}};var he=function(r){if((C.i&1)===0){var e=o(r);var n=e.u;var t=Z("connectedCallback",n.m);if(!(e.i&1)){e.i|=1;var i=void 0;{i=r.getAttribute(b);if(i){if(n.i&1){var a=yr(r.shadowRoot,n);r.classList.remove(a+"-h",a+"-s")}or(r,n.m,i,e)}}if(!i){if(n.i&(4|8)){pe(r)}}{var f=r;while(f=f.parentNode||f.host){if(f.nodeType===1&&f.hasAttribute("s-id")&&f["s-p"]||f["s-p"]){Yr(e,e.B=f);break}}}if(n.q){Object.entries(n.q).map((function(e){var n=e[0],t=e[1][0];if(t&31&&r.hasOwnProperty(n)){var i=r[n];delete r[n];r[n]=i}}))}{ce(r,e,n)}}else{we(r,e,n.X);if(e==null?void 0:e.t){de(e.t)}else if(e==null?void 0:e.h){e.h.then((function(){return de(e.t)}))}}t()}};var pe=function(r){var e=r["s-cr"]=j.createComment("");e["s-cn"]=true;Kr(r,e,r.firstChild)};var me=function(r){{ue(r,"disconnectedCallback")}};var ye=function(r){return __awaiter(n,void 0,void 0,(function(){var e;return __generator(this,(function(n){if((C.i&1)===0){e=o(r);{if(e.J){e.J.map((function(r){return r()}));e.J=void 0}}if(e==null?void 0:e.t){me(e.t)}else if(e==null?void 0:e.h){e.h.then((function(){return me(e.t)}))}}return[2]}))}))};var $e=r("b",(function(r,e){if(e===void 0){e={}}var n;var t=Z();var i=[];var a=e.exclude||[];var f=A.customElements;var u=j.head;var l=u.querySelector("meta[charset]");var s=j.createElement("style");var c=[];var d;var h=true;Object.assign(C,e);C._=new URL(e.resourcesUrl||"./",j.baseURI).href;{C.i|=2}var p=false;r.map((function(r){r[1].map((function(e){var n;var t={i:e[0],m:e[1],q:e[2],X:e[3]};if(t.i&4){p=true}{t.q=e[2]}{t.X=e[3]}{t.I=[]}{t.K=(n=e[4])!=null?n:{}}var u=t.m;var l=function(r){__extends(e,r);function e(e){var n=r.call(this,e)||this;n.hasRegisteredEventListeners=false;e=n;v(e,t);if(t.i&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 ".concat(t.m,"! Mode is set to ").concat(e.shadowRoot.mode," but Stencil only supports open shadow roots."))}}}}return n}e.prototype.connectedCallback=function(){var r=this;var e=o(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;we(this,e,t.X)}if(d){clearTimeout(d);d=null}if(h){c.push(this)}else{C.jmp((function(){return he(r)}))}};e.prototype.disconnectedCallback=function(){var r=this;C.jmp((function(){return ye(r)}))};e.prototype.componentOnReady=function(){return o(this).h};return e}(HTMLElement);t.$=r[0];if(!a.includes(u)&&!f.get(u)){i.push(u);f.define(u,se(l,t,1))}}))}));if(i.length>0){if(p){s.textContent+=k}{s.textContent+=i.sort()+S}if(s.innerHTML.length){s.setAttribute("data-styles","");var m=(n=C.N)!=null?n:Q(j);if(m!=null){s.setAttribute("nonce",m)}u.insertBefore(s,l?l.nextSibling:u.firstChild)}}h=false;if(c.length){c.map((function(r){return r.connectedCallback()}))}else{{C.jmp((function(){return d=setTimeout(fe,30)}))}}t()}));var we=function(r,e,n,t){if(n){n.map((function(n){var t=n[0],i=n[1],a=n[2];var f=ge(r,t);var u=be(e,a);var o=_e(t);C.ael(f,i,u,o);(e.J=e.J||[]).push((function(){return C.rel(f,i,u,o)}))}))}};var be=function(r,e){return function(n){var t;try{{if(r.i&256){(t=r.t)==null?void 0:t[e](n)}else{(r.G=r.G||[]).push([e,n])}}}catch(r){c(r)}}};var ge=function(r,e){if(e&8)return A;if(e&16)return j.body;return r};var _e=function(r){return T?{passive:(r&1)!==0,capture:(r&2)!==0}:(r&2)!==0};var Se=r("s",(function(r){return C.N=r}))}}}));
+//# sourceMappingURL=p-45cf2585.system.js.map