@pine-ds/core 0.2.3 → 1.0.0

package/dist/pine-core/p-51f81513.entry.js

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

package/dist/pine-core/p-51f81513.entry.js.map

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

package/dist/pine-core/{p-780136bd.entry.js → p-52e6f836.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as n,H as e,g as i}from"./p-e74f35bd.js";let s=false;const o=t=>{var n;const e=(n=document.head.querySelector("meta[data-pine-asset-path]"))===null||n===void 0?void 0:n.dataset.pineAssetPath;const i=window.__PINE_ASSET_PATH__;const o="https://cdn.jsdelivr.net/npm/@pine-ds/icons/dist/pds-icons/";const r=e||i||o||"/";if(r.startsWith("https://cdn.jsdelivr.net/npm/")&&!s){s=true;console.warn(`\n      Fetching Pine asssets from jsDelivr CDN.\n\n It's recommended that you bundle Pine Assets with your application and setting the path accordingly.\n\nFor more information you read the documentation: \nhttps://pine-design-system.netlify.app/?path=/docs/resources-assets--docs\n    `)}let c=t;if(t.startsWith("./")){c=t.substring(2)}if(!r.endsWith("/")){c="/"+c}return r+c};let r;const c=()=>{if(typeof window==="undefined"){return new Map}else{if(!r){const t=window;t.PdsIcons=t.PdsIcons||{};r=t.PdsIcons.map=t.PdsIcons.map||new Map}return r}};const l=(t,n)=>{if(!t&&n&&!u(n)){t=n}if(h(t)){t=p(t)}if(!h(t)||t.trim()===""){return null}const e=t.replace(/[a-z]|-|\d/gi,"");if(e!=""){return null}return t};const d=t=>{const n=c().get(t);if(n){return n}return o(`svg/${t}.svg`)};const a=t=>{if(h(t)){t=t.trim();if(u(t)){return t}}return null};const f=t=>{let n=a(t.src);if(n){return n}n=l(t.name,t.icon);if(n){return d(n)}if(t.icon){n=a(t.icon);if(n){return n}}return null};const u=t=>t.length>0&&/(\/|\.)/.test(t);const h=t=>typeof t==="string";const p=t=>t.toLowerCase();const g=(t,n=[])=>{const e={};n.forEach((n=>{if(t.hasAttribute(n)){const i=t.getAttribute(n);if(i!==null){e[n]=t.getAttribute(n)}t.removeAttribute(n)}}));return e};const m=t=>{const n=document.createElement("div");n.innerHTML=t;for(let t=n.childNodes.length-1;t>=0;t--){if(n.childNodes[t].nodeName.toLowerCase()!=="svg"){n.removeChild(n.childNodes[t])}}const e=n.firstElementChild;if(e&&e.nodeName.toLowerCase()==="svg"){const t=e.getAttribute("class")||"";e.setAttribute("class",(t+" s-pds-icon").trim());if(w(e)){return n.innerHTML}}return""};const w=t=>{if(t.nodeType===1){if(t.nodeName.toLowerCase()==="script"){return false}for(let n=0;n<t.attributes.length;n++){const e=t.attributes[n].name;if(h(e)&&e.toLowerCase().indexOf("on")===0){return false}}for(let n=0;n<t.childNodes.length;n++){if(!w(t.childNodes[n])){return false}}}return true};const v=t=>t.startsWith("data:image/svg+xml");const y=t=>t.indexOf(";utf8,")!==-1;const b=new Map;const x=new Map;let M;const j=(t,n=false)=>{let e=x.get(t);if(!e){if(typeof fetch!="undefined"&&typeof document!=="undefined"){if(v(t)&&y(t)){if(!M){M=new DOMParser}const n=M.parseFromString(t,"text/html");const e=n.querySelector("svg");if(e){b.set(t,e.outerHTML)}return Promise.resolve()}else{e=fetch(t).then((e=>{if(e.ok){return e.text().then((e=>{if(e&&n!==false){e=m(e)}b.set(t,e||"")}))}b.set(t,"")}));x.set(t,e)}}else{b.set(t,"");return Promise.resolve()}}return e};const C=":host{contain:strict;display:inline-block;fill:currentColor;height:1em;width:1em}:host .pdsicon{fill:currentColor}.pds-icon-fill-none{fill:none}.icon-inner,.pds-icon,svg{display:block;height:100%;width:100%}";const I=C;const P=class{constructor(n){t(this,n);this.inheritedAttributes={};this.hasAriaHidden=()=>{const{el:t}=this;return t.hasAttribute("aria-hidden")&&t.getAttribute("aria-hidden")==="true"};this.ariaLabel=undefined;this.isVisible=false;this.svgContent=undefined;this.color=undefined;this.icon=undefined;this.name=undefined;this.size="regular";this.src=undefined}iconSize(){const t={small:"12px",regular:"16px",medium:"20px",large:"24px"};if(t[this.size]){return t[this.size]}else{return this.size}}componentWillLoad(){this.inheritedAttributes=g(this.el,["aria-label"])}connectedCallback(){this.waitUntilVisible(this.el,"50px",(()=>{this.isVisible=true;this.loadIcon()}))}disconnectedCallback(){if(this.io){this.io.disconnect();this.io=undefined}}loadIcon(){if(this.isVisible){const t=f(this);if(t){if(b.has(t)){this.svgContent=b.get(t)}else{j(t).then((()=>this.svgContent=b.get(t)))}}}const t=l(this.name,this.icon);if(t){this.ariaLabel=t.replace(/\-/g," ")}}render(){const{ariaLabel:t,inheritedAttributes:i}=this;const s={height:this.iconSize(),width:this.iconSize(),color:this.color};return n(e,Object.assign({"aria-label":t!==undefined&&!this.hasAriaHidden()?t:null,role:"img",style:s,class:Object.assign({},k(this.color))},i),this.svgContent?n("div",{class:"icon-inner",innerHTML:this.svgContent}):n("div",{class:"icon-inner"}))}waitUntilVisible(t,n,e){if(typeof window!=="undefined"&&window.IntersectionObserver){const i=this.io=new window.IntersectionObserver((t=>{if(t[0].isIntersecting){i.disconnect();this.io=undefined;e()}}),{rootMargin:n});i.observe(t)}else{e()}}static get assetsDirs(){return["svg"]}get el(){return i(this)}static get watchers(){return{name:["loadIcon"],src:["loadIcon"],icon:["loadIcon"]}}};const k=t=>t?{"pds-color":true,[`pds-color-${t}`]:true}:null;P.style=I;export{P as pds_icon};
-//# sourceMappingURL=p-780136bd.entry.js.map
+import{r as t,h as n,H as e,g as i}from"./p-2f77dbd3.js";let s=false;const o=t=>{var n;const e=(n=document.head.querySelector("meta[data-pine-asset-path]"))===null||n===void 0?void 0:n.dataset.pineAssetPath;const i=window.__PINE_ASSET_PATH__;const o="https://cdn.jsdelivr.net/npm/@pine-ds/icons/dist/pds-icons/";const r=e||i||o||"/";if(r.startsWith("https://cdn.jsdelivr.net/npm/")&&!s){s=true;console.warn(`\n      Fetching Pine asssets from jsDelivr CDN.\n\n It's recommended that you bundle Pine Assets with your application and setting the path accordingly.\n\nFor more information you read the documentation: \nhttps://pine-design-system.netlify.app/?path=/docs/resources-assets--docs\n    `)}let c=t;if(t.startsWith("./")){c=t.substring(2)}if(!r.endsWith("/")){c="/"+c}return r+c};let r;const c=()=>{if(typeof window==="undefined"){return new Map}else{if(!r){const t=window;t.PdsIcons=t.PdsIcons||{};r=t.PdsIcons.map=t.PdsIcons.map||new Map}return r}};const l=(t,n)=>{if(!t&&n&&!u(n)){t=n}if(h(t)){t=p(t)}if(!h(t)||t.trim()===""){return null}const e=t.replace(/[a-z]|-|\d/gi,"");if(e!=""){return null}return t};const d=t=>{const n=c().get(t);if(n){return n}return o(`svg/${t}.svg`)};const a=t=>{if(h(t)){t=t.trim();if(u(t)){return t}}return null};const f=t=>{let n=a(t.src);if(n){return n}n=l(t.name,t.icon);if(n){return d(n)}if(t.icon){n=a(t.icon);if(n){return n}}return null};const u=t=>t.length>0&&/(\/|\.)/.test(t);const h=t=>typeof t==="string";const p=t=>t.toLowerCase();const g=(t,n=[])=>{const e={};n.forEach((n=>{if(t.hasAttribute(n)){const i=t.getAttribute(n);if(i!==null){e[n]=t.getAttribute(n)}t.removeAttribute(n)}}));return e};const m=t=>{const n=document.createElement("div");n.innerHTML=t;for(let t=n.childNodes.length-1;t>=0;t--){if(n.childNodes[t].nodeName.toLowerCase()!=="svg"){n.removeChild(n.childNodes[t])}}const e=n.firstElementChild;if(e&&e.nodeName.toLowerCase()==="svg"){const t=e.getAttribute("class")||"";e.setAttribute("class",(t+" s-pds-icon").trim());if(w(e)){return n.innerHTML}}return""};const w=t=>{if(t.nodeType===1){if(t.nodeName.toLowerCase()==="script"){return false}for(let n=0;n<t.attributes.length;n++){const e=t.attributes[n].name;if(h(e)&&e.toLowerCase().indexOf("on")===0){return false}}for(let n=0;n<t.childNodes.length;n++){if(!w(t.childNodes[n])){return false}}}return true};const v=t=>t.startsWith("data:image/svg+xml");const y=t=>t.indexOf(";utf8,")!==-1;const b=new Map;const x=new Map;let M;const j=(t,n=false)=>{let e=x.get(t);if(!e){if(typeof fetch!="undefined"&&typeof document!=="undefined"){if(v(t)&&y(t)){if(!M){M=new DOMParser}const n=M.parseFromString(t,"text/html");const e=n.querySelector("svg");if(e){b.set(t,e.outerHTML)}return Promise.resolve()}else{e=fetch(t).then((e=>{if(e.ok){return e.text().then((e=>{if(e&&n!==false){e=m(e)}b.set(t,e||"")}))}b.set(t,"")}));x.set(t,e)}}else{b.set(t,"");return Promise.resolve()}}return e};const C=":host{contain:strict;display:inline-block;fill:currentColor;height:1em;width:1em}:host .pdsicon{fill:currentColor}.pds-icon-fill-none{fill:none}.icon-inner,.pds-icon,svg{display:block;height:100%;width:100%}";const I=C;const P=class{constructor(n){t(this,n);this.inheritedAttributes={};this.hasAriaHidden=()=>{const{el:t}=this;return t.hasAttribute("aria-hidden")&&t.getAttribute("aria-hidden")==="true"};this.ariaLabel=undefined;this.isVisible=false;this.svgContent=undefined;this.color=undefined;this.icon=undefined;this.name=undefined;this.size="regular";this.src=undefined}iconSize(){const t={small:"12px",regular:"16px",medium:"20px",large:"24px"};if(t[this.size]){return t[this.size]}else{return this.size}}componentWillLoad(){this.inheritedAttributes=g(this.el,["aria-label"])}connectedCallback(){this.waitUntilVisible(this.el,"50px",(()=>{this.isVisible=true;this.loadIcon()}))}disconnectedCallback(){if(this.io){this.io.disconnect();this.io=undefined}}loadIcon(){if(this.isVisible){const t=f(this);if(t){if(b.has(t)){this.svgContent=b.get(t)}else{j(t).then((()=>this.svgContent=b.get(t)))}}}const t=l(this.name,this.icon);if(t){this.ariaLabel=t.replace(/\-/g," ")}}render(){const{ariaLabel:t,inheritedAttributes:i}=this;const s={height:this.iconSize(),width:this.iconSize(),color:this.color};return n(e,Object.assign({"aria-label":t!==undefined&&!this.hasAriaHidden()?t:null,role:"img",style:s,class:Object.assign({},k(this.color))},i),this.svgContent?n("div",{class:"icon-inner",innerHTML:this.svgContent}):n("div",{class:"icon-inner"}))}waitUntilVisible(t,n,e){if(typeof window!=="undefined"&&window.IntersectionObserver){const i=this.io=new window.IntersectionObserver((t=>{if(t[0].isIntersecting){i.disconnect();this.io=undefined;e()}}),{rootMargin:n});i.observe(t)}else{e()}}static get assetsDirs(){return["svg"]}get el(){return i(this)}static get watchers(){return{name:["loadIcon"],src:["loadIcon"],icon:["loadIcon"]}}};const k=t=>t?{"pds-color":true,[`pds-color-${t}`]:true}:null;P.style=I;export{P as pds_icon};
+//# sourceMappingURL=p-52e6f836.entry.js.map

package/dist/pine-core/p-5f2b3f57.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as s,H as c,g as o}from"./p-2f77dbd3.js";const i=":host{--color-background-fixed:var(--pine-color-white);--color-background-interactive:var(--pine-color-grey-200);border-color:inherit;display:table-row;vertical-align:inherit}:host::part(checkbox-cell){background-color:var(--color-background-fixed);left:0;position:-webkit-sticky;position:sticky;z-index:1}:host(:hover),:host(:hover)::part(checkbox-cell),:host(:hover) ::slotted(pds-table-cell),:host(.is-selected),:host(.is-selected)::part(checkbox-cell),:host(.is-selected) ::slotted(pds-table-cell){background:var(--color-background-interactive)}";const l=i;const r=class{constructor(s){e(this,s);this.pdsTableRowSelected=t(this,"pdsTableRowSelected",7);this.handleCheckboxClick=()=>{this.isSelected=!this.isSelected;const e=Array.from(this.hostElement.parentNode.children).indexOf(this.hostElement);this.pdsTableRowSelected.emit({rowIndex:e,isSelected:this.isSelected})};this.generateUniqueId=()=>{const e=Math.random().toString(36).substring(2,8);const t=(new Date).toISOString().replace(/[:.]/g,"-");const s=`${e}-${t}`;return s};this.isSelected=false}classNames(){const e=[];if(this.isSelected){e.push("is-selected")}return e.join("  ")}componentWillRender(){this.tableRef=this.hostElement.closest("pds-table");if(this.tableRef&&this.tableRef.fixedColumn){const e=this.hostElement.querySelector("pds-table-cell");e===null||e===void 0?void 0:e.classList.add("is-fixed")}}render(){return s(c,{key:"9ef478c127a101b918e3e444109a0a3b72d809d6",class:this.classNames(),role:"row"},this.tableRef&&this.tableRef.selectable&&s("pds-table-cell",{key:"f7ecba3776fe1a5606ea66bc43f495e03635803f",part:this.tableRef.fixedColumn?"checkbox-cell":"",class:this.tableRef.selectable?"has-checkbox":""},s("pds-checkbox",{key:"6e4ebaa953542cb476f141818375b3ba8b490b2c",componentId:this.generateUniqueId(),onClick:this.handleCheckboxClick,label:"Select Row",labelHidden:true,checked:this.isSelected})),s("slot",{key:"4ccbd6b1a81d420dec05acb4f7a404ee670959b3"}))}get hostElement(){return o(this)}};r.style=l;export{r as pds_table_row};
+//# sourceMappingURL=p-5f2b3f57.entry.js.map

package/dist/pine-core/p-5f2b3f57.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsTableRowCss","PdsTableRowStyle0","PdsTableRow","this","handleCheckboxClick","isSelected","selectedIndex","Array","from","hostElement","parentNode","children","indexOf","pdsTableRowSelected","emit","rowIndex","generateUniqueId","randomString","Math","random","toString","substring","timestamp","Date","toISOString","replace","uniqueId","classNames","push","join","componentWillRender","tableRef","closest","fixedColumn","tableCell","querySelector","classList","add","render","h","Host","key","class","role","selectable","part","componentId","onClick","label","labelHidden","checked"],"sources":["src/components/pds-table/pds-table-row/pds-table-row.scss?tag=pds-table-row&encapsulation=shadow","src/components/pds-table/pds-table-row/pds-table-row.tsx"],"sourcesContent":[":host {\n  --color-background-fixed: var(--pine-color-white);\n  --color-background-interactive: var(--pine-color-grey-200);\n\n  border-color: inherit;\n  display: table-row;\n  vertical-align: inherit;\n\n  // used for pds-checkbox-cell\n  // because it is in the ShadowDom\n  &::part(checkbox-cell) {\n    background-color: var(--color-background-fixed);\n    left: 0;\n    position: sticky;\n    z-index: 1;\n  }\n}\n\n:host(:hover),\n:host(:hover)::part(checkbox-cell),\n:host(:hover) ::slotted(pds-table-cell),\n:host(.is-selected),\n:host(.is-selected)::part(checkbox-cell),\n:host(.is-selected) ::slotted(pds-table-cell) {\n  background: var(--color-background-interactive);\n}\n","import { Component, Element, Host, h, Event, EventEmitter, State } from '@stencil/core';\n\n@Component({\n  tag: 'pds-table-row',\n  styleUrl: 'pds-table-row.scss',\n  shadow: true,\n})\nexport class PdsTableRow {\n  @Element() hostElement: HTMLPdsTableRowElement;\n  tableRef: HTMLPdsTableElement;\n\n  /**\n   * Event that is emitted when the checkbox is clicked, carrying the selected value.\n   */\n  @Event() pdsTableRowSelected: EventEmitter<{ rowIndex: number; isSelected: boolean; }>;\n\n  /**\n   * A local state to track whether the row is currently selected.\n   */\n  @State() isSelected: boolean = false;\n\n  private handleCheckboxClick = () => {\n    this.isSelected = !this.isSelected; // Toggle the selected state\n    const selectedIndex = Array.from(this.hostElement.parentNode.children).indexOf(this.hostElement);\n    this.pdsTableRowSelected.emit({ rowIndex: selectedIndex, isSelected: this.isSelected });\n  }\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.isSelected) {\n      classNames.push(\"is-selected\");\n    }\n\n    return classNames.join('  ');\n  }\n\n  componentWillRender() {\n    this.tableRef = this.hostElement.closest('pds-table') as HTMLPdsTableElement;\n\n    if (this.tableRef && this.tableRef.fixedColumn) {\n      const tableCell = this.hostElement.querySelector('pds-table-cell');\n      tableCell?.classList.add(\"is-fixed\");\n    }\n  }\n\n  private generateUniqueId = () => {\n    const randomString = Math.random().toString(36).substring(2, 8);\n    const timestamp = new Date().toISOString().replace(/[:.]/g, '-');\n    const uniqueId = `${randomString}-${timestamp}`;\n\n    return uniqueId;\n  }\n\n  render() {\n    return (\n      <Host\n        class={this.classNames()}\n        role=\"row\"\n      >\n        {this.tableRef && this.tableRef.selectable && (\n          <pds-table-cell part={this.tableRef.fixedColumn ? 'checkbox-cell' : ''} class={this.tableRef.selectable ? 'has-checkbox' : ''} >\n            <pds-checkbox\n              componentId={this.generateUniqueId()}\n              onClick={this.handleCheckboxClick}\n              label={\"Select Row\"}\n              labelHidden={true}\n              checked={this.isSelected}\n            />\n          </pds-table-cell>\n        )}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAiB,wiBACvB,MAAAC,EAAeD,E,MCMFE,EAAW,M,kFAcdC,KAAAC,oBAAsB,KAC5BD,KAAKE,YAAcF,KAAKE,WACxB,MAAMC,EAAgBC,MAAMC,KAAKL,KAAKM,YAAYC,WAAWC,UAAUC,QAAQT,KAAKM,aACpFN,KAAKU,oBAAoBC,KAAK,CAAEC,SAAUT,EAAeD,WAAYF,KAAKE,YAAa,EAsBjFF,KAAAa,iBAAmB,KACzB,MAAMC,EAAeC,KAAKC,SAASC,SAAS,IAAIC,UAAU,EAAG,GAC7D,MAAMC,GAAY,IAAIC,MAAOC,cAAcC,QAAQ,QAAS,KAC5D,MAAMC,EAAW,GAAGT,KAAgBK,IAEpC,OAAOI,CAAQ,E,gBAhCc,K,CAQvB,UAAAC,GACN,MAAMA,EAAa,GAEnB,GAAIxB,KAAKE,WAAY,CACnBsB,EAAWC,KAAK,c,CAGlB,OAAOD,EAAWE,KAAK,K,CAGzB,mBAAAC,GACE3B,KAAK4B,SAAW5B,KAAKM,YAAYuB,QAAQ,aAEzC,GAAI7B,KAAK4B,UAAY5B,KAAK4B,SAASE,YAAa,CAC9C,MAAMC,EAAY/B,KAAKM,YAAY0B,cAAc,kBACjDD,IAAS,MAATA,SAAS,SAATA,EAAWE,UAAUC,IAAI,W,EAY7B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAOvC,KAAKwB,aACZgB,KAAK,OAEJxC,KAAK4B,UAAY5B,KAAK4B,SAASa,YAC9BL,EAAA,kBAAAE,IAAA,2CAAgBI,KAAM1C,KAAK4B,SAASE,YAAc,gBAAkB,GAAIS,MAAOvC,KAAK4B,SAASa,WAAa,eAAiB,IACzHL,EAAA,gBAAAE,IAAA,2CACEK,YAAa3C,KAAKa,mBAClB+B,QAAS5C,KAAKC,oBACd4C,MAAO,aACPC,YAAa,KACbC,QAAS/C,KAAKE,cAIpBkC,EAAA,QAAAE,IAAA,6C"}

package/dist/pine-core/p-61ab207f.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as i,h as o,H as r,g as a}from"./p-2f77dbd3.js";import{m as s,P as t,a as d}from"./p-e4f30321.js";const n=':host{--border-default:var(--pine-border-width-thin) solid var(--pine-color-grey-400);--border-color-interactive-hover:var(--pine-border-width-thin) solid var(--pine-color-grey-500);--border-radius:var(--pine-border-radius-050);--box-shadow-focus:0 0 0 2px var(--pine-color-blue-200);--box-shadow-focus-invalid:0 0 0 2px var(--pine-color-red-200);--color-background:var(--pine-color-white);--color-background-disabled:var(--pine-color-grey-200);--color-background-hover:var(--pine-color-grey-100);--color-border-disabled:var(--pine-color-charcoal-100);--color-border-icon:var(--pine-color-white);--color-checked:var(--pine-color-charcoal-500);--color-disabled:var(--pine-color-grey-300);--color-invalid:var(--pine-color-red-300);--color-text-disabled:var(--pine-color-grey-500);--color-text-message:var(--pine-color-charcoal-200);--sizing-input:var(--pine-font-size-100);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}:host(.is-invalid) input{border-color:var(--color-invalid)}:host(.is-invalid) input:checked{background:var(--color-invalid)}:host(.is-invalid) input:focus-visible{-webkit-box-shadow:var(--box-shadow-focus-invalid);box-shadow:var(--box-shadow-focus-invalid);outline:none}:host(.is-invalid) label,:host(.is-invalid) .pds-checkbox__message--error{color:var(--color-invalid)}:host(.is-indeterminate) input:checked::after{border-bottom:0;-webkit-transform:rotate(87deg) translate3d(-114%, 25%, 0);transform:rotate(87deg) translate3d(-114%, 25%, 0)}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-background);border:var(--border-default);border-radius:var(--border-radius);height:var(--sizing-input);margin:0;position:relative;width:var(--sizing-input)}input:hover{background:var(--color-background-hover);border:var(--border-color-interactive-hover)}input:checked{background:var(--color-checked);border-color:var(--color-checked)}input:checked::after{border:1px solid var(--color-border-icon);border-left:0;border-top:0;content:"";display:block;height:7px;left:50%;position:absolute;top:50%;-webkit-transform:rotate(43deg) translate3d(-110%, -30%, 0);transform:rotate(43deg) translate3d(-110%, -30%, 0);width:4px}input:disabled{background:var(--color-background-disabled);border-color:var(--color-disabled);cursor:not-allowed}input:disabled:checked{background:var(--color-disabled);border-color:var(--color-disabled)}input:disabled:checked::after{border-color:var(--color-border-disabled)}input:disabled+label{color:var(--color-text-disabled);cursor:not-allowed}input:disabled~.pds-checkbox__message{color:var(--color-text-disabled)}input:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}label{-webkit-margin-start:10px;margin-inline-start:10px}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-checkbox__message{color:var(--color-text-message);font-size:14px;-webkit-margin-before:6px;margin-block-start:6px;-webkit-margin-start:26px;margin-inline-start:26px;width:100%}';const c=n;const l=class{constructor(o){e(this,o);this.pdsCheckboxChange=i(this,"pdsCheckboxChange",7);this.handleCheckboxChange=e=>{if(this.disabled){return}const i=e.target;this.checked=i.checked;this.pdsCheckboxChange.emit({checked:i.checked,value:this.value})};this.checked=undefined;this.componentId=undefined;this.disabled=undefined;this.errorMessage=undefined;this.helperMessage=undefined;this.indeterminate=undefined;this.invalid=undefined;this.label=undefined;this.labelHidden=undefined;this.name=undefined;this.required=undefined;this.value=undefined}classNames(){const e=[];if(this.invalid){e.push("is-invalid")}if(this.indeterminate){e.push("is-indeterminate")}if(this.disabled){e.push("is-disabled")}return e.join("  ")}render(){return o(r,{key:"6353e355fefe987180b1cb5b00af00e92c8f0c44",class:this.classNames()},o("input",{key:"16f720ba2c5cad01f8d29456e3ecbc8e4cbb1ce8","aria-describedby":d(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,type:"checkbox",id:this.componentId,name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onChange:this.handleCheckboxChange}),o(t,{key:"8de98b79b9390c392a2bf41173ac97e4e2f4d5e2",htmlFor:this.componentId,text:this.label,classNames:this.labelHidden?"visually-hidden":""}),this.helperMessage&&o("div",{key:"02f61d5598e4da36f3c87cbb23863d0a485e3542",class:"pds-checkbox__message",id:s(this.componentId,"helper")},this.helperMessage),this.errorMessage&&o("div",{key:"4628f5df5aeeda30f53c327abf62d1125d3eb441",class:`pds-checkbox__message pds-checkbox__message--error`,id:s(this.componentId,"error"),"aria-live":"assertive"},this.errorMessage))}};l.style=c;const h=":host{--box-shadow-fixed:3px 3px 6px -2px rgba(0, 0, 0, 0.2);--color-background-fixed:var(--pine-color-white);--color-cell-default:var(--pine-color-charcoal-200);--dimension-fixed-cell-position:0;--dimension-max-width-truncated:100px;--font-size-cell-default:var(--pine-font-size-087);--number-fixed-column-index:0;--spacing-line-height-cell-default:var(--pine-line-height-125);--spacing-padding-cell-default:calc(var(--pine-spacing-300) / 2);--spacing-padding-compact:var(--pine-spacing-050);color:var(--color-cell-default);display:table-cell;font-size:var(--font-size-cell-default);line-height:var(--spacing-line-height-cell-default);padding:var(--spacing-padding-cell-default);vertical-align:inherit}:host(.is-compact){padding-block:var(--spacing-padding-compact)}:host(.is-fixed){background:var(--color-background-fixed);left:var(--dimension-fixed-cell-position);position:-webkit-sticky;position:sticky;z-index:1}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow-fixed);box-shadow:var(--box-shadow-fixed)}:host(.is-truncated){max-width:var(--dimension-max-width-truncated);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.has-checkbox){vertical-align:middle;width:16px}";const b=h;const p=class{constructor(i){e(this,i);this.handleScroll=()=>{if(this.tableRef.scrollLeft>0){this.tableScrolling=true}else{this.tableScrolling=false}};this.truncate=undefined;this.tableScrolling=false}componentWillRender(){this.tableRef=this.hostElement.closest("pds-table")}componentDidLoad(){if(this.tableRef&&this.tableRef.responsive&&this.tableRef.fixedColumn){this.tableRef.addEventListener("scroll",this.handleScroll)}}classNames(){const e=[];if(this.tableRef&&this.tableRef.compact){e.push("is-compact")}if(this.truncate){e.push("is-truncated")}if(this.tableRef&&this.tableRef.fixedColumn&&this.tableScrolling){e.push("has-scrolled")}return e.join(" ")}render(){return o(r,{key:"7c7f228b3911eec633c6ffd817f22fbc6666be8a",class:this.classNames(),role:"gridcell",style:this.tableRef&&this.tableRef.fixedColumn&&this.tableRef.selectable?{"--fixed-cell-position":"40px"}:{}},o("slot",{key:"37c43f300478beffc41d2450bbb5a6e13099f58e"}))}get hostElement(){return a(this)}};p.style=b;export{l as pds_checkbox,p as pds_table_cell};
+//# sourceMappingURL=p-61ab207f.entry.js.map

package/dist/pine-core/p-61ab207f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsCheckboxCss","PdsCheckboxStyle0","PdsCheckbox","this","handleCheckboxChange","e","disabled","target","checked","pdsCheckboxChange","emit","value","classNames","invalid","push","indeterminate","join","render","h","Host","key","class","assignDescription","componentId","helperMessage","undefined","type","id","name","required","onChange","PdsLabel","htmlFor","text","label","labelHidden","messageId","errorMessage","pdsTableCellCss","PdsTableCellStyle0","PdsTableCell","handleScroll","tableRef","scrollLeft","tableScrolling","componentWillRender","hostElement","closest","componentDidLoad","responsive","fixedColumn","addEventListener","compact","truncate","role","style","selectable"],"sources":["src/components/pds-checkbox/pds-checkbox.scss?tag=pds-checkbox&encapsulation=shadow","src/components/pds-checkbox/pds-checkbox.tsx","src/components/pds-table/pds-table-cell/pds-table-cell.scss?tag=pds-table-cell&encapsulation=shadow","src/components/pds-table/pds-table-cell/pds-table-cell.tsx"],"sourcesContent":[":host {\n  --border-default: var(--pine-border-width-thin) solid var(--pine-color-grey-400);\n  --border-color-interactive-hover: var(--pine-border-width-thin) solid var(--pine-color-grey-500);\n  --border-radius: var(--pine-border-radius-050);\n  --box-shadow-focus: 0 0 0 2px var(--pine-color-blue-200);\n  --box-shadow-focus-invalid: 0 0 0 2px var(--pine-color-red-200);\n  --color-background: var(--pine-color-white);\n  --color-background-disabled: var(--pine-color-grey-200);\n  --color-background-hover: var(--pine-color-grey-100);\n  --color-border-disabled: var(--pine-color-charcoal-100);\n  --color-border-icon: var(--pine-color-white);\n  --color-checked: var(--pine-color-charcoal-500);\n  --color-disabled: var(--pine-color-grey-300);\n  --color-invalid: var(--pine-color-red-300);\n  --color-text-disabled: var(--pine-color-grey-500);\n  --color-text-message: var(--pine-color-charcoal-200);\n  --sizing-input: var(--pine-font-size-100);\n\n  align-items: center;\n  display: flex;\n  flex-flow: row wrap;\n}\n\n:host(.is-invalid) {\n  input {\n    border-color: var(--color-invalid);\n\n    &:checked {\n      background: var(--color-invalid);\n    }\n\n    &:focus-visible {\n      // outline: var(--pine-border-focus); Border radius for outline does not work in Safari\n      box-shadow: var(--box-shadow-focus-invalid); // Remove when outline radius is supported in Safari\n      outline: none;\n    }\n  }\n\n  label,\n  .pds-checkbox__message--error {\n    color: var(--color-invalid);\n  }\n}\n\n:host(.is-indeterminate) {\n  input:checked {\n    &::after {\n      border-bottom: 0;\n      transform: rotate(87deg) translate3d(-114%, 25%, 0);\n    }\n  }\n}\n\ninput {\n  appearance: none;\n  background-color: var(--color-background);\n  border: var(--border-default);\n  border-radius: var(--border-radius);\n  height: var(--sizing-input);\n  margin: 0;\n  position: relative;\n  width: var(--sizing-input);\n\n  &:hover {\n    background: var(--color-background-hover);\n    border: var(--border-color-interactive-hover);\n  }\n\n  &:checked {\n    background: var(--color-checked);\n    border-color: var(--color-checked);\n\n    &::after {\n      border: 1px solid var(--color-border-icon);\n      border-left: 0;\n      border-top: 0;\n      content: \"\";\n      display: block;\n      height: 7px;\n      left: 50%;\n      position: absolute;\n      top: 50%;\n      transform: rotate(43deg) translate3d(-110%, -30%, 0);\n      width: 4px;\n    }\n  }\n\n  &:disabled {\n    background: var(--color-background-disabled);\n    border-color: var(--color-disabled);\n    cursor: not-allowed;\n\n    &:checked {\n      background: var(--color-disabled);\n      border-color: var(--color-disabled);\n\n      &::after {\n        border-color: var(--color-border-disabled);\n      }\n    }\n\n    + label {\n      color: var(--color-text-disabled);\n      cursor: not-allowed;\n    }\n\n    ~ .pds-checkbox__message {\n      color: var(--color-text-disabled);\n    }\n  }\n\n  &:focus-visible {\n    // outline: var(--pine-border-focus); Border radius for outline does not work in Safari\n    box-shadow: var(--box-shadow-focus); // Remove when outline radius is supported in Safari\n    outline: none;\n  }\n}\n\nlabel {\n  margin-inline-start: 10px;\n}\n\n.visually-hidden {\n  border: 0;\n  clip: rect(0 0 0 0);\n  clip-path: polygon(0 0, 0 0, 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n.pds-checkbox__message {\n  color: var(--color-text-message);\n  font-size: 14px;\n  margin-block-start: 6px;\n  margin-inline-start: 26px;\n  width: 100%;\n}\n","import { Component, h, Prop, Host, Event, EventEmitter } from '@stencil/core';\nimport { assignDescription, messageId } from '../../utils/form';\nimport { PdsLabel } from '../_internal/pds-label/pds-label';\nimport { CheckboxChangeEventDetail } from './checkbox-interface';\n\n@Component({\n  tag: 'pds-checkbox',\n  styleUrl: 'pds-checkbox.scss',\n  shadow: true,\n})\nexport class PdsCheckbox {\n  /**\n   * It determines whether or not the checkbox is checked.\n   */\n  @Prop({ mutable: true }) checked: boolean;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * It determines whether or not the checkbox is disabled.\n   */\n  @Prop() disabled: boolean;\n\n  /**\n   * Displays message text describing an invalid state.\n   */\n  @Prop() errorMessage: string;\n\n  /**\n   * String used for helper message below checkbox.\n   */\n  @Prop() helperMessage: string;\n\n  /**\n   * If `true`, the checkbox will visually appear as indeterminate.\n   * Only JavaScript can set the objects `indeterminate` property. See [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes).\n   */\n  @Prop() indeterminate: boolean;\n\n  /**\n   * It determines whether or not the checkbox is invalid.\n   */\n  @Prop() invalid: boolean;\n\n  /**\n   * String used for label text next to checkbox.\n   */\n  @Prop() label: string;\n\n    /**\n   * Visually hides the label text for instances where only the checkbox should be displayed. Label remains accessible to assistive technology such as screen readers.\n   */\n    @Prop() labelHidden: boolean;\n\n  /**\n   * String used for checkbox `name` attribute.\n   */\n  @Prop() name: string;\n\n  /**\n   * It determines whether or not the checkbox is required.\n   */\n  @Prop() required: boolean;\n\n  /**\n   * The value of the checkbox that is submitted with a form.\n   */\n  @Prop() value: string;\n\n  /**\n   * Event emitted that contains the `value` and `checked`.\n   */\n  @Event() pdsCheckboxChange: EventEmitter<CheckboxChangeEventDetail>;\n\n  private handleCheckboxChange = (e: Event) => {\n    if (this.disabled) {\n      return;\n    }\n\n    const target = e.target as HTMLInputElement;\n    this.checked = target.checked;\n\n    this.pdsCheckboxChange.emit({\n      checked: target.checked,\n      value: this.value\n    });\n  }\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.invalid) { classNames.push('is-invalid'); }\n    if (this.indeterminate) { classNames.push('is-indeterminate'); }\n    if (this.disabled) { classNames.push('is-disabled'); }\n\n    return classNames.join('  ');\n  }\n\n  render() {\n    return (\n      <Host class={this.classNames()}>\n        <input\n          aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n          aria-invalid={this.invalid ? \"true\" : undefined}\n          type=\"checkbox\"\n          id={this.componentId}\n          name={this.name}\n          value={this.value}\n          checked={this.checked}\n          required={this.required}\n          disabled={this.disabled}\n          onChange={this.handleCheckboxChange}\n        />\n        <PdsLabel htmlFor={this.componentId} text={this.label} classNames={this.labelHidden ? 'visually-hidden' : ''} />\n        {this.helperMessage &&\n          <div\n            class={'pds-checkbox__message'}\n            id={messageId(this.componentId, 'helper')}\n          >\n            {this.helperMessage}\n          </div>\n        }\n        {this.errorMessage &&\n          <div\n            class={`pds-checkbox__message pds-checkbox__message--error`}\n            id={messageId(this.componentId, 'error')}\n            aria-live=\"assertive\"\n          >\n            {this.errorMessage}\n          </div>\n        }\n      </Host>\n    );\n  }\n}\n",":host {\n  --box-shadow-fixed: 3px 3px 6px -2px rgba(0, 0, 0, 0.2);\n\n  --color-background-fixed: var(--pine-color-white);\n  --color-cell-default: var(--pine-color-charcoal-200);\n\n  --dimension-fixed-cell-position: 0;\n  --dimension-max-width-truncated: 100px;\n\n  --font-size-cell-default: var(--pine-font-size-087);\n\n  --number-fixed-column-index: 0;\n\n  --spacing-line-height-cell-default: var(--pine-line-height-125);\n  --spacing-padding-cell-default: calc(var(--pine-spacing-300) / 2);\n  --spacing-padding-compact: var(--pine-spacing-050);\n\n  color: var(--color-cell-default);\n  display: table-cell;\n  font-size: var(--font-size-cell-default);\n  line-height: var(--spacing-line-height-cell-default);\n  padding: var(--spacing-padding-cell-default);\n  vertical-align: inherit;\n}\n\n:host(.is-compact) {\n  padding-block: var(--spacing-padding-compact);\n}\n\n:host(.is-fixed) {\n  background: var(--color-background-fixed);\n  left: var(--dimension-fixed-cell-position);\n  position: sticky;\n  z-index: 1;\n}\n\n// box shadow when table has scrolled and cell is fixed\n:host(.has-scrolled.is-fixed) {\n  box-shadow: var(--box-shadow-fixed);\n}\n\n:host(.is-truncated) {\n  max-width: var(--dimension-max-width-truncated);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n:host(.has-checkbox) {\n  vertical-align: middle;\n  width: 16px;\n}\n","import { Component, Element, Host, Prop, State, h } from '@stencil/core';\n\n@Component({\n  tag: 'pds-table-cell',\n  styleUrl: 'pds-table-cell.scss',\n  shadow: true,\n})\nexport class PdsTableCell {\n  @Element() hostElement: HTMLPdsTableCellElement;\n  tableRef: HTMLPdsTableElement;\n\n  componentWillRender() {\n    this.tableRef = this.hostElement.closest('pds-table') as HTMLPdsTableElement;\n  }\n\n  componentDidLoad() {\n    if (this.tableRef && this.tableRef.responsive && this.tableRef.fixedColumn) {\n      this.tableRef.addEventListener('scroll', this.handleScroll);\n    }\n  }\n\n  /**\n   * Truncates content to a max width of 100px and adds an ellipsis.\n   */\n  @Prop() truncate: boolean;\n\n  @State() private tableScrolling: boolean = false;\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.tableRef && this.tableRef.compact) {\n      classNames.push('is-compact');\n    }\n\n    if (this.truncate) {\n      classNames.push('is-truncated');\n    }\n\n    if (this.tableRef && this.tableRef.fixedColumn && this.tableScrolling) {\n      classNames.push('has-scrolled');\n    }\n\n    return classNames.join(' ');\n  }\n\n  private handleScroll = () => {\n    if (this.tableRef.scrollLeft > 0) {\n      this.tableScrolling = true;\n    } else {\n      this.tableScrolling = false;\n    }\n  };\n\n  render() {\n    return (\n      <Host\n        class={this.classNames()}\n        role=\"gridcell\"\n        style={\n          this.tableRef &&\n          this.tableRef.fixedColumn &&\n          this.tableRef.selectable\n            ? { '--fixed-cell-position': '40px' }\n            : {}\n          }\n        >\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kHAAA,MAAMA,EAAiB,8pGACvB,MAAAC,EAAeD,E,MCSFE,EAAW,M,8EAmEdC,KAAAC,qBAAwBC,IAC9B,GAAIF,KAAKG,SAAU,CACjB,M,CAGF,MAAMC,EAASF,EAAEE,OACjBJ,KAAKK,QAAUD,EAAOC,QAEtBL,KAAKM,kBAAkBC,KAAK,CAC1BF,QAASD,EAAOC,QAChBG,MAAOR,KAAKQ,OACZ,E,wSAGI,UAAAC,GACN,MAAMA,EAAa,GAEnB,GAAIT,KAAKU,QAAS,CAAED,EAAWE,KAAK,a,CACpC,GAAIX,KAAKY,cAAe,CAAEH,EAAWE,KAAK,mB,CAC1C,GAAIX,KAAKG,SAAU,CAAEM,EAAWE,KAAK,c,CAErC,OAAOF,EAAWI,KAAK,K,CAGzB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOlB,KAAKS,cAChBM,EAAA,SAAAE,IAAA,8DACoBE,EAAkBnB,KAAKoB,YAAapB,KAAKU,QAASV,KAAKqB,eAAc,eACzErB,KAAKU,QAAU,OAASY,UACtCC,KAAK,WACLC,GAAIxB,KAAKoB,YACTK,KAAMzB,KAAKyB,KACXjB,MAAOR,KAAKQ,MACZH,QAASL,KAAKK,QACdqB,SAAU1B,KAAK0B,SACfvB,SAAUH,KAAKG,SACfwB,SAAU3B,KAAKC,uBAEjBc,EAACa,EAAQ,CAAAX,IAAA,2CAACY,QAAS7B,KAAKoB,YAAaU,KAAM9B,KAAK+B,MAAOtB,WAAYT,KAAKgC,YAAc,kBAAoB,KACzGhC,KAAKqB,eACJN,EAAA,OAAAE,IAAA,2CACEC,MAAO,wBACPM,GAAIS,EAAUjC,KAAKoB,YAAa,WAE/BpB,KAAKqB,eAGTrB,KAAKkC,cACJnB,EAAA,OAAAE,IAAA,2CACEC,MAAO,qDACPM,GAAIS,EAAUjC,KAAKoB,YAAa,SAAQ,YAC9B,aAETpB,KAAKkC,c,aCnIlB,MAAMC,EAAkB,wrCACxB,MAAAC,EAAeD,E,MCMFE,EAAY,M,yBAuCfrC,KAAAsC,aAAe,KACrB,GAAItC,KAAKuC,SAASC,WAAa,EAAG,CAChCxC,KAAKyC,eAAiB,I,KACjB,CACLzC,KAAKyC,eAAiB,K,+CAxBiB,K,CAf3C,mBAAAC,GACE1C,KAAKuC,SAAWvC,KAAK2C,YAAYC,QAAQ,Y,CAG3C,gBAAAC,GACE,GAAI7C,KAAKuC,UAAYvC,KAAKuC,SAASO,YAAc9C,KAAKuC,SAASQ,YAAa,CAC1E/C,KAAKuC,SAASS,iBAAiB,SAAUhD,KAAKsC,a,EAW1C,UAAA7B,GACN,MAAMA,EAAa,GAEnB,GAAIT,KAAKuC,UAAYvC,KAAKuC,SAASU,QAAS,CAC1CxC,EAAWE,KAAK,a,CAGlB,GAAIX,KAAKkD,SAAU,CACjBzC,EAAWE,KAAK,e,CAGlB,GAAIX,KAAKuC,UAAYvC,KAAKuC,SAASQ,aAAe/C,KAAKyC,eAAgB,CACrEhC,EAAWE,KAAK,e,CAGlB,OAAOF,EAAWI,KAAK,I,CAWzB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAOlB,KAAKS,aACZ0C,KAAK,WACLC,MACEpD,KAAKuC,UACLvC,KAAKuC,SAASQ,aACd/C,KAAKuC,SAASc,WACV,CAAE,wBAAyB,QAC3B,IAGNtC,EAAA,QAAAE,IAAA,6C"}

package/dist/pine-core/p-6370aa12.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-64b4cb70.system.js"],(function(e){"use strict";var t,c,i,o,s;return{setters:[function(e){t=e.r;c=e.c;i=e.h;o=e.H;s=e.g}],execute:function(){var r=":host{--color-background-fixed:var(--pine-color-white);--color-background-interactive:var(--pine-color-grey-200);border-color:inherit;display:table-row;vertical-align:inherit}:host::part(checkbox-cell){background-color:var(--color-background-fixed);left:0;position:-webkit-sticky;position:sticky;z-index:1}:host(:hover),:host(:hover)::part(checkbox-cell),:host(:hover) ::slotted(pds-table-cell),:host(.is-selected),:host(.is-selected)::part(checkbox-cell),:host(.is-selected) ::slotted(pds-table-cell){background:var(--color-background-interactive)}";var a=r;var l=e("pds_table_row",function(){function e(e){var i=this;t(this,e);this.pdsTableRowSelected=c(this,"pdsTableRowSelected",7);this.handleCheckboxClick=function(){i.isSelected=!i.isSelected;var e=Array.from(i.hostElement.parentNode.children).indexOf(i.hostElement);i.pdsTableRowSelected.emit({rowIndex:e,isSelected:i.isSelected})};this.generateUniqueId=function(){var e=Math.random().toString(36).substring(2,8);var t=(new Date).toISOString().replace(/[:.]/g,"-");var c="".concat(e,"-").concat(t);return c};this.isSelected=false}e.prototype.classNames=function(){var e=[];if(this.isSelected){e.push("is-selected")}return e.join("  ")};e.prototype.componentWillRender=function(){this.tableRef=this.hostElement.closest("pds-table");if(this.tableRef&&this.tableRef.fixedColumn){var e=this.hostElement.querySelector("pds-table-cell");e===null||e===void 0?void 0:e.classList.add("is-fixed")}};e.prototype.render=function(){return i(o,{key:"9ef478c127a101b918e3e444109a0a3b72d809d6",class:this.classNames(),role:"row"},this.tableRef&&this.tableRef.selectable&&i("pds-table-cell",{key:"f7ecba3776fe1a5606ea66bc43f495e03635803f",part:this.tableRef.fixedColumn?"checkbox-cell":"",class:this.tableRef.selectable?"has-checkbox":""},i("pds-checkbox",{key:"6e4ebaa953542cb476f141818375b3ba8b490b2c",componentId:this.generateUniqueId(),onClick:this.handleCheckboxClick,label:"Select Row",labelHidden:true,checked:this.isSelected})),i("slot",{key:"4ccbd6b1a81d420dec05acb4f7a404ee670959b3"}))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return s(this)},enumerable:false,configurable:true});return e}());l.style=a}}}));
+//# sourceMappingURL=p-6370aa12.system.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pdsTableRowCss","PdsTableRowStyle0","PdsTableRow","exports","this","handleCheckboxClick","_this","isSelected","selectedIndex","Array","from","hostElement","parentNode","children","indexOf","pdsTableRowSelected","emit","rowIndex","generateUniqueId","randomString","Math","random","toString","substring","timestamp","Date","toISOString","replace","uniqueId","concat","class_1","prototype","classNames","push","join","componentWillRender","tableRef","closest","fixedColumn","tableCell","querySelector","classList","add","render","h","Host","key","class","role","selectable","part","componentId","onClick","label","labelHidden","checked"],"sources":["src/components/pds-table/pds-table-row/pds-table-row.scss?tag=pds-table-row&encapsulation=shadow","src/components/pds-table/pds-table-row/pds-table-row.tsx"],"sourcesContent":[":host {\n  --color-background-fixed: var(--pine-color-white);\n  --color-background-interactive: var(--pine-color-grey-200);\n\n  border-color: inherit;\n  display: table-row;\n  vertical-align: inherit;\n\n  // used for pds-checkbox-cell\n  // because it is in the ShadowDom\n  &::part(checkbox-cell) {\n    background-color: var(--color-background-fixed);\n    left: 0;\n    position: sticky;\n    z-index: 1;\n  }\n}\n\n:host(:hover),\n:host(:hover)::part(checkbox-cell),\n:host(:hover) ::slotted(pds-table-cell),\n:host(.is-selected),\n:host(.is-selected)::part(checkbox-cell),\n:host(.is-selected) ::slotted(pds-table-cell) {\n  background: var(--color-background-interactive);\n}\n","import { Component, Element, Host, h, Event, EventEmitter, State } from '@stencil/core';\n\n@Component({\n  tag: 'pds-table-row',\n  styleUrl: 'pds-table-row.scss',\n  shadow: true,\n})\nexport class PdsTableRow {\n  @Element() hostElement: HTMLPdsTableRowElement;\n  tableRef: HTMLPdsTableElement;\n\n  /**\n   * Event that is emitted when the checkbox is clicked, carrying the selected value.\n   */\n  @Event() pdsTableRowSelected: EventEmitter<{ rowIndex: number; isSelected: boolean; }>;\n\n  /**\n   * A local state to track whether the row is currently selected.\n   */\n  @State() isSelected: boolean = false;\n\n  private handleCheckboxClick = () => {\n    this.isSelected = !this.isSelected; // Toggle the selected state\n    const selectedIndex = Array.from(this.hostElement.parentNode.children).indexOf(this.hostElement);\n    this.pdsTableRowSelected.emit({ rowIndex: selectedIndex, isSelected: this.isSelected });\n  }\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.isSelected) {\n      classNames.push(\"is-selected\");\n    }\n\n    return classNames.join('  ');\n  }\n\n  componentWillRender() {\n    this.tableRef = this.hostElement.closest('pds-table') as HTMLPdsTableElement;\n\n    if (this.tableRef && this.tableRef.fixedColumn) {\n      const tableCell = this.hostElement.querySelector('pds-table-cell');\n      tableCell?.classList.add(\"is-fixed\");\n    }\n  }\n\n  private generateUniqueId = () => {\n    const randomString = Math.random().toString(36).substring(2, 8);\n    const timestamp = new Date().toISOString().replace(/[:.]/g, '-');\n    const uniqueId = `${randomString}-${timestamp}`;\n\n    return uniqueId;\n  }\n\n  render() {\n    return (\n      <Host\n        class={this.classNames()}\n        role=\"row\"\n      >\n        {this.tableRef && this.tableRef.selectable && (\n          <pds-table-cell part={this.tableRef.fixedColumn ? 'checkbox-cell' : ''} class={this.tableRef.selectable ? 'has-checkbox' : ''} >\n            <pds-checkbox\n              componentId={this.generateUniqueId()}\n              onClick={this.handleCheckboxClick}\n              label={\"Select Row\"}\n              labelHidden={true}\n              checked={this.isSelected}\n            />\n          </pds-table-cell>\n        )}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kKAAA,IAAMA,EAAiB,wiBACvB,IAAAC,EAAeD,E,ICMFE,EAAWC,EAAA,2B,4FAcdC,KAAAC,oBAAsB,WAC5BC,EAAKC,YAAcD,EAAKC,WACxB,IAAMC,EAAgBC,MAAMC,KAAKJ,EAAKK,YAAYC,WAAWC,UAAUC,QAAQR,EAAKK,aACpFL,EAAKS,oBAAoBC,KAAK,CAAEC,SAAUT,EAAeD,WAAYD,EAAKC,Y,EAsBpEH,KAAAc,iBAAmB,WACzB,IAAMC,EAAeC,KAAKC,SAASC,SAAS,IAAIC,UAAU,EAAG,GAC7D,IAAMC,GAAY,IAAIC,MAAOC,cAAcC,QAAQ,QAAS,KAC5D,IAAMC,EAAW,GAAAC,OAAGV,EAAY,KAAAU,OAAIL,GAEpC,OAAOI,C,kBAhCsB,K,CAQvBE,EAAAC,UAAAC,WAAA,WACN,IAAMA,EAAa,GAEnB,GAAI5B,KAAKG,WAAY,CACnByB,EAAWC,KAAK,c,CAGlB,OAAOD,EAAWE,KAAK,K,EAGzBJ,EAAAC,UAAAI,oBAAA,WACE/B,KAAKgC,SAAWhC,KAAKO,YAAY0B,QAAQ,aAEzC,GAAIjC,KAAKgC,UAAYhC,KAAKgC,SAASE,YAAa,CAC9C,IAAMC,EAAYnC,KAAKO,YAAY6B,cAAc,kBACjDD,IAAS,MAATA,SAAS,SAATA,EAAWE,UAAUC,IAAI,W,GAY7BZ,EAAAC,UAAAY,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO3C,KAAK4B,aACZgB,KAAK,OAEJ5C,KAAKgC,UAAYhC,KAAKgC,SAASa,YAC9BL,EAAA,kBAAAE,IAAA,2CAAgBI,KAAM9C,KAAKgC,SAASE,YAAc,gBAAkB,GAAIS,MAAO3C,KAAKgC,SAASa,WAAa,eAAiB,IACzHL,EAAA,gBAAAE,IAAA,2CACEK,YAAa/C,KAAKc,mBAClBkC,QAAShD,KAAKC,oBACdgD,MAAO,aACPC,YAAa,KACbC,QAASnD,KAAKG,cAIpBqC,EAAA,QAAAE,IAAA,6C,gIAhEgB,I"}

package/dist/pine-core/p-64b4cb70.system.js

@@ -0,0 +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 __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{l(t.next(r))}catch(r){a(r)}}function u(r){try{l(t["throw"](r))}catch(r){a(r)}}function l(r){r.done?n(r.value):i(r.value).then(f,u)}l((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 l([r,e])}}function l(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,initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:true,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:true,state:true,style:true,svg:false,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:true,watchCallback:true};var a;var f;var u;var l=false;var o=false;var v=false;var s=false;var c=false;var d=function(r,e){if(e===void 0){e=""}{return function(){return}}};var p=function(r,e){{return function(){return}}};var h="r";var y="o";var $="s";var m="t";var b="s-id";var w="sty-id";var g="c-id";var _="{visibility:hidden}.hydrated{visibility:inherit}";var S="slot-fb{display:contents}slot-fb[hidden]{display:none}";var k="http://www.w3.org/1999/xlink";var x={};var A=function(r){return r!=null};var C=function(r){r=typeof r;return r==="object"||r==="function"};function j(r){var e,n,t;return(t=(n=(e=r.head)===null||e===void 0?void 0:e.querySelector('meta[name="csp-nonce"]'))===null||n===void 0?void 0:n.getAttribute("content"))!==null&&t!==void 0?t:undefined}var O=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 l=false;var o=[];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"&&!C(i)){i=String(i)}if(u&&l){o[o.length-1].t+=i}else{o.push(u?T(null,i):i)}l=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,o,D)}var c=T(r,null);c.i=e;if(o.length>0){c.u=o}{c.l=a}{c.o=f}return c}));var T=function(r,e){var n={v:0,p:r,t:e,h:null,u:null};{n.i=null}{n.l=null}{n.o=null}return n};var L=r("H",{});var R=function(r){return r&&r.p===L};var D={forEach:function(r,e){return r.map(M).forEach(e)},map:function(r,e){return r.map(M).map(e).map(F)}};var M=function(r){return{vattrs:r.i,vchildren:r.u,vkey:r.l,vname:r.o,vtag:r.p,vtext:r.t}};var F=function(r){if(typeof r.vtag==="function"){var e=Object.assign({},r.vattrs);if(r.vkey){e.key=r.vkey}if(r.vname){e.name=r.vname}return O.apply(void 0,__spreadArray([r.vtag,e],r.vchildren||[],false))}var n=T(r.vtag,r.vtext);n.i=r.vattrs;n.u=r.vchildren;n.l=r.vkey;n.o=r.vname;return n};var P=function(r,e,n,t){var i=d("hydrateClient",e);var a=r.shadowRoot;var f=[];var u=[];var l=a?[]:null;var o=t.$=T(e,null);if(!re.m){N(Zr.body,re.m=new Map)}r[b]=n;r.removeAttribute(b);E(o,f,u,l,r,r,n);f.map((function(r){var n=r._+"."+r.S;var t=re.m.get(n);var i=r.h;if(t&&ee&&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}}re.m.delete(n)}));if(a){l.map((function(r){if(r){a.appendChild(r)}}))}i()};var E=function(r,e,n,t,i,a,f){var u;var l;var o;var v;if(a.nodeType===1){u=a.getAttribute(g);if(u){l=u.split(".");if(l[0]===f||l[0]==="0"){o={v:0,_:l[0],S:l[1],k:l[2],A:l[3],p:a.tagName.toLowerCase(),h:a,i:null,u:null,l:null,o:null,t:null};e.push(o);a.removeAttribute(g);if(!r.u){r.u=[]}r.u[o.A]=o;r=o;if(t&&o.k==="0"){t[o.A]=o.h}}}for(v=a.childNodes.length-1;v>=0;v--){E(r,e,n,t,i,a.childNodes[v],f)}if(a.shadowRoot){for(v=a.shadowRoot.childNodes.length-1;v>=0;v--){E(r,e,n,t,i,a.shadowRoot.childNodes[v],f)}}}else if(a.nodeType===8){l=a.nodeValue.split(".");if(l[1]===f||l[1]==="0"){u=l[0];o={v:0,_:l[1],S:l[2],k:l[3],A:l[4],h:a,i:null,u:null,l:null,o:null,p:null,t:null};if(u===m){o.h=a.nextSibling;if(o.h&&o.h.nodeType===3){o.t=o.h.textContent;e.push(o);a.remove();if(!r.u){r.u=[]}r.u[o.A]=o;if(t&&o.k==="0"){t[o.A]=o.h}}}else if(o._===f){if(u===$){o.p="slot";if(l[5]){a["s-sn"]=o.o=l[5]}else{a["s-sn"]=""}a["s-sr"]=true;if(t){o.h=Zr.createElement(o.p);if(o.o){o.h.setAttribute("name",o.o)}a.parentNode.insertBefore(o.h,a);a.remove();if(o.k==="0"){t[o.A]=o.h}}n.push(o);if(!r.u){r.u=[]}r.u[o.A]=o}else if(u===h){if(t){a.remove()}else{i["s-cr"]=a;a["s-cn"]=true}}}}}else if(r&&r.p==="style"){var s=T(null,a.textContent);s.h=a;s.A="0";r.u=[s]}};var N=function(r,e){if(r.nodeType===1){var n=0;for(;n<r.childNodes.length;n++){N(r.childNodes[n],e)}if(r.shadowRoot){for(n=0;n<r.shadowRoot.childNodes.length;n++){N(r.shadowRoot.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 U=function(r,e){if(r!=null&&!C(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 W=r("g",(function(r){return Hr(r).$hostElement$}));var I=r("c",(function(r,e,n){var t=W(r);return{emit:function(r){return z(t,e,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:r})}}}));var z=function(r,e,n){var t=re.ce(e,n);r.dispatchEvent(t);return t};var B=new WeakMap;var H=function(r,e,n){var t=Jr.get(r);if(ie&&n){t=t||new CSSStyleSheet;if(typeof t==="string"){t=e}else{t.replaceSync(e)}}else{t=e}Jr.set(r,t)};var Q=function(r,e,n){var t;var i=G(e);var a=Jr.get(i);r=r.nodeType===11?r:Zr;if(a){if(typeof a==="string"){r=r.head||r;var f=B.get(r);var u=void 0;if(!f){B.set(r,f=new Set)}if(!f.has(i)){if(r.host&&(u=r.querySelector("[".concat(w,'="').concat(i,'"]')))){u.innerHTML=a}else{u=Zr.createElement("style");u.innerHTML=a;var l=(t=re.C)!==null&&t!==void 0?t:j(Zr);if(l!=null){u.setAttribute("nonce",l)}r.insertBefore(u,r.querySelector("link"))}if(e.v&4){u.innerHTML+=S}if(f){f.add(i)}}}else if(!r.adoptedStyleSheets.includes(a)){r.adoptedStyleSheets=__spreadArray(__spreadArray([],r.adoptedStyleSheets,true),[a],false)}}return i};var q=function(r){var e=r.j;var n=r.$hostElement$;var t=e.v;var i=d("attachStyles",e.O);var a=Q(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);if(t&10){n["s-sc"]=a;n.classList.add(a+"-h");if(t&2){n.classList.add(a+"-s")}}i()};var G=function(r,e){return"sc-"+r.O};var K=function(r){return r.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{")};var V=function(r,e,n,t,i,a){if(n!==t){var f=Gr(r,e);var u=e.toLowerCase();if(e==="class"){var l=r.classList;var o=J(n);var v=J(t);l.remove.apply(l,o.filter((function(r){return r&&!v.includes(r)})));l.add.apply(l,v.filter((function(r){return r&&!o.includes(r)})))}else if(e==="style"){{for(var s in n){if(!t||t[s]==null){if(s.includes("-")){r.style.removeProperty(s)}else{r.style[s]=""}}}}for(var s in t){if(!n||t[s]!==n[s]){if(s.includes("-")){r.style.setProperty(s,t[s])}else{r.style[s]=t[s]}}}}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(Gr(Yr,u)){e=u.slice(2)}else{e=u[2]+e.slice(3)}if(n||t){var c=e.endsWith(Y);e=e.replace(Z,"");if(n){re.rel(r,e,n,c)}if(t){re.ael(r,e,t,c)}}}else{var d=C(t);if((f||d&&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){r[e]=p}}else{r[e]=t}}catch(r){}}var h=false;{if(u!==(u=u.replace(/^xlink\:?/,""))){e=u;h=true}}if(t==null||t===false){if(t!==false||r.getAttribute(e)===""){if(h){r.removeAttributeNS(k,e)}else{r.removeAttribute(e)}}}else if((!f||a&4||i)&&!d){t=t===true?"":t;if(h){r.setAttributeNS(k,e,t)}else{r.setAttribute(e,t)}}}}};var X=/\s/;var J=function(r){return!r?[]:r.split(X)};var Y="Capture";var Z=new RegExp(Y+"$");var rr=function(r,e,n,t){var i=e.h.nodeType===11&&e.h.host?e.h.host:e.h;var a=r&&r.i||x;var f=e.i||x;{for(var u=0,l=er(Object.keys(a));u<l.length;u++){t=l[u];if(!(t in f)){V(i,t,a[t],undefined,n,e.v)}}}for(var o=0,v=er(Object.keys(f));o<v.length;o++){t=v[o];V(i,t,a[t],f[t],n,e.v)}};function er(r){return r.includes("ref")?__spreadArray(__spreadArray([],r.filter((function(r){return r!=="ref"})),true),["ref"],false):r}var nr=function(r,e,n,t){var i;var o=e.u[n];var c=0;var d;var p;var h;if(!l){v=true;if(o.p==="slot"){if(a){t.classList.add(a+"-s")}o.v|=o.u?2:1}}if(o.t!==null){d=o.h=Zr.createTextNode(o.t)}else if(o.v&1){d=o.h=Zr.createTextNode("")}else{d=o.h=Zr.createElement(o.v&2?"slot-fb":o.p);{rr(null,o,s)}if(A(a)&&d["s-si"]!==a){d.classList.add(d["s-si"]=a)}if(o.u){for(c=0;c<o.u.length;++c){p=nr(r,o,c,d);if(p){d.appendChild(p)}}}}d["s-hn"]=u;{if(o.v&(2|1)){d["s-sr"]=true;d["s-cr"]=f;d["s-sn"]=o.o||"";d["s-rf"]=(i=o.i)===null||i===void 0?void 0:i.ref;h=r&&r.u&&r.u[n];if(h&&h.p===o.p&&r.h){{tr(r.h,false)}}}}return d};var tr=function(r,e){re.v|=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"]===u){n.push(t)}}}for(var a=n.length-1;a>=0;a--){var f=n[a];if(f["s-hn"]!==u&&f["s-ol"]){or(f).insertBefore(f,lr(f));f["s-ol"].remove();f["s-ol"]=undefined;f["s-sh"]=undefined;v=true}if(e){tr(f,e)}}re.v&=~1};var ir=function(r,e,n,t,i,a){var f=r["s-cr"]&&r["s-cr"].parentNode||r;var l;if(f.shadowRoot&&f.tagName===u){f=f.shadowRoot}for(;i<=a;++i){if(t[i]){l=nr(null,n,i,r);if(l){t[i].h=l;f.insertBefore(l,lr(e))}}}};var ar=function(r,e,n){for(var t=e;t<=n;++t){var i=r[t];if(i){var a=i.h;hr(i);if(a){{o=true;if(a["s-ol"]){a["s-ol"].remove()}else{tr(a,true)}}a.remove()}}}};var fr=function(r,e,n,t,i){if(i===void 0){i=false}var a=0;var f=0;var u=0;var l=0;var o=e.length-1;var v=e[0];var s=e[o];var c=t.length-1;var d=t[0];var p=t[c];var h;var y;while(a<=o&&f<=c){if(v==null){v=e[++a]}else if(s==null){s=e[--o]}else if(d==null){d=t[++f]}else if(p==null){p=t[--c]}else if(ur(v,d,i)){vr(v,d,i);v=e[++a];d=t[++f]}else if(ur(s,p,i)){vr(s,p,i);s=e[--o];p=t[--c]}else if(ur(v,p,i)){if(v.p==="slot"||p.p==="slot"){tr(v.h.parentNode,false)}vr(v,p,i);r.insertBefore(v.h,s.h.nextSibling);v=e[++a];p=t[--c]}else if(ur(s,d,i)){if(v.p==="slot"||p.p==="slot"){tr(s.h.parentNode,false)}vr(s,d,i);r.insertBefore(s.h,v.h);s=e[--o];d=t[++f]}else{u=-1;{for(l=a;l<=o;++l){if(e[l]&&e[l].l!==null&&e[l].l===d.l){u=l;break}}}if(u>=0){y=e[u];if(y.p!==d.p){h=nr(e&&e[f],n,u,r)}else{vr(y,d,i);e[u]=undefined;h=y.h}d=t[++f]}else{h=nr(e&&e[f],n,f,r);d=t[++f]}if(h){{or(v.h).insertBefore(h,lr(v.h))}}}}if(a>o){ir(r,t[c+1]==null?null:t[c+1].h,n,t,f,c)}else if(f>c){ar(e,a,o)}};var ur=function(r,e,n){if(n===void 0){n=false}if(r.p===e.p){if(r.p==="slot"){return r.o===e.o}if(!n){return r.l===e.l}return true}return false};var lr=function(r){return r&&r["s-ol"]||r};var or=function(r){return(r["s-ol"]?r["s-ol"]:r).parentNode};var vr=function(r,e,n){if(n===void 0){n=false}var t=e.h=r.h;var i=r.u;var a=e.u;var f=e.p;var u=e.t;var o;if(u===null){{if(f==="slot"&&!l);else{rr(r,e,s)}}if(i!==null&&a!==null){fr(t,i,e,a,n)}else if(a!==null){if(r.t!==null){t.textContent=""}ir(t,null,e,a,0,a.length-1)}else if(i!==null){ar(i,0,i.length-1)}}else if(o=t["s-cr"]){o.parentNode.textContent=u}else if(r.t!==u){t.data=u}};var sr=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 l=u[f];if(l!==i){if(l["s-hn"]!==i["s-hn"]||a!==""){if(l.nodeType===1&&(a===l.getAttribute("slot")||a===l["s-sn"])){i.hidden=true;break}}else{if(l.nodeType===1||l.nodeType===3&&l.textContent.trim()!==""){i.hidden=true;break}}}}}sr(i)}}};var cr=[];var dr=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 l=u["s-sn"];var v=function(){e=n[t];if(!e["s-cn"]&&!e["s-nr"]&&e["s-hn"]!==u["s-hn"]&&!i.experimentalSlotFixes){if(pr(e,l)){var r=cr.find((function(r){return r.T===e}));o=true;e["s-sn"]=e["s-sn"]||l;if(r){r.T["s-sh"]=u["s-hn"];r.L=u}else{e["s-sh"]=u["s-hn"];cr.push({L:u,T:e})}if(e["s-sr"]){cr.map((function(n){if(pr(n.T,e["s-sn"])){r=cr.find((function(r){return r.T===e}));if(r&&!n.L){n.L=r.L}}}))}}else if(!cr.some((function(r){return r.T===e}))){cr.push({T:e})}}};for(t=n.length-1;t>=0;t--){v()}}if(u.nodeType===1){dr(u)}}};var pr=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 hr=function(r){{r.i&&r.i.ref&&r.i.ref(null);r.u&&r.u.map(hr)}};var yr=function(r,e,n){if(n===void 0){n=false}var t,i,s,c;var d=r.$hostElement$;var p=r.j;var h=r.$||T(null,null);var y=R(e)?e:O(null,null,e);u=d.tagName;if(p.R){y.i=y.i||{};p.R.map((function(r){var e=r[0],n=r[1];return y.i[n]=d[e]}))}if(n&&y.i){for(var $=0,m=Object.keys(y.i);$<m.length;$++){var b=m[$];if(d.hasAttribute(b)&&!["key","ref","style","class"].includes(b)){y.i[b]=d[b]}}}y.p=null;y.v|=4;r.$=y;y.h=h.h=d.shadowRoot||d;{a=d["s-sc"]}l=(p.v&1)!==0;{f=d["s-cr"];o=false}vr(h,y,n);{re.v|=1;if(v){dr(y.h);for(var w=0,g=cr;w<g.length;w++){var _=g[w];var S=_.T;if(!S["s-ol"]){var k=Zr.createTextNode("");k["s-nr"]=S;S.parentNode.insertBefore(S["s-ol"]=k,S)}}for(var x=0,A=cr;x<A.length;x++){var _=A[x];var S=_.T;var C=_.L;if(C){var j=C.parentNode;var L=C.nextSibling;{var k=(t=S["s-ol"])===null||t===void 0?void 0:t.previousSibling;while(k){var D=(i=k["s-nr"])!==null&&i!==void 0?i:null;if(D&&D["s-sn"]===S["s-sn"]&&j===D.parentNode){D=D.nextSibling;while(D===S||(D===null||D===void 0?void 0:D["s-sr"])){D=D===null||D===void 0?void 0:D.nextSibling}if(!D||!D["s-nr"]){L=D;break}}k=k.previousSibling}}if(!L&&j!==S.parentNode||S.nextSibling!==L){if(S!==L){if(!S["s-hn"]&&S["s-ol"]){S["s-hn"]=S["s-ol"].parentNode.nodeName}j.insertBefore(S,L);if(S.nodeType===1){S.hidden=(s=S["s-ih"])!==null&&s!==void 0?s:false}}}S&&typeof C["s-rf"]==="function"&&C["s-rf"](S)}else{if(S.nodeType===1){if(n){S["s-ih"]=(c=S.hidden)!==null&&c!==void 0?c:false}S.hidden=true}}}}if(o){sr(y.h)}re.v&=~1;cr.length=0}f=undefined};var $r=function(r,e){if(e&&!r.D&&e["s-p"]){e["s-p"].push(new Promise((function(e){return r.D=e})))}};var mr=function(r,e){{r.v|=16}if(r.v&4){r.v|=512;return}$r(r,r.M);var n=function(){return br(r,e)};return se(n)};var br=function(r,e){var n=d("scheduleUpdate",r.j.O);var t=r.F;var i;if(e){{r.v|=256;if(r.P){r.P.map((function(r){var e=r[0],n=r[1];return Ar(t,e,n)}));r.P=undefined}}{i=Ar(t,"componentWillLoad")}}{i=wr(i,(function(){return Ar(t,"componentWillRender")}))}n();return wr(i,(function(){return _r(r,t,e)}))};var wr=function(r,e){return gr(r)?r.then(e):e()};var gr=function(r){return r instanceof Promise||r&&r.then&&typeof r.then==="function"};var _r=function(r,e,t){return __awaiter(n,void 0,void 0,(function(){var n,i,a,f,u,l,o;return __generator(this,(function(v){i=r.$hostElement$;a=d("update",r.j.O);f=i["s-rc"];if(t){q(r)}u=d("render",r.j.O);{Sr(r,e,i,t)}if(f){f.map((function(r){return r()}));i["s-rc"]=undefined}u();a();{l=(n=i["s-p"])!==null&&n!==void 0?n:[];o=function(){return kr(r)};if(l.length===0){o()}else{Promise.all(l).then(o);r.v|=4;l.length=0}}return[2]}))}))};var Sr=function(r,e,n,t){try{e=e.render();{r.v&=~16}{r.v|=2}{{{yr(r,e,t)}}}}catch(e){Kr(e,r.$hostElement$)}return null};var kr=function(r){var e=r.j.O;var n=r.$hostElement$;var t=d("postUpdate",e);var i=r.F;var a=r.M;{Ar(i,"componentDidRender")}if(!(r.v&64)){r.v|=64;{Cr(n)}{Ar(i,"componentDidLoad")}t();{r.N(n);if(!a){xr()}}}else{{Ar(i,"componentDidUpdate")}t()}{r.U(n)}{if(r.D){r.D();r.D=undefined}if(r.v&512){ve((function(){return mr(r,false)}))}r.v&=~(4|512)}};var xr=function(r){{Cr(Zr.documentElement)}ve((function(){return z(Yr,"appload",{detail:{namespace:t}})}))};var Ar=function(r,e,n){if(r&&r[e]){try{return r[e](n)}catch(r){Kr(r)}}return undefined};var Cr=function(r){return r.classList.add("hydrated")};var jr=function(r,e){return Hr(r).W.get(e)};var Or=function(r,e,n,t){var i=Hr(r);var a=i.$hostElement$;var f=i.W.get(e);var u=i.v;var l=i.F;n=U(n,t.I[e][0]);var o=Number.isNaN(f)&&Number.isNaN(n);var v=n!==f&&!o;if((!(u&8)||f===undefined)&&v){i.W.set(e,n);if(l){if(t.B&&u&128){var s=t.B[e];if(s){s.map((function(r){try{l[r](n,f,e)}catch(r){Kr(r,a)}}))}}if((u&(2|16))===2){mr(i,false)}}}};var Tr=function(r,e,n){var t;var i=r.prototype;if(e.I){if(r.watchers){e.B=r.watchers}var a=Object.entries(e.I);a.map((function(r){var t=r[0],a=r[1][0];if(a&31||n&2&&a&32){Object.defineProperty(i,t,{get:function(){return jr(this,t)},set:function(r){Or(this,t,r,e)},configurable:true,enumerable:true})}else if(n&1&&a&64){Object.defineProperty(i,t,{value:function(){var r=[];for(var e=0;e<arguments.length;e++){r[e]=arguments[e]}var n;var i=Hr(this);return(n=i===null||i===void 0?void 0:i.H)===null||n===void 0?void 0:n.then((function(){var e;return(e=i.F)===null||e===void 0?void 0:e[t].apply(e,r)}))}})}}));if(n&1){var f=new Map;i.attributeChangedCallback=function(r,n,t){var a=this;re.jmp((function(){var u;var l=f.get(r);if(a.hasOwnProperty(l)){t=a[l];delete a[l]}else if(i.hasOwnProperty(l)&&typeof a[l]==="number"&&a[l]==t){return}else if(l==null){var o=Hr(a);var v=o===null||o===void 0?void 0:o.v;if(v&&!(v&8)&&v&128&&t!==n){var s=o.F;var c=(u=e.B)===null||u===void 0?void 0:u[r];c===null||c===void 0?void 0:c.forEach((function(e){if(s[e]!=null){s[e].call(s,t,n,r)}}))}return}a[l]=t===null&&typeof a[l]==="boolean"?false:t}))};r.observedAttributes=Array.from(new Set(__spreadArray(__spreadArray([],Object.keys((t=e.B)!==null&&t!==void 0?t:{}),true),a.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;f.set(a,n);if(t[0]&512){(i=e.R)===null||i===void 0?void 0:i.push([n,a])}return a})),true)))}}return r};var Lr=function(r,e,t,i){return __awaiter(n,void 0,void 0,(function(){var n,i,a,f,u,l,o,v,s;return __generator(this,(function(c){switch(c.label){case 0:if(!((e.v&32)===0))return[3,5];e.v|=32;i=t.q;if(!i)return[3,3];n=Xr(t);if(!n.then)return[3,2];a=p();return[4,n];case 1:n=c.sent();a();c.label=2;case 2:if(!n.isProxied){{t.B=n.watchers}Tr(n,t,2);n.isProxied=true}f=d("createInstance",t.O);{e.v|=8}try{new n(e)}catch(r){Kr(r)}{e.v&=~8}{e.v|=128}f();Rr(e.F);return[3,4];case 3:n=r.constructor;customElements.whenDefined(t.O).then((function(){return e.v|=128}));c.label=4;case 4:if(n.style){u=n.style;l=G(t);if(!Jr.has(l)){o=d("registerStyles",t.O);H(l,u,!!(t.v&1));o()}}c.label=5;case 5:v=e.M;s=function(){return mr(e,true)};if(v&&v["s-rc"]){v["s-rc"].push(s)}else{s()}return[2]}}))}))};var Rr=function(r){{Ar(r,"connectedCallback")}};var Dr=function(r){if((re.v&1)===0){var e=Hr(r);var n=e.j;var t=d("connectedCallback",n.O);if(!(e.v&1)){e.v|=1;var i=void 0;{i=r.getAttribute(b);if(i){if(n.v&1){var a=Q(r.shadowRoot,n);r.classList.remove(a+"-h",a+"-s")}P(r,n.O,i,e)}}if(!i){if(n.v&(4|8)){Mr(r)}}{var f=r;while(f=f.parentNode||f.host){if(f.nodeType===1&&f.hasAttribute("s-id")&&f["s-p"]||f["s-p"]){$r(e,e.M=f);break}}}if(n.I){Object.entries(n.I).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}}))}{Lr(r,e,n)}}else{Nr(r,e,n.G);if(e===null||e===void 0?void 0:e.F){Rr(e.F)}else if(e===null||e===void 0?void 0:e.K){e.K.then((function(){return Rr(e.F)}))}}t()}};var Mr=function(r){var e=r["s-cr"]=Zr.createComment("");e["s-cn"]=true;r.insertBefore(e,r.firstChild)};var Fr=function(r){{Ar(r,"disconnectedCallback")}};var Pr=function(r){return __awaiter(n,void 0,void 0,(function(){var e;return __generator(this,(function(n){if((re.v&1)===0){e=Hr(r);{if(e.V){e.V.map((function(r){return r()}));e.V=undefined}}if(e===null||e===void 0?void 0:e.F){Fr(e.F)}else if(e===null||e===void 0?void 0:e.K){e.K.then((function(){return Fr(e.F)}))}}return[2]}))}))};var Er=r("b",(function(r,e){if(e===void 0){e={}}var n;var t=d();var i=[];var a=e.exclude||[];var f=Yr.customElements;var u=Zr.head;var l=u.querySelector("meta[charset]");var o=Zr.createElement("style");var v=[];var s=Zr.querySelectorAll("[".concat(w,"]"));var c;var p=true;var h=0;Object.assign(re,e);re.X=new URL(e.resourcesUrl||"./",Zr.baseURI).href;{re.v|=2}{for(;h<s.length;h++){H(s[h].getAttribute(w),K(s[h].innerHTML),true)}}var y=false;r.map((function(r){r[1].map((function(e){var n;var t={v:e[0],O:e[1],I:e[2],G:e[3]};if(t.v&4){y=true}{t.I=e[2]}{t.G=e[3]}{t.R=[]}{t.B=(n=e[4])!==null&&n!==void 0?n:{}}var u=t.O;var l=function(r){__extends(e,r);function e(e){var n=r.call(this,e)||this;e=n;qr(e,t);if(t.v&1){{{e.attachShadow({mode:"open"})}}}return n}e.prototype.connectedCallback=function(){var r=this;if(c){clearTimeout(c);c=null}if(p){v.push(this)}else{re.jmp((function(){return Dr(r)}))}};e.prototype.disconnectedCallback=function(){var r=this;re.jmp((function(){return Pr(r)}))};e.prototype.componentOnReady=function(){return Hr(this).K};return e}(HTMLElement);t.q=r[0];if(!a.includes(u)&&!f.get(u)){i.push(u);f.define(u,Tr(l,t,1))}}))}));if(i.length>0){if(y){o.textContent+=S}{o.textContent+=i+_}if(o.innerHTML.length){o.setAttribute("data-styles","");var $=(n=re.C)!==null&&n!==void 0?n:j(Zr);if($!=null){o.setAttribute("nonce",$)}u.insertBefore(o,l?l.nextSibling:u.firstChild)}}p=false;if(v.length){v.map((function(r){return r.connectedCallback()}))}else{{re.jmp((function(){return c=setTimeout(xr,30)}))}}t()}));var Nr=function(r,e,n,t){if(n){n.map((function(n){var t=n[0],i=n[1],a=n[2];var f=Wr(r,t);var u=Ur(e,a);var l=Ir(t);re.ael(f,i,u,l);(e.V=e.V||[]).push((function(){return re.rel(f,i,u,l)}))}))}};var Ur=function(r,e){return function(n){try{{if(r.v&256){r.F[e](n)}else{(r.P=r.P||[]).push([e,n])}}}catch(r){Kr(r)}}};var Wr=function(r,e){if(e&16)return Zr.body;return r};var Ir=function(r){return ne?{passive:(r&1)!==0,capture:(r&2)!==0}:(r&2)!==0};var zr=r("s",(function(r){return re.C=r}));var Br=new WeakMap;var Hr=function(r){return Br.get(r)};var Qr=r("r",(function(r,e){return Br.set(e.F=r,e)}));var qr=function(r,e){var n={v:0,$hostElement$:r,j:e,W:new Map};{n.H=new Promise((function(r){return n.U=r}))}{n.K=new Promise((function(r){return n.N=r}));r["s-p"]=[];r["s-rc"]=[]}Nr(r,n,e.G);return Br.set(r,n)};var Gr=function(r,e){return e in r};var Kr=function(r,e){return(0,console.error)(r,e)};var Vr=new Map;var Xr=function(r,n,t){var i=r.O.replace(/-/g,"_");var a=r.q;var f=Vr.get(a);if(f){return f[i]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return e.import("./".concat(a,".entry.js").concat("")).then((function(r){{Vr.set(a,r)}return r[i]}),Kr)};var Jr=new Map;var Yr=typeof window!=="undefined"?window:{};var Zr=Yr.document||{head:{}};var re={v:0,X:"",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 ee=true;var ne=function(){var r=false;try{Zr.addEventListener("e",null,Object.defineProperty({},"passive",{get:function(){r=true}}))}catch(r){}return r}();var te=r("p",(function(r){return Promise.resolve(r)}));var ie=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(r){}return false}();var ae=[];var fe=[];var ue=function(r,e){return function(n){r.push(n);if(!c){c=true;if(e&&re.v&4){ve(oe)}else{re.raf(oe)}}}};var le=function(r){for(var e=0;e<r.length;e++){try{r[e](performance.now())}catch(r){Kr(r)}}r.length=0};var oe=function(){le(ae);{le(fe);if(c=ae.length>0){re.raf(oe)}}};var ve=function(r){return te().then(r)};var se=ue(fe,true)}}}));
+//# sourceMappingURL=p-64b4cb70.system.js.map