@pine-ds/core 0.0.2-alpha.0

package/dist/esm-es5/index.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.js.map

package/dist/esm-es5/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":""}

package/dist/esm-es5/loader.js

@@ -0,0 +1,2 @@
+import{b as bootstrapLazy}from"./index-a58668b3.js";export{s as setNonce}from"./index-a58668b3.js";var defineCustomElements=function(e,n){if(typeof window==="undefined")return undefined;return bootstrapLazy([["pds-copytext",[[1,"pds-copytext",{border:[516],componentId:[1,"component-id"],fullWidth:[4,"full-width"],truncate:[4],value:[1]}]]],["pds-avatar",[[1,"pds-avatar",{alt:[1],badge:[4],componentId:[1,"component-id"],dropdown:[4],image:[1],size:[513],variant:[513]}]]],["pds-chip",[[1,"pds-chip",{componentId:[1,"component-id"],sentiment:[1],dot:[4],label:[1],large:[4],variant:[1]}]]],["pds-link",[[1,"pds-link",{componentId:[1,"component-id"],external:[4],variant:[1],fontSize:[1,"font-size"],href:[1]}]]],["pds-sortable-item",[[6,"pds-sortable-item",{enableActions:[4,"enable-actions"],componentId:[1,"component-id"],handle:[4]}]]],["pds-checkbox",[[1,"pds-checkbox",{checked:[4],componentId:[1,"component-id"],disabled:[4],errorMessage:[1,"error-message"],helperMessage:[1,"helper-message"],indeterminate:[4],invalid:[4],label:[1],name:[1],required:[4],value:[1]}]]],["pds-divider",[[1,"pds-divider",{componentId:[1,"component-id"],offset:[1],vertical:[4]}]]],["pds-image",[[1,"pds-image",{alt:[1],componentId:[1,"component-id"],height:[2],loading:[1],sizes:[1],src:[1],srcset:[1],width:[2]}]]],["pds-input",[[1,"pds-input",{componentId:[1,"component-id"],disabled:[4],errorMessage:[1,"error-message"],helperMessage:[1,"helper-message"],invalid:[4],label:[1],name:[1],placeholder:[1],readonly:[4],required:[4],type:[1],value:[1025]}]]],["pds-progress",[[1,"pds-progress",{animated:[4],componentId:[1,"component-id"],fillColor:[1,"fill-color"],label:[1],percent:[2],showPercent:[4,"show-percent"]}]]],["pds-radio",[[2,"pds-radio",{checked:[4],disabled:[4],errorMessage:[1,"error-message"],invalid:[4],componentId:[1,"component-id"],label:[1],helperMessage:[1,"helper-message"],name:[1],required:[4],value:[1]}]]],["pds-sortable",[[6,"pds-sortable",{border:[516],componentId:[1,"component-id"],dividers:[516],handleType:[1,"handle-type"]}]]],["pds-switch",[[1,"pds-switch",{componentId:[1,"component-id"],checked:[4],disabled:[4],errorMessage:[1,"error-message"],helperMessage:[1,"helper-message"],invalid:[4],label:[1],name:[1],required:[4],type:[1],value:[1]}]]],["pds-tab",[[4,"pds-tab",{name:[1],parentComponentId:[1,"parent-component-id"],variant:[1],index:[2],selected:[4]}]]],["pds-tabpanel",[[4,"pds-tabpanel",{name:[1],parentComponentId:[1,"parent-component-id"],variant:[1],selected:[1028]}]]],["pds-tabs",[[1,"pds-tabs",{tablistLabel:[1,"tablist-label"],componentId:[1,"component-id"],variant:[1],activeTabName:[1025,"active-tab-name"],activeTabIndex:[1026,"active-tab-index"]},[[16,"pdsTabClick","tabClickHandler"],[0,"keydown","handleKeyDown"]]]]],["pds-textarea",[[1,"pds-textarea",{componentId:[1,"component-id"],disabled:[4],errorMessage:[1,"error-message"],helperMessage:[1,"helper-message"],invalid:[1028],label:[1],name:[1],placeholder:[1],readonly:[4],required:[4],rows:[2],value:[1025]}]]],["pds-tooltip",[[1,"pds-tooltip",{content:[1],componentId:[1,"component-id"],hasArrow:[4,"has-arrow"],htmlContent:[4,"html-content"],placement:[513],opened:[1540],isOpen:[32],showTooltip:[64],hideTooltip:[64]},null,{opened:["handleOpenToggle"]}]]],["pds-icon",[[1,"pds-icon",{color:[1],icon:[8],name:[513],size:[513],ariaLabel:[32],isVisible:[32],svgContent:[32]},null,{name:["loadIcon"],icon:["loadIcon"]}]]],["pds-button",[[1,"pds-button",{componentId:[1,"component-id"],disabled:[4],icon:[1],name:[1],value:[1],type:[1],variant:[1]}]]]],n)};export{defineCustomElements};
+//# sourceMappingURL=loader.js.map

package/dist/esm-es5/loader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defineCustomElements","win","options","window","undefined","bootstrapLazy","border","componentId","fullWidth","truncate","value","alt","badge","dropdown","image","size","variant","sentiment","dot","label","large","external","fontSize","href","enableActions","handle","checked","disabled","errorMessage","helperMessage","indeterminate","invalid","name","required","offset","vertical","height","loading","sizes","src","srcset","width","placeholder","readonly","type","animated","fillColor","percent","showPercent","dividers","handleType","parentComponentId","index","selected","tablistLabel","activeTabName","activeTabIndex","rows","content","hasArrow","htmlContent","placement","opened","isOpen","showTooltip","hideTooltip","color","icon","ariaLabel","isVisible","svgContent"],"sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = (win, options) => {\n  if (typeof window === 'undefined') return undefined;\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"mappings":"mGAGY,IAACA,qBAAuB,SAACC,EAAKC,GACxC,UAAWC,SAAW,YAAa,OAAOC,UAE1C,OAAOC,cAAc,oCAA8B,CAAOC,OAAE,MAAAC,YAAA,mBAAAC,UAAA,iBAAAC,SAAA,IAAAC,MAAA,wCAAAC,IAAA,IAAAC,MAAA,IAAAL,YAAA,mBAAAM,SAAA,IAAAC,MAAA,IAAAC,KAAA,MAAAC,QAAA,sCAAAT,YAAA,mBAAAU,UAAA,IAAAC,IAAA,IAAAC,MAAA,IAAAC,MAAA,IAAAJ,QAAA,oCAAAT,YAAA,mBAAAc,SAAA,IAAAL,QAAA,IAAAM,SAAA,gBAAAC,KAAA,sDAAAC,cAAA,qBAAAjB,YAAA,mBAAAkB,OAAA,4CAAAC,QAAA,IAAAnB,YAAA,mBAAAoB,SAAA,IAAAC,aAAA,oBAAAC,cAAA,qBAAAC,cAAA,IAAAC,QAAA,IAAAZ,MAAA,IAAAa,KAAA,IAAAC,SAAA,IAAAvB,MAAA,0CAAAH,YAAA,mBAAA2B,OAAA,IAAAC,SAAA,sCAAAxB,IAAA,IAAAJ,YAAA,mBAAA6B,OAAA,IAAAC,QAAA,IAAAC,MAAA,IAAAC,IAAA,IAAAC,OAAA,IAAAC,MAAA,sCAAAlC,YAAA,mBAAAoB,SAAA,IAAAC,aAAA,oBAAAC,cAAA,qBAAAE,QAAA,IAAAZ,MAAA,IAAAa,KAAA,IAAAU,YAAA,IAAAC,SAAA,IAAAV,SAAA,IAAAW,KAAA,IAAAlC,MAAA,+CAAAmC,SAAA,IAAAtC,YAAA,mBAAAuC,UAAA,iBAAA3B,MAAA,IAAA4B,QAAA,IAAAC,YAAA,qDAAAtB,QAAA,IAAAC,SAAA,IAAAC,aAAA,oBAAAG,QAAA,IAAAxB,YAAA,mBAAAY,MAAA,IAAAU,cAAA,qBAAAG,KAAA,IAAAC,SAAA,IAAAvB,MAAA,4CAAAJ,OAAA,MAAAC,YAAA,mBAAA0C,SAAA,MAAAC,WAAA,sDAAA3C,YAAA,mBAAAmB,QAAA,IAAAC,SAAA,IAAAC,aAAA,oBAAAC,cAAA,qBAAAE,QAAA,IAAAZ,MAAA,IAAAa,KAAA,IAAAC,SAAA,IAAAW,KAAA,IAAAlC,MAAA,kCAAAsB,KAAA,IAAAmB,kBAAA,0BAAAnC,QAAA,IAAAoC,MAAA,IAAAC,SAAA,4CAAArB,KAAA,IAAAmB,kBAAA,0BAAAnC,QAAA,IAAAqC,SAAA,uCAAAC,aAAA,oBAAA/C,YAAA,mBAAAS,QAAA,IAAAuC,cAAA,yBAAAC,eAAA,uIAAAjD,YAAA,mBAAAoB,SAAA,IAAAC,aAAA,oBAAAC,cAAA,qBAAAE,QAAA,OAAAZ,MAAA,IAAAa,KAAA,IAAAU,YAAA,IAAAC,SAAA,IAAAV,SAAA,IAAAwB,KAAA,IAAA/C,MAAA,6CAAAgD,QAAA,IAAAnD,YAAA,mBAAAoD,SAAA,gBAAAC,YAAA,mBAAAC,UAAA,MAAAC,OAAA,OAAAC,OAAA,KAAAC,YAAA,KAAAC,YAAA,YAAAH,OAAA,qDAAAI,MAAA,IAAAC,KAAA,IAAAnC,KAAA,MAAAjB,KAAA,MAAAqD,UAAA,KAAAC,UAAA,KAAAC,WAAA,YAAAtC,KAAA,aAAAmC,KAAA,iDAAA5D,YAAA,mBAAAoB,SAAA,IAAAwC,KAAA,IAAAnC,KAAA,IAAAtB,MAAA,IAAAkC,KAAA,IAAA5B,QAAA,SAAAd,EAC9D,S"}

package/dist/esm-es5/pds-avatar.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,h,H as Host}from"./index-a58668b3.js";var pdsAvatarCss=":host{display:inline-block}div{--background-color:var(--pine-color-primary-100);--badge-background-color:var(--pine-color-base-white);--border:var(--pine-border-default);--radius-round:50%;-ms-flex-align:center;align-items:center;background-color:var(--background-color);border-radius:var(--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:12px}:host(.pds-avatar--has-image) div{background:transparent}@supports selector(:has){div:has(img){background-color:transparent}}.pds-avatar__button{--radius-round:50%;--box-shadow-focus:0 0 0 4px var(--pine-color-primary-200);-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--radius-round);cursor:pointer;display:-ms-flexbox;display:flex;padding:0}.pds-avatar__button:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-avatar__badge{background-color:var(--badge-background-color);border:var(--border);border-color:var(--badge-background-color);border-radius:var(--radius-round);bottom:0;position:absolute;right:0}img{border-radius:var(--radius-round);width:100%}";var PdsAvatar=function(){function r(r){var a=this;registerInstance(this,r);this.renderAvatar=function(){var r={height:a.avatarSize(),width:a.avatarSize()};return a.dropdown?h("button",{class:"pds-avatar__button",type:"button"},h("div",{style:r},a.renderIconOrImage(),a.renderBadge())):h("div",{style:r},a.renderIconOrImage(),a.renderBadge())};this.renderBadge=function(){return a.badge&&h("pds-icon",{class:"pds-avatar__badge",name:"check-circle-filled",size:"33.53%"})};this.renderIconOrImage=function(){return a.image?h("img",{alt:a.alt,src:a.image}):h("pds-icon",{name:"user-filled",size:"33.53%"})};this.classNames=function(){var r;return r={"pds-avatar":true},r["pds-avatar--has-image"]=a.image!==""&&a.image!==null,r["pds-avatar--".concat(a.variant)]=a.variant==="admin",r};this.alt=null;this.badge=false;this.componentId=undefined;this.dropdown=false;this.image=null;this.size="lg";this.variant="customer"}r.prototype.avatarSize=function(){var r={xs:"24px",sm:"32px",md:"40px",lg:"56px",xl:"64px"};if(r[this.size]){return r[this.size]}else{return this.size}};r.prototype.render=function(){return h(Host,{id:this.componentId,class:Object.assign({},this.classNames())},this.renderAvatar())};return r}();PdsAvatar.style=pdsAvatarCss;export{PdsAvatar as pds_avatar};
+//# sourceMappingURL=pds-avatar.entry.js.map

package/dist/esm-es5/pds-avatar.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsAvatarCss","PdsAvatar","this","renderAvatar","style","height","_this","avatarSize","width","dropdown","h","class","type","renderIconOrImage","renderBadge","badge","name","size","image","alt","src","classNames","_a","concat","variant","prototype","sizes","xs","sm","md","lg","xl","render","Host","id","componentId","Object","assign"],"sources":["src/components/pds-avatar/pds-avatar.scss?tag=pds-avatar&encapsulation=shadow","src/components/pds-avatar/pds-avatar.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\ndiv {\n  // These custom props are not reachable\n  --background-color: var(--pine-color-primary-100);\n  --badge-background-color: var(--pine-color-base-white);\n  --border: var(--pine-border-default);\n  --radius-round: 50%;\n\n  align-items: center;\n  background-color: var(--background-color);\n  border-radius: var(--radius-round);\n  display: inline-flex;\n  justify-content: center;\n  position: relative;\n\n  :host(.pds-avatar--admin) & {\n    border-radius: 12px;\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  --radius-round: 50%;\n  --box-shadow-focus: 0 0 0 4px var(--pine-color-primary-200);\n\n  align-items: center;\n  appearance: none;\n  background: transparent;\n  border: 0;\n  border-radius: var(--radius-round);\n  cursor: pointer;\n  display: flex;\n  padding: 0;\n\n  &:focus-visible {\n    // outline: var(--pine-border-focus); Border radius for outline does not work in Safari\n    box-shadow: var(--box-shadow-focus); // Remove when outline radius is supported in Safari\n    outline: none;\n  }\n}\n\n.pds-avatar__badge {\n  background-color: var(--badge-background-color);\n  border: var(--border);\n  border-color: var(--badge-background-color);\n  border-radius: var(--radius-round);\n  bottom: 0;\n  position: absolute;\n  right: 0;\n}\n\nimg {\n  border-radius: var(--radius-round);\n  width: 100%;\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pds-avatar',\n  styleUrl: 'pds-avatar.scss',\n  shadow: true,\n})\nexport class PdsAvatar {\n\n  /**\n   * The alt for a custom user image.\n   * @defaultValue null\n   */\n  @Prop() alt?: string | null = null;\n\n  /**\n   * Determines whether the badge is visible or not.\n   * @defaultValue false\n   */\n  @Prop() badge? = false;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Determines whether the avatar functions as a dropdown trigger.\n   * @defaultValue false\n   */\n  @Prop() dropdown? = false;\n\n  /**\n   * The src for a custom user image.\n   * @defaultValue null\n   */\n  @Prop() image?: string | null = null;\n\n  /**\n   * Size of the avatar. Value can be preset or custom.\n   * @defaultValue lg\n   */\n  @Prop({ reflect: true }) size?:\n  | 'xl' // 64px\n  | 'lg' // 56px\n  | 'md' // 40px\n  | 'sm' // 32px\n  | 'xs' // 24px\n  | string = 'lg';\n\n  /**\n   * Determines the variant of avatar. Changes appearance accordingly.\n   * @defaultValue customer\n   */\n  @Prop({ reflect: true }) variant?: 'customer' | 'admin' = 'customer';\n\n  private avatarSize() {\n    const sizes: { [key: string]: any } = {\n      xs: '24px',\n      sm: '32px',\n      md: '40px',\n      lg: '56px',\n      xl: '64px',\n    }\n\n    if (sizes[this.size]) {\n      return sizes[this.size];\n    } else {\n      return this.size\n    }\n  }\n\n  private renderAvatar = () => {\n    const style = {\n      height: this.avatarSize(),\n      width: this.avatarSize(),\n    };\n    return (\n      this.dropdown\n        ?\n        <button class=\"pds-avatar__button\" type=\"button\">\n          <div style={style}>\n            {this.renderIconOrImage()}\n            {this.renderBadge()}\n          </div>\n        </button>\n        :\n        <div style={style}>\n          {this.renderIconOrImage()}\n          {this.renderBadge()}\n        </div>\n    )\n  };\n\n  private renderBadge = () => (\n    this.badge\n    // Percentage is average size of icon in relation to total avatar size\n    // of all preset sizes found in Figma.\n    // Used to allow icons to scale to container size\n      && <pds-icon class=\"pds-avatar__badge\" name=\"check-circle-filled\" size=\"33.53%\"></pds-icon>\n  );\n\n  private renderIconOrImage = () => (\n    this.image\n      ? <img alt={this.alt} src={this.image} />\n      // Percentage is average size of icon in relation to total avatar size\n      // of all preset sizes found in Figma.\n      // Used to allow icons to scale to container size\n      : <pds-icon name=\"user-filled\" size=\"33.53%\"></pds-icon>\n  );\n\n  private classNames = () => (\n    {\n      'pds-avatar': true,\n      [`pds-avatar--has-image`]: this.image !== '' && this.image !== null, // Remove when FF supports :has selector\n      [`pds-avatar--${this.variant}`]: this.variant === 'admin'\n    }\n  );\n\n  render() {\n\n    return (\n      <Host\n        id={this.componentId}\n        class={{...this.classNames()}}\n      >\n        {this.renderAvatar()}\n      </Host>\n    );\n  }\n}\n"],"mappings":"mEAAA,IAAMA,aAAe,wwC,ICORC,UAAS,W,kDAiEZC,KAAAC,aAAe,WACrB,IAAMC,EAAQ,CACZC,OAAQC,EAAKC,aACbC,MAAOF,EAAKC,cAEd,OACED,EAAKG,SAEHC,EAAA,UAAQC,MAAM,qBAAqBC,KAAK,UACtCF,EAAA,OAAKN,MAAOA,GACTE,EAAKO,oBACLP,EAAKQ,gBAIVJ,EAAA,OAAKN,MAAOA,GACTE,EAAKO,oBACLP,EAAKQ,c,EAKNZ,KAAAY,YAAc,kBACpBR,EAAKS,OAIAL,EAAA,YAAUC,MAAM,oBAAoBK,KAAK,sBAAsBC,KAAK,UALrD,EAQdf,KAAAW,kBAAoB,kBAC1BP,EAAKY,MACDR,EAAA,OAAKS,IAAKb,EAAKa,IAAKC,IAAKd,EAAKY,QAI9BR,EAAA,YAAUM,KAAK,cAAcC,KAAK,UANZ,EASpBf,KAAAmB,WAAa,W,MAAA,OAAAC,EAAA,CAEjB,aAAc,MACdA,EAAC,yBAA0BhB,EAAKY,QAAU,IAAMZ,EAAKY,QAAU,KAC/DI,EAAC,eAAAC,OAAejB,EAAKkB,UAAYlB,EAAKkB,UAAY,Q,CAJjC,E,SAlGS,K,WAMb,M,yCAWG,M,WAMY,K,UAYrB,K,aAM+C,U,CAElDvB,EAAAwB,UAAAlB,WAAA,WACN,IAAMmB,EAAgC,CACpCC,GAAI,OACJC,GAAI,OACJC,GAAI,OACJC,GAAI,OACJC,GAAI,QAGN,GAAIL,EAAMxB,KAAKe,MAAO,CACpB,OAAOS,EAAMxB,KAAKe,K,KACb,CACL,OAAOf,KAAKe,I,GAmDhBhB,EAAAwB,UAAAO,OAAA,WAEE,OACEtB,EAACuB,KAAI,CACHC,GAAIhC,KAAKiC,YACTxB,MAAKyB,OAAAC,OAAA,GAAMnC,KAAKmB,eAEfnB,KAAKC,e,WAvHQ,G"}

package/dist/esm-es5/pds-button.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-a58668b3.js";var hasShadowDom=function(r){return!!r.shadowRoot&&!!r.attachShadow};var pdsButtonCss=":host{--border-color:transparent;--border-color-hover:transparent;--border-color-focus:transparent;--border-color-disabled:transparent;--background-color-primary:var(--pine-color-neutral-charcoal-400);--background-color-hover-primary:var(--pine-color-neutral-charcoal-500);--background-color-disabled-primary:var(--pine-color-neutral-grey-300);--color-primary:var(--pine-color-base-white);--color-disabled-primary:var(--pine-color-neutral-charcoal-100);--outline-color-primary:var(--pine-color-primary-200);--border-color-secondary:var(--pine-color-neutral-grey-400);--border-color-hover-secondary:var(--pine-color-neutral-grey-500);--border-color-focus-secondary:var(--pine-color-neutral-grey-300);--border-color-disabled-secondary:var(--pine-color-neutral-grey-300);--color-secondary:var(--pine-color-neutral-charcoal-400);--color-disabled-secondary:var(--pine-color-neutral-charcoal-100);--outline-color-secondary:var(--pine-color-primary-200);--background-color-accent:var(--pine-color-primary-300);--background-color-hover-accent:var(--pine-color-primary-400);--background-color-disabled-accent:var(--pine-color-primary-100);--color-accent:var(--pine-color-base-white);--color-disabled-accent:var(--pine-color-primary-200);--outline-color-accent:var(--pine-color-primary-200);--background-color-destructive:var(--pine-color-red-300);--background-color-hover-destructive:var(--pine-color-red-400);--background-color-disabled-destructive:var(--pine-color-red-100);--color-destructive:var(--pine-color-base-white);--color-disabled-destructive:var(--pine-color-red-200);--outline-color-destructive:var(--pine-color-red-200);display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.pds-button{-ms-flex-align:center;align-items:center;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:10px;color:var(--color);display:-ms-flexbox;display:flex;font-family:inherit;font-size:1rem;font-weight:500;min-height:40px;padding:0.5rem 1rem}.pds-button pds-icon{fill:currentColor;-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}.pds-button:hover{background-color:var(--background-color-hover);border-color:var(--border-color-hover)}.pds-button:focus{border-color:var(--border-color-focus);outline:4px solid var(--outline-color)}.pds-button:disabled{background-color:var(--background-color-disabled);border-color:var(--border-color-disabled);color:var(--color-disabled)}.pds-button--primary{--background-color:var(--background-color-primary);--background-color-hover:var(--background-color-hover-primary);--background-color-disabled:var(--background-color-disabled-primary);--color:var(--color-primary);--color-disabled:var(--color-disabled-primary);--outline-color:var(--outline-color-primary)}.pds-button--accent{--background-color:var(--background-color-accent);--background-color-hover:var(--background-color-hover-accent);--background-color-disabled:var(--background-color-disabled-accent);--color:var(--color-accent);--color-disabled:var(--color-disabled-accent);--outline-color:var(--outline-color-accent)}.pds-button--destructive{--background-color:var(--background-color-destructive);--background-color-hover:var(--background-color-hover-destructive);--background-color-disabled:var(--background-color-disabled-destructive);--color:var(--color-destructive);--color-disabled:var(--color-disabled-destructive);--outline-color:var(--outline-color-destructive)}.pds-button--secondary,.pds-button--disclosure{--background-color:transparent;--background-color-hover:transparent;--background-color-disabled:transparent;--border-color-disabled:var(--border-color-disabled-secondary);--border-color-focus:var(--border-color-focus-secondary);--border-color-hover:var(--border-color-hover-secondary);--border-color:var(--border-color-secondary);--color:var(--color-secondary);--color-disabled:var(--color-disabled-secondary);--outline-color:var(--outline-color-secondary)}.pds-button--disclosure pds-icon{-webkit-margin-end:0;margin-inline-end:0;-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}.pds-button--unstyled{--background-color:transparent;--background-color-hover:transparent;--background-color-disabled:transparent;--color:inherit;border:0;margin:0;min-height:auto;padding:0;width:inherit}";var PdsButton=function(){function r(r){var o=this;registerInstance(this,r);this.handleClick=function(r){if(o.type!="button"){if(hasShadowDom(o.el)){var e=o.el.closest("form");if(e){r.preventDefault();var a=document.createElement("button");a.type=o.type;a.style.display="none";e.appendChild(a);a.click();a.remove()}}}};this.componentId=undefined;this.disabled=false;this.icon=null;this.name=undefined;this.value=undefined;this.type="button";this.variant="primary"}r.prototype.classNames=function(){var r=["pds-button"];if(this.variant){r.push("pds-button--"+this.variant)}return r.join("  ")};r.prototype.render=function(){return h(Host,{"aria-disabled":this.disabled?"true":null,id:this.componentId,onClick:this.handleClick,variant:this.variant},h("button",{class:this.classNames(),disabled:this.disabled,name:this.name,type:this.type,value:this.value},this.icon&&this.variant!=="disclosure"&&h("pds-icon",{name:this.icon}),h("slot",null),this.variant==="disclosure"&&h("pds-icon",{name:"caret-down"})))};Object.defineProperty(r.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return r}();PdsButton.style=pdsButtonCss;export{PdsButton as pds_button};
+//# sourceMappingURL=pds-button.entry.js.map

package/dist/esm-es5/pds-button.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["hasShadowDom","el","shadowRoot","attachShadow","pdsButtonCss","PdsButton","this","handleClick","ev","_this","type","form","closest","preventDefault","fakeButton","document","createElement","style","display","appendChild","click","remove","prototype","classNames","variant","push","join","render","h","Host","disabled","id","componentId","onClick","class","name","value","icon"],"sources":["src/utils/utils.ts","src/components/pds-button/pds-button.scss?tag=pds-button&encapsulation=shadow","src/components/pds-button/pds-button.tsx"],"sourcesContent":["export function format(first: string, middle: string, last: string): string {\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n\nexport const hasShadowDom = (el: HTMLElement) => {\n  return !!el.shadowRoot && !!(el as any).attachShadow\n}\n",":host {\n  --border-color: transparent;\n  --border-color-hover: transparent;\n  --border-color-focus: transparent;\n  --border-color-disabled: transparent;\n\n  // primary\n  --background-color-primary: var(--pine-color-neutral-charcoal-400);\n  --background-color-hover-primary: var(--pine-color-neutral-charcoal-500);\n  --background-color-disabled-primary: var(--pine-color-neutral-grey-300);\n  --color-primary: var(--pine-color-base-white);\n  --color-disabled-primary: var(--pine-color-neutral-charcoal-100);\n  --outline-color-primary: var(--pine-color-primary-200);\n\n  // secondary\n  --border-color-secondary: var(--pine-color-neutral-grey-400);\n  --border-color-hover-secondary: var(--pine-color-neutral-grey-500);\n  --border-color-focus-secondary: var(--pine-color-neutral-grey-300);\n  --border-color-disabled-secondary: var(--pine-color-neutral-grey-300);\n  --color-secondary: var(--pine-color-neutral-charcoal-400);\n  --color-disabled-secondary: var(--pine-color-neutral-charcoal-100);\n  --outline-color-secondary: var(--pine-color-primary-200);\n\n  // accent\n  --background-color-accent: var(--pine-color-primary-300);\n  --background-color-hover-accent: var(--pine-color-primary-400);\n  --background-color-disabled-accent: var(--pine-color-primary-100);\n  --color-accent: var(--pine-color-base-white);\n  --color-disabled-accent: var(--pine-color-primary-200);\n  --outline-color-accent: var(--pine-color-primary-200);\n\n  // destructive\n  --background-color-destructive: var(--pine-color-red-300);\n  --background-color-hover-destructive: var(--pine-color-red-400);\n  --background-color-disabled-destructive: var(--pine-color-red-100);\n  --color-destructive: var(--pine-color-base-white);\n  --color-disabled-destructive: var(--pine-color-red-200);\n  --outline-color-destructive: var(--pine-color-red-200);\n\n  display: inline-flex;\n  vertical-align: middle;\n}\n\n.pds-button {\n  align-items: center;\n  background-color: var(--background-color);\n  border: 1px solid var(--border-color);\n  border-radius: 10px;\n  color: var(--color);\n  display: flex;\n  font-family: inherit;\n  font-size: 1rem;\n  font-weight: 500;\n  min-height: 40px;\n  padding: 0.5rem 1rem;\n\n  pds-icon {\n    fill: currentColor;\n    margin-inline-end: 0.5rem;\n  }\n\n  &:hover {\n    background-color: var(--background-color-hover);\n    border-color: var(--border-color-hover);\n  }\n\n  &:focus {\n    border-color: var(--border-color-focus);\n    outline: 4px solid var(--outline-color);\n  }\n\n  &:disabled {\n    background-color: var(--background-color-disabled);\n    border-color: var(--border-color-disabled);\n    color: var(--color-disabled);\n  }\n}\n\n.pds-button--primary {\n  --background-color: var(--background-color-primary);\n  --background-color-hover: var(--background-color-hover-primary);\n  --background-color-disabled: var(--background-color-disabled-primary);\n  --color: var(--color-primary);\n  --color-disabled: var(--color-disabled-primary);\n  --outline-color: var(--outline-color-primary);\n}\n\n.pds-button--accent {\n  --background-color: var(--background-color-accent);\n  --background-color-hover: var(--background-color-hover-accent);\n  --background-color-disabled: var(--background-color-disabled-accent);\n  --color: var(--color-accent);\n  --color-disabled: var(--color-disabled-accent);\n  --outline-color: var(--outline-color-accent);\n}\n\n.pds-button--destructive {\n  --background-color: var(--background-color-destructive);\n  --background-color-hover: var(--background-color-hover-destructive);\n  --background-color-disabled: var(--background-color-disabled-destructive);\n  --color: var(--color-destructive);\n  --color-disabled: var(--color-disabled-destructive);\n  --outline-color: var(--outline-color-destructive);\n}\n\n.pds-button--secondary,\n.pds-button--disclosure {\n  --background-color: transparent;\n  --background-color-hover: transparent;\n  --background-color-disabled: transparent;\n  --border-color-disabled: var(--border-color-disabled-secondary);\n  --border-color-focus: var(--border-color-focus-secondary);\n  --border-color-hover: var(--border-color-hover-secondary);\n  --border-color: var(--border-color-secondary);\n  --color: var(--color-secondary);\n  --color-disabled: var(--color-disabled-secondary);\n  --outline-color: var(--outline-color-secondary);\n}\n\n.pds-button--disclosure {\n  pds-icon {\n    margin-inline-end: 0;\n    margin-inline-start: 0.5rem;\n  }\n}\n\n.pds-button--unstyled {\n  --background-color: transparent;\n  --background-color-hover: transparent;\n  --background-color-disabled: transparent;\n  --color: inherit;\n  border: 0;\n  margin: 0;\n  min-height: auto;\n  padding: 0;\n  width: inherit;\n}\n","import { Component, Element, Host, h, Prop } from '@stencil/core';\nimport { hasShadowDom } from '../../utils/utils';\n\n@Component({\n  tag: 'pds-button',\n  styleUrl: 'pds-button.scss',\n  shadow: true,\n})\nexport class PdsButton {\n  @Element() el: HTMLPdsButtonElement;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Toggles disabled state of button\n   * @defaultValue false\n   */\n  @Prop() disabled? = false;\n\n  /**\n   * Displays icon before text when icon string matches an icon name\n   */\n  @Prop() icon?: string = null;\n\n  /**\n   * Provides button with a submittable name\n   */\n  @Prop() name?: string;\n\n  /**\n   * Provides button with a submittable value\n   */\n  @Prop() value?: string;\n\n  /**\n   * Provides button with a type\n   * @defaultValue button\n   */\n  @Prop() type?: 'button' | 'reset' | 'submit' = 'button';\n\n  /**\n   * Sets button variant styles as outlined in Figma documentation\n   */\n  @Prop() variant: 'primary' | 'secondary' | 'accent' | 'disclosure' | 'destructive' | 'unstyled' = 'primary';\n\n  private handleClick = (ev: Event) => {\n    if (this.type != 'button') {\n      // If button clicked IS NOT associated with a form\n      if (hasShadowDom(this.el)) {\n        const form = this.el.closest('form')\n        if (form) {\n          ev.preventDefault()\n\n          const fakeButton = document.createElement('button')\n          fakeButton.type = this.type\n          fakeButton.style.display = 'none'\n          form.appendChild(fakeButton)\n          fakeButton.click()\n          fakeButton.remove()\n        }\n      }\n    }\n  }\n\n  private classNames() {\n    const classNames = ['pds-button'];\n\n    if (this.variant) {\n      classNames.push('pds-button--' + this.variant);\n    }\n\n    return classNames.join('  ');\n  }\n\n  render() {\n    return (\n      <Host\n        aria-disabled={this.disabled ? 'true' : null}\n        id={this.componentId}\n        onClick={this.handleClick}\n        variant={this.variant}\n      >\n        <button\n          class={this.classNames()}\n          disabled={this.disabled}\n          name={this.name}\n          type={this.type}\n          value={this.value}\n        >\n          {this.icon && this.variant !== 'disclosure' && <pds-icon name={this.icon}></pds-icon>}\n          <slot />\n          {this.variant === 'disclosure' && <pds-icon name=\"caret-down\"></pds-icon>}\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"mFAIO,IAAMA,aAAe,SAACC,GAC3B,QAASA,EAAGC,cAAiBD,EAAWE,YAC1C,ECNA,IAAMC,aAAe,0pI,ICQRC,UAAS,W,kDAwCZC,KAAAC,YAAc,SAACC,GACrB,GAAIC,EAAKC,MAAQ,SAAU,CAEzB,GAAIV,aAAaS,EAAKR,IAAK,CACzB,IAAMU,EAAOF,EAAKR,GAAGW,QAAQ,QAC7B,GAAID,EAAM,CACRH,EAAGK,iBAEH,IAAMC,EAAaC,SAASC,cAAc,UAC1CF,EAAWJ,KAAOD,EAAKC,KACvBI,EAAWG,MAAMC,QAAU,OAC3BP,EAAKQ,YAAYL,GACjBA,EAAWM,QACXN,EAAWO,Q,8CAzCC,M,UAKI,K,mDAgBuB,S,aAKmD,S,CAqB1FhB,EAAAiB,UAAAC,WAAA,WACN,IAAMA,EAAa,CAAC,cAEpB,GAAIjB,KAAKkB,QAAS,CAChBD,EAAWE,KAAK,eAAiBnB,KAAKkB,Q,CAGxC,OAAOD,EAAWG,KAAK,K,EAGzBrB,EAAAiB,UAAAK,OAAA,WACE,OACEC,EAACC,KAAI,iBACYvB,KAAKwB,SAAW,OAAS,KACxCC,GAAIzB,KAAK0B,YACTC,QAAS3B,KAAKC,YACdiB,QAASlB,KAAKkB,SAEdI,EAAA,UACEM,MAAO5B,KAAKiB,aACZO,SAAUxB,KAAKwB,SACfK,KAAM7B,KAAK6B,KACXzB,KAAMJ,KAAKI,KACX0B,MAAO9B,KAAK8B,OAEX9B,KAAK+B,MAAQ/B,KAAKkB,UAAY,cAAgBI,EAAA,YAAUO,KAAM7B,KAAK+B,OACpET,EAAA,aACCtB,KAAKkB,UAAY,cAAgBI,EAAA,YAAUO,KAAK,gB,gIAtFrC,G"}

package/dist/esm-es5/pds-checkbox.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,c as createEvent,h,H as Host}from"./index-a58668b3.js";import{m as messageId,P as PdsLabel,a as assignDescription}from"./pds-label-a26dd876.js";var pdsCheckboxCss=':host{--background-color-disabled:var(--pine-color-neutral-grey-200);--background-color-hover:var(--pine-color-neutral-grey-100);--border:var(--pine-border-interactive);--border-color-disabled:var(--pine-color-neutral-charcoal-100);--border-color-hover:var(--pine-border-interactive-hover-color);--border-color-icon:var(--pine-color-base-white);--border-radius:var(--pine-border-radius-xs);--color-checked:var(--pine-color-neutral-charcoal-500);--color-disabled:var(--pine-color-neutral-grey-300);--color-focus:var(--pine-color-primary-200);--color-invalid-focus:var(--pine-color-red-200);--color-invalid:var(--pine-color-red-300);--message-color-disabled:var(--pine-color-neutral-grey-500);--message-color:var(--pine-color-neutral-charcoal-200);--input-size:16px;-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:0 0 0 4px var(--color-invalid-focus);box-shadow:0 0 0 4px var(--color-invalid-focus);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;border:var(--border);border-radius:var(--border-radius);height:var(--input-size);margin:0;position:relative;width:var(--input-size)}input:hover{background:var(--background-color-hover);border-color:var(--border-color-hover)}input:checked{background:var(--color-checked);border-color:var(--color-checked)}input:checked::after{border:1px solid var(--border-color-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(--background-color-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(--border-color-disabled)}input:disabled+label{color:var(--border-color-hover);cursor:not-allowed}input:disabled~.pds-checkbox__message{color:var(--message-color-disabled)}input:focus-visible{-webkit-box-shadow:0 0 0 4px var(--color-focus);box-shadow:0 0 0 4px var(--color-focus);outline:none}label{-webkit-margin-start:10px;margin-inline-start:10px}.pds-checkbox__message{color:var(--message-color);font-size:14px;-webkit-margin-before:6px;margin-block-start:6px;-webkit-margin-start:26px;margin-inline-start:26px;width:100%}';var PdsCheckbox=function(){function e(e){var r=this;registerInstance(this,e);this.pdsCheckboxChange=createEvent(this,"pdsCheckboxChange",7);this.handleCheckboxChange=function(e){if(r.disabled){return}var o=e.target;var i=o.checked;r.pdsCheckboxChange.emit(i)};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.name=undefined;this.required=undefined;this.value=undefined}e.prototype.classNames=function(){var 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("  ")};e.prototype.render=function(){return h(Host,{class:this.classNames()},h("input",{"aria-describedby":assignDescription(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}),h(PdsLabel,{htmlFor:this.componentId,text:this.label}),this.helperMessage&&h("div",{class:"pds-checkbox__message",id:messageId(this.componentId,"helper")},this.helperMessage),this.errorMessage&&h("div",{class:"pds-checkbox__message pds-checkbox__message--error",id:messageId(this.componentId,"error"),"aria-live":"assertive"},this.errorMessage))};return e}();PdsCheckbox.style=pdsCheckboxCss;export{PdsCheckbox as pds_checkbox};
+//# sourceMappingURL=pds-checkbox.entry.js.map

package/dist/esm-es5/pds-checkbox.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsCheckboxCss","PdsCheckbox","this","handleCheckboxChange","e","_this","disabled","target","isChecked","checked","pdsCheckboxChange","emit","prototype","classNames","invalid","push","indeterminate","join","render","h","Host","class","assignDescription","componentId","helperMessage","undefined","type","id","name","value","required","onChange","PdsLabel","htmlFor","text","label","messageId","errorMessage"],"sources":["src/components/pds-checkbox/pds-checkbox.scss?tag=pds-checkbox&encapsulation=shadow","src/components/pds-checkbox/pds-checkbox.tsx"],"sourcesContent":[":host {\n  --background-color-disabled: var(--pine-color-neutral-grey-200);\n  --background-color-hover: var(--pine-color-neutral-grey-100);\n  --border: var(--pine-border-interactive);\n  --border-color-disabled: var(--pine-color-neutral-charcoal-100);\n  --border-color-hover: var(--pine-border-interactive-hover-color);\n  --border-color-icon: var(--pine-color-base-white);\n  --border-radius: var(--pine-border-radius-xs);\n  --color-checked: var(--pine-color-neutral-charcoal-500);\n  --color-disabled: var(--pine-color-neutral-grey-300);\n  --color-focus: var(--pine-color-primary-200);\n  --color-invalid-focus: var(--pine-color-red-200);\n  --color-invalid: var(--pine-color-red-300);\n  --message-color-disabled: var(--pine-color-neutral-grey-500);\n  --message-color: var(--pine-color-neutral-charcoal-200);\n  --input-size: 16px;\n\n  align-items: center;\n  display: flex;\n  flex-flow: row wrap;\n}\n\n:host(.is-invalid) {\n  input {\n    border-color: var(--color-invalid);\n\n    &:checked {\n      background: var(--color-invalid);\n    }\n\n    &:focus-visible {\n      box-shadow: 0 0 0 4px var(--color-invalid-focus);\n      outline: none;\n    }\n  }\n\n  label,\n  .pds-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  border: var(--border);\n  border-radius: var(--border-radius);\n  height: var(--input-size);\n  margin: 0;\n  position: relative;\n  width: var(--input-size);\n\n  &:hover {\n    background: var(--background-color-hover);\n    border-color: var(--border-color-hover);\n  }\n\n  &:checked {\n    background: var(--color-checked);\n    border-color: var(--color-checked);\n\n    &::after {\n      border: 1px solid var(--border-color-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(--background-color-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(--border-color-disabled);\n      }\n    }\n\n    + label {\n      color: var(--border-color-hover);\n      cursor: not-allowed;\n    }\n\n    ~ .pds-checkbox__message {\n      color: var(--message-color-disabled);\n    }\n  }\n\n  &:focus-visible {\n    box-shadow: 0 0 0 4px var(--color-focus);\n    outline: none;\n  }\n}\n\nlabel {\n  margin-inline-start: 10px;\n}\n\n.pds-checkbox__message {\n  color: var(--message-color);\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';\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() 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   * 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   * Emits a boolean indicating whether the checkbox is currently checked or unchecked.\n   */\n  @Event() pdsCheckboxChange: EventEmitter<boolean>;\n\n  private handleCheckboxChange = (e: Event) => {\n    if (this.disabled) {\n      return;\n    }\n\n    const target = e.target as HTMLInputElement;\n    const isChecked = target.checked;\n\n    this.pdsCheckboxChange.emit(isChecked);\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} />\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"],"mappings":"6KAAA,IAAMA,eAAiB,kzF,ICSVC,YAAW,W,iHA8DdC,KAAAC,qBAAuB,SAACC,GAC9B,GAAIC,EAAKC,SAAU,CACjB,M,CAGF,IAAMC,EAASH,EAAEG,OACjB,IAAMC,EAAYD,EAAOE,QAEzBJ,EAAKK,kBAAkBC,KAAKH,E,+QAGtBP,EAAAW,UAAAC,WAAA,WACN,IAAMA,EAAa,GAEnB,GAAIX,KAAKY,QAAS,CAAED,EAAWE,KAAK,a,CACpC,GAAIb,KAAKc,cAAe,CAAEH,EAAWE,KAAK,mB,CAC1C,GAAIb,KAAKI,SAAU,CAAEO,EAAWE,KAAK,c,CAErC,OAAOF,EAAWI,KAAK,K,EAGzBhB,EAAAW,UAAAM,OAAA,WACE,OACEC,EAACC,KAAI,CAACC,MAAOnB,KAAKW,cAChBM,EAAA,4BACoBG,kBAAkBpB,KAAKqB,YAAarB,KAAKY,QAASZ,KAAKsB,eAAc,eACzEtB,KAAKY,QAAU,OAASW,UACtCC,KAAK,WACLC,GAAIzB,KAAKqB,YACTK,KAAM1B,KAAK0B,KACXC,MAAO3B,KAAK2B,MACZpB,QAASP,KAAKO,QACdqB,SAAU5B,KAAK4B,SACfxB,SAAUJ,KAAKI,SACfyB,SAAU7B,KAAKC,uBAEjBgB,EAACa,SAAQ,CAACC,QAAS/B,KAAKqB,YAAaW,KAAMhC,KAAKiC,QAC/CjC,KAAKsB,eACJL,EAAA,OACEE,MAAO,wBACPM,GAAIS,UAAUlC,KAAKqB,YAAa,WAE/BrB,KAAKsB,eAGTtB,KAAKmC,cACJlB,EAAA,OACEE,MAAO,qDACPM,GAAIS,UAAUlC,KAAKqB,YAAa,SAAQ,YAC9B,aAETrB,KAAKmC,c,WAjHM,G"}

package/dist/esm-es5/pds-chip.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,c as createEvent,h,H as Host}from"./index-a58668b3.js";var pdsChipCss=":host{--background-danger:var(--pine-color-red-100);--background-danger-dot:var(--pine-color-red-300);--background-danger-interactive:var(--pine-color-red-200);--background-neutral:var(--pine-color-neutral-grey-300);--background-neutral-dot:var(--pine-color-neutral-charcoal-100);--background-neutral-interactive:var(--pine-color-neutral-grey-400);--background-info:var(--pine-color-primary-100);--background-info-dot:var(--pine-color-primary-300);--background-info-interactive:var(--pine-color-primary-200);--background-accent:var(--pine-color-purple-100);--background-accent-dot:var(--pine-color-purple-300);--background-accent-interactive:var(--pine-color-purple-200);--background-success:var(--pine-color-green-100);--background-success-dot:var(--pine-color-green-300);--background-success-interactive:var(--pine-color-green-200);--background-warning:var(--pine-color-yellow-100);--background-warning-dot:var(--pine-color-yellow-300);--background-warning-interactive:var(--pine-color-yellow-200);--box-shadow-focus:0 0 0 4px var(--pine-color-primary-200);--border-radius:var(--pine-border-radius-lg);--font-size:var(--pine-font-size-body-sm);--font-size-lg:var(--pine-font-size-body);--font-weight:var(--pine-font-weight-medium);--line-height:var(--pine-line-height-sm);--padding-block-sm:calc(var(--pine-spacing-xxs) / 2);--padding-block:var(--pine-spacing-xxs);--padding-block-lg:6px;--padding-inline-sm:calc(var(--pine-spacing-xxs) / 2);--padding-inline:10px;--padding-inline-lg:calc(var(--pine-spacing-md) / 2);--padding-inline-xl:14px;--margin-block-xs:calc(var(--pine-spacing-xxs) / 2);--margin-inline-sm:calc(var(--pine-spacing-xs) / 2);--margin-inline-xs:calc(var(--pine-spacing-xxs) / 2);--margin-inline:4px;--margin-inline-lg:var(--pine-spacing-xs);--margin-inline-xl:calc(var(--pine-spacing-md) / 2);--dot-size:4px;--close-size:10px;--close-size-lg:24px;-ms-flex-align:center;align-items:center;border-radius:var(--border-radius);display:-ms-inline-flexbox;display:inline-flex;font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);padding-block:var(--padding-block-sm);padding-inline:var(--padding-inline)}:host(.pds-chip--accent){background:var(--background-accent)}:host(.pds-chip--accent) .pds-chip__dot{background:var(--background-accent-dot)}:host(.pds-chip--accent) .pds-chip__close:hover{background:var(--background-accent-interactive)}:host(.pds-chip--accent.pds-chip--dropdown:hover){background:var(--background-accent-interactive)}:host(.pds-chip--danger){background:var(--background-danger)}:host(.pds-chip--danger) .pds-chip__dot{background:var(--background-danger-dot)}:host(.pds-chip--danger) .pds-chip__close:hover{background:var(--background-danger-interactive)}:host(.pds-chip--danger.pds-chip--dropdown:hover){background:var(--background-danger-interactive)}:host(.pds-chip--info){background:var(--background-info)}:host(.pds-chip--info) .pds-chip__dot{background:var(--background-info-dot)}:host(.pds-chip--info) .pds-chip__close:hover{background:var(--background-info-interactive)}:host(.pds-chip--info.pds-chip--dropdown:hover){background:var(--background-info-interactive)}:host(.pds-chip--neutral){background:var(--background-neutral)}:host(.pds-chip--neutral) .pds-chip__dot{background:var(--background-neutral-dot)}:host(.pds-chip--neutral) .pds-chip__close:hover{background:var(--background-neutral-interactive)}:host(.pds-chip--neutral.pds-chip--dropdown:hover){background:var(--background-neutral-interactive)}:host(.pds-chip--success){background:var(--background-success)}:host(.pds-chip--success) .pds-chip__dot{background:var(--background-success-dot)}:host(.pds-chip--success) .pds-chip__close:hover{background:var(--background-success-interactive)}:host(.pds-chip--success.pds-chip--dropdown:hover){background:var(--background-success-interactive)}:host(.pds-chip--warning){background:var(--background-warning)}:host(.pds-chip--warning) .pds-chip__dot{background:var(--background-warning-dot)}:host(.pds-chip--warning) .pds-chip__close:hover{background:var(--background-warning-interactive)}:host(.pds-chip--warning.pds-chip--dropdown:hover){background:var(--background-warning-interactive)}.pds-chip__dot{border:1px solid transparent;border-radius:50%;display:inline-block;height:var(--dot-size);-webkit-margin-after:var(--margin-block-xs);margin-block-end:var(--margin-block-xs);-webkit-margin-end:var(--margin-inline-sm);margin-inline-end:var(--margin-inline-sm);width:var(--dot-size)}:host(.pds-chip--dropdown){padding:0}:host(.pds-chip--dropdown) .pds-chip__dot{-webkit-margin-after:1px;margin-block-end:1px;-webkit-margin-before:var(--margin-block-xs);margin-block-start:var(--margin-block-xs)}.pds-chip__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--border-radius);display:-ms-flexbox;display:flex;font-family:inherit;font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);padding-block:var(--padding-block-sm);padding-inline:var(--padding-inline)}.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(--margin-inline-xs) * -1);margin-inline-end:calc(var(--margin-inline-xs) * -1);-webkit-margin-start:var(--margin-inline);margin-inline-start:var(--margin-inline)}:host(.pds-chip--tag){padding-block:var(--padding-block-sm)}.pds-chip__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:50%;height:var(--close-size);-webkit-margin-end:calc(var(--margin-inline-lg) * -1);margin-inline-end:calc(var(--margin-inline-lg) * -1);-webkit-margin-start:var(--margin-inline);margin-inline-start:var(--margin-inline);padding:var(--close-size);position:relative;width:var(--close-size)}.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(--padding-block-lg);padding-inline:var(--padding-inline-xl)}:host(.pds-chip--large):host(.pds-chip--dropdown){padding-block:var(--padding-block);padding-inline:var(--padding-inline-sm)}: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(--padding-inline-lg)}:host(.pds-chip--large) .pds-chip__close{height:var(--close-size-lg);-webkit-margin-end:calc(var(--margin-inline-xl) * -1);margin-inline-end:calc(var(--margin-inline-xl) * -1);width:var(--close-size-lg)}:host(.pds-chip--large):host(.pds-chip--tag){padding-block:var(--padding-block)}";var PdsChip=function(){function n(n){var i=this;registerInstance(this,n);this.pdsTagCloseClick=createEvent(this,"pdsTagCloseClick",7);this.handleCloseClick=function(){i.pdsTagCloseClick.emit()};this.componentId=undefined;this.sentiment="neutral";this.dot=false;this.label=undefined;this.large=false;this.variant="text"}n.prototype.classNames=function(){var n=["pds-chip"];if(this.large){n.push("pds-chip--large")}if(this.variant){n.push("pds-chip--"+this.variant)}if(this.sentiment){n.push("pds-chip--"+this.sentiment)}return n.join("  ")};n.prototype.setChipContent=function(){var n=this.variant==="dropdown";var i=n?h("button",{class:"pds-chip__button",type:"button"},this.dot&&h("i",{class:"pds-chip__dot","aria-hidden":"true"}),this.label,h("pds-icon",{name:"down-small",size:"12px","aria-hidden":"true"})):h("span",{class:"pds-chip__label"},this.dot&&h("i",{class:"pds-chip__dot","aria-hidden":"true"}),this.label);return i};n.prototype.render=function(){return h(Host,{class:this.classNames(),id:this.componentId},this.setChipContent(),this.variant==="tag"&&h("button",{class:"pds-chip__close",type:"button",onClick:this.handleCloseClick,"aria-label":"Remove"},h("pds-icon",{name:"remove",size:"12px"})))};return n}();PdsChip.style=pdsChipCss;export{PdsChip as pds_chip};
+//# sourceMappingURL=pds-chip.entry.js.map

package/dist/esm-es5/pds-chip.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsChipCss","PdsChip","this","handleCloseClick","_this","pdsTagCloseClick","emit","prototype","classNames","large","push","variant","sentiment","join","setChipContent","isDropdown","chipContent","h","class","type","dot","label","name","size","render","Host","id","componentId","onClick"],"sources":["src/components/pds-chip/pds-chip.scss?tag=pds-chip&encapsulation=shadow","src/components/pds-chip/pds-chip.tsx"],"sourcesContent":[":host {\n  --background-danger: var(--pine-color-red-100);\n  --background-danger-dot: var(--pine-color-red-300);\n  --background-danger-interactive: var(--pine-color-red-200);\n  --background-neutral: var(--pine-color-neutral-grey-300);\n  --background-neutral-dot: var(--pine-color-neutral-charcoal-100);\n  --background-neutral-interactive: var(--pine-color-neutral-grey-400);\n  --background-info: var(--pine-color-primary-100);\n  --background-info-dot: var(--pine-color-primary-300);\n  --background-info-interactive: var(--pine-color-primary-200);\n  --background-accent: var(--pine-color-purple-100);\n  --background-accent-dot: var(--pine-color-purple-300);\n  --background-accent-interactive: var(--pine-color-purple-200);\n  --background-success: var(--pine-color-green-100);\n  --background-success-dot: var(--pine-color-green-300);\n  --background-success-interactive: var(--pine-color-green-200);\n  --background-warning: var(--pine-color-yellow-100);\n  --background-warning-dot: var(--pine-color-yellow-300);\n  --background-warning-interactive: var(--pine-color-yellow-200);\n  --box-shadow-focus: 0 0 0 4px var(--pine-color-primary-200);\n\n  --border-radius: var(--pine-border-radius-lg);\n  --font-size: var(--pine-font-size-body-sm);\n  --font-size-lg: var(--pine-font-size-body);\n  --font-weight: var(--pine-font-weight-medium);\n  --line-height: var(--pine-line-height-sm);\n  --padding-block-sm: calc(var(--pine-spacing-xxs) / 2);\n  --padding-block: var(--pine-spacing-xxs);\n  --padding-block-lg: 6px;\n  --padding-inline-sm: calc(var(--pine-spacing-xxs) / 2);\n  --padding-inline: 10px;\n  --padding-inline-lg: calc(var(--pine-spacing-md) / 2);\n  --padding-inline-xl: 14px;\n  --margin-block-xs: calc(var(--pine-spacing-xxs) / 2);\n  --margin-inline-sm: calc(var(--pine-spacing-xs) / 2);\n  --margin-inline-xs: calc(var(--pine-spacing-xxs) / 2);\n  --margin-inline: 4px;\n  --margin-inline-lg: var(--pine-spacing-xs);\n  --margin-inline-xl: calc(var(--pine-spacing-md) / 2);\n\n  --dot-size: 4px;\n  --close-size: 10px;\n  --close-size-lg: 24px;\n\n  align-items: center;\n  border-radius: var(--border-radius);\n  display: inline-flex;\n  font-size: var(--font-size);\n  font-weight: var(--font-weight);\n  line-height: var(--line-height);\n  padding-block: var(--padding-block-sm);\n  padding-inline: var(--padding-inline);\n}\n\n$pds-chip-sentiment: (\n  accent: var(--background-accent),\n  danger: var(--background-danger),\n  info: var(--background-info),\n  neutral: var(--background-neutral),\n  success: var(--background-success),\n  warning: var(--background-warning),\n);\n\n$pds-chip-sentiment-dots: (\n  accent: var(--background-accent-dot),\n  danger: var(--background-danger-dot),\n  info: var(--background-info-dot),\n  neutral: var(--background-neutral-dot),\n  success: var(--background-success-dot),\n  warning: var(--background-warning-dot),\n);\n\n$pds-chip-sentiment-interactive: (\n  accent: var(--background-accent-interactive),\n  danger: var(--background-danger-interactive),\n  info: var(--background-info-interactive),\n  neutral: var(--background-neutral-interactive),\n  success: var(--background-success-interactive),\n  warning: var(--background-warning-interactive),\n);\n\n@each $sentiment, $value in $pds-chip-sentiment {\n  :host(.pds-chip--#{$sentiment}) {\n    background: $value;\n\n    // dot colors\n    .pds-chip__dot {\n      /* stylelint-disable-next-line */\n      background: map-get($pds-chip-sentiment-dots, $sentiment);\n    }\n\n    // tag close hover colors\n    .pds-chip__close:hover {\n      /* stylelint-disable-next-line */\n      background: map-get($pds-chip-sentiment-interactive, $sentiment);\n    }\n  }\n  // dropdown hover colors\n  :host(.pds-chip--#{$sentiment}.pds-chip--dropdown:hover) {\n    /* stylelint-disable-next-line */\n    background: map-get($pds-chip-sentiment-interactive, $sentiment);\n  }\n}\n\n.pds-chip__dot {\n  border: 1px solid transparent;\n  border-radius: 50%;\n  display: inline-block;\n  height: var(--dot-size);\n  margin-block-end:  var(--margin-block-xs);\n  margin-inline-end: var(--margin-inline-sm);\n  width: var(--dot-size);\n}\n\n// dropdown\n\n:host(.pds-chip--dropdown) {\n  padding: 0;\n\n  .pds-chip__dot {\n    margin-block-end: 1px;\n    margin-block-start: var(--margin-block-xs);\n  }\n}\n\n.pds-chip__button {\n  align-items: center;\n  appearance: none;\n  background: transparent;\n  border: 0;\n  border-radius: var(--border-radius);\n  display: flex;\n  font-family: inherit;\n  font-size: var(--font-size);\n  font-weight: var(--font-weight);\n  line-height: var(--line-height);\n  padding-block: var(--padding-block-sm);\n  padding-inline: var(--padding-inline);\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(--margin-inline-xs) * -1);\n    margin-inline-start: var(--margin-inline);\n  }\n}\n\n// tag\n\n:host(.pds-chip--tag) {\n  padding-block: var(--padding-block-sm);\n}\n\n.pds-chip__close {\n  appearance: none;\n  background: transparent;\n  border: 0;\n  border-radius: 50%;\n  height: var(--close-size);\n  margin-inline-end: calc(var(--margin-inline-lg) * -1);\n  margin-inline-start: var(--margin-inline);\n  padding: var(--close-size);\n  position: relative;\n  width: var(--close-size);\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(--padding-block-lg);\n  padding-inline: var(--padding-inline-xl);\n\n  &:host(.pds-chip--dropdown) {\n    padding-block: var(--padding-block);\n    padding-inline: var(--padding-inline-sm);\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(--padding-inline-lg)\n  }\n\n  .pds-chip__close {\n    height: var(--close-size-lg);\n    margin-inline-end: calc(var(--margin-inline-xl) * -1);\n    width: var(--close-size-lg);\n  }\n\n  &:host(.pds-chip--tag) {\n    padding-block: var(--padding-block);\n  }\n}\n","import { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'pds-chip',\n  styleUrl: 'pds-chip.scss',\n  shadow: true,\n})\nexport class PdsChip {\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Sets the color scheme of the chip.\n   * @defaultValue 'neutral'\n   */\n  @Prop() sentiment: 'accent' | 'danger' | 'info' | 'neutral' | 'success' | 'warning' = 'neutral';\n\n  /**\n   * Determines whether a dot should be displayed on the chip.\n   * @defaultValue false\n   */\n  @Prop() dot = false;\n\n  /**\n   *  Sets the text label content of the chip.\n   */\n  @Prop() label: string;\n\n  /**\n   * Determines whether the chip should be rendered in a larger size.\n   * @defaultValue false\n   */\n  @Prop() large = false;\n\n  /**\n   * Sets the style variant of the chip.\n   * @defaultValue 'text'\n   */\n  @Prop() variant: 'text' | 'tag' | 'dropdown' = 'text';\n\n  /**\n   * Event when close button is clicked on tag variant.\n   */\n  @Event() pdsTagCloseClick: EventEmitter;\n\n  private handleCloseClick = () => {\n    this.pdsTagCloseClick.emit();\n  }\n\n  private classNames() {\n    const classNames = ['pds-chip'];\n\n    if (this.large) {\n      classNames.push('pds-chip--large');\n    }\n    if (this.variant) {\n      classNames.push('pds-chip--' + this.variant);\n    }\n    if (this.sentiment) {\n      classNames.push('pds-chip--' + this.sentiment);\n    }\n\n    return classNames.join('  ');\n  }\n\n  private setChipContent() {\n    const isDropdown = this.variant === 'dropdown';\n    const chipContent = isDropdown ? (\n      <button class=\"pds-chip__button\" type=\"button\">\n        {this.dot && <i class=\"pds-chip__dot\" aria-hidden=\"true\"></i>}\n        {this.label}\n        <pds-icon name=\"down-small\" 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 name=\"remove\" size=\"12px\"></pds-icon>\n          </button>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"oFAAA,IAAMA,WAAa,mwN,ICONC,QAAO,W,+GAwCVC,KAAAC,iBAAmB,WACzBC,EAAKC,iBAAiBC,M,4CA/B8D,U,SAMxE,M,gCAWE,M,aAM+B,M,CAWvCL,EAAAM,UAAAC,WAAA,WACN,IAAMA,EAAa,CAAC,YAEpB,GAAIN,KAAKO,MAAO,CACdD,EAAWE,KAAK,kB,CAElB,GAAIR,KAAKS,QAAS,CAChBH,EAAWE,KAAK,aAAeR,KAAKS,Q,CAEtC,GAAIT,KAAKU,UAAW,CAClBJ,EAAWE,KAAK,aAAeR,KAAKU,U,CAGtC,OAAOJ,EAAWK,KAAK,K,EAGjBZ,EAAAM,UAAAO,eAAA,WACN,IAAMC,EAAab,KAAKS,UAAY,WACpC,IAAMK,EAAcD,EAClBE,EAAA,UAAQC,MAAM,mBAAmBC,KAAK,UACnCjB,KAAKkB,KAAOH,EAAA,KAAGC,MAAM,gBAAe,cAAa,SACjDhB,KAAKmB,MACNJ,EAAA,YAAUK,KAAK,aAAaC,KAAK,OAAM,cAAa,UAGtDN,EAAA,QAAMC,MAAM,mBACThB,KAAKkB,KAAOH,EAAA,KAAGC,MAAM,gBAAe,cAAa,SACjDhB,KAAKmB,OAIV,OAAOL,C,EAGTf,EAAAM,UAAAiB,OAAA,WACE,OACEP,EAACQ,KAAI,CAACP,MAAOhB,KAAKM,aAAckB,GAAIxB,KAAKyB,aACtCzB,KAAKY,iBACLZ,KAAKS,UAAY,OAChBM,EAAA,UAAQC,MAAM,kBAAkBC,KAAK,SAASS,QAAS1B,KAAKC,iBAAgB,aAAa,UACvFc,EAAA,YAAUK,KAAK,SAASC,KAAK,U,WApFrB,G"}

package/dist/esm-es5/pds-copytext.entry.js

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(t,e,o,r){function n(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,s){function i(t){try{d(r.next(t))}catch(t){s(t)}}function a(t){try{d(r["throw"](t))}catch(t){s(t)}}function d(t){t.done?o(t.value):n(t.value).then(i,a)}d((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},r,n,s,i;return i={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function a(t){return function(e){return d([t,e])}}function d(a){if(r)throw new TypeError("Generator is already executing.");while(i&&(i=0,a[0]&&(o=0)),o)try{if(r=1,n&&(s=a[0]&2?n["return"]:a[0]?n["throw"]||((s=n["return"])&&s.call(n),0):n.next)&&!(s=s.call(n,a[1])).done)return s;if(n=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:o.label++;return{value:a[1],done:false};case 5:o.label++;n=a[1];a=[0];continue;case 7:a=o.ops.pop();o.trys.pop();continue;default:if(!(s=o.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){o=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){o.label=a[1];break}if(a[0]===6&&o.label<s[1]){o.label=s[1];s=a;break}if(s&&o.label<s[2]){o.label=s[2];o.ops.push(a);break}if(s[2])o.ops.pop();o.trys.pop();continue}a=e.call(t,o)}catch(t){a=[6,t];n=0}finally{r=s=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host}from"./index-a58668b3.js";var pdsCopytextCss=":host(.pds-copytext){--background:var(--pine-color-base-white);--background-hover:var(--pine-color-neutral-grey-200);--border:var(--pine-border-interactive);--border-hover:var(--pine-border-interactive-hover-color);--border-radius:var(--pine-border-radius-md);--box-shadow-focus:0 0 0 4px var(--pine-color-primary-200);--color-hover:var(--pine-color-neutral-charcoal-400);--font-size:var(--pine-font-size-body);--font-weight:var(--pine-font-weight-semibold);--line-height:var(--pine-line-height-md);--spacing-sm:var(--pine-spacing-sm);--spacing-xs:var(--pine-spacing-xs);--spacing-xxs:var(--pine-spacing-xxs)}:host(.pds-copytext) pds-button{-ms-flex-align:center;align-items:center;background:var(--background);border:0;border-radius:var(--border-radius);display:-ms-inline-flexbox;display:inline-flex;font-size:var(--font-size);font-weight:var(--font-weight);max-width:100%;padding:var(--spacing-xxs) var(--spacing-xs)}:host(.pds-copytext) pds-button:hover{background-color:var(--background-hover);color:var(--color-hover)}:host(.pds-copytext) pds-button:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}:host(.pds-copytext) pds-button span{line-height:var(--line-height);-webkit-margin-end:var(--spacing-xs);margin-inline-end:var(--spacing-xs);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:0;padding:0}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button{padding:0}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button:hover{background:none}:host(.pds-copytext):host(.pds-copytext--bordered) span{border:var(--border);border-radius:var(--border-radius);-webkit-margin-end:var(--spacing-sm);margin-inline-end:var(--spacing-sm);padding-block:var(--spacing-xs);padding-inline:var(--spacing-sm)}:host(.pds-copytext):host(.pds-copytext--bordered) :hover span{border-color:var(--border-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 PdsCopytext=function(){function t(t){var e=this;registerInstance(this,t);this.pdsCopyTextClick=createEvent(this,"pdsCopyTextClick",7);this.copyToClipboard=function(t){return __awaiter(e,void 0,void 0,(function(){var e,o;return __generator(this,(function(r){switch(r.label){case 0:r.trys.push([0,4,,5]);if(!navigator.clipboard)return[3,2];return[4,navigator.clipboard.writeText(t)];case 1:r.sent();this.pdsCopyTextClick.emit("Copied to clipboard");return[3,3];case 2:e=document.createElement("textarea");e.value=t;e.setAttribute("readonly","");e.style.position="absolute";e.style.left="-9999px";document.body.appendChild(e);e.focus();e.setSelectionRange(0,e.value.length);document.execCommand("copy");document.body.removeChild(e);this.pdsCopyTextClick.emit("Copied to clipboard");r.label=3;case 3:return[3,5];case 4:o=r.sent();this.pdsCopyTextClick.emit("Error writing text to clipboard: ".concat(o));return[3,5];case 5:return[2]}}))}))};this.handleClick=function(){e.copyToClipboard(e.value)};this.border=true;this.componentId=undefined;this.fullWidth=false;this.truncate=false;this.value=undefined}t.prototype.classNames=function(){var t=["pds-copytext"];if(this.border){t.push("pds-copytext--bordered")}if(this.fullWidth){t.push("pds-copytext--full-width")}if(this.truncate){t.push("pds-copytext--truncated")}return t.join("  ")};t.prototype.render=function(){return h(Host,{class:this.classNames(),id:this.componentId},h("pds-button",{type:"button",variant:"unstyled",onClick:this.handleClick},h("span",null,this.value),h("pds-icon",{name:"copy",size:"16px"})))};return t}();PdsCopytext.style=pdsCopytextCss;export{PdsCopytext as pds_copytext};
+//# sourceMappingURL=pds-copytext.entry.js.map

package/dist/esm-es5/pds-copytext.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsCopytextCss","PdsCopytext","this","copyToClipboard","value","__awaiter","_this","navigator","clipboard","writeText","_a","sent","pdsCopyTextClick","emit","el","document","createElement","setAttribute","style","position","left","body","appendChild","focus","setSelectionRange","length","execCommand","removeChild","concat","err_1","handleClick","class_1","prototype","classNames","border","push","fullWidth","truncate","join","render","h","Host","class","id","componentId","type","variant","onClick","name","size"],"sources":["src/components/pds-copytext/pds-copytext.scss?tag=pds-copytext&encapsulation=shadow","src/components/pds-copytext/pds-copytext.tsx"],"sourcesContent":[":host(.pds-copytext) {\n\n  --background: var(--pine-color-base-white);\n  --background-hover: var(--pine-color-neutral-grey-200);\n  --border: var(--pine-border-interactive);\n  --border-hover: var(--pine-border-interactive-hover-color);\n  --border-radius: var(--pine-border-radius-md);\n  --box-shadow-focus: 0 0 0 4px var(--pine-color-primary-200);\n  --color-hover: var(--pine-color-neutral-charcoal-400);\n  --font-size: var(--pine-font-size-body);\n  --font-weight: var(--pine-font-weight-semibold);\n  --line-height: var(--pine-line-height-md);\n  --spacing-sm: var(--pine-spacing-sm);\n  --spacing-xs: var(--pine-spacing-xs);\n  --spacing-xxs: var(--pine-spacing-xxs);\n\n  pds-button {\n    align-items: center;\n    background: var(--background);\n    border: 0;\n    border-radius: var(--border-radius);\n    display: inline-flex;\n    font-size: var(--font-size);\n    font-weight: var(--font-weight);\n    max-width: 100%;\n    padding: var(--spacing-xxs) var(--spacing-xs);\n\n    &:hover {\n      background-color: var(--background-hover);\n      color: var(--color-hover);\n    }\n\n    &:focus-visible {\n      box-shadow: var(--box-shadow-focus);\n      outline: none;\n    }\n\n    span {\n      line-height: var(--line-height);\n      margin-inline-end: var(--spacing-xs);\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: 0;\n    padding: 0;\n\n    pds-button {\n      padding: 0;\n\n      &:hover {\n        background: none;\n      }\n    }\n\n    span {\n      border: var(--border);\n      border-radius: var(--border-radius);\n      margin-inline-end: var(--spacing-sm);\n      padding-block: var(--spacing-xs);\n      padding-inline: var(--spacing-sm);\n    }\n\n    :hover {\n      span {\n        border-color: var(--border-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\n@Component({\n  tag: 'pds-copytext',\n  styleUrl: '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 (navigator.clipboard) {\n        await navigator.clipboard.writeText(value);\n        this.pdsCopyTextClick.emit('Copied to clipboard');\n      } else {\n        // falback for safari\n        const el = document.createElement('textarea');\n        el.value = value;\n        el.setAttribute('readonly', '');\n        el.style.position = 'absolute';\n        el.style.left = '-9999px';\n        document.body.appendChild(el);\n        el.focus();\n        el.setSelectionRange(0, el.value.length);\n        document.execCommand('copy');\n        document.body.removeChild(el);\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 name=\"copy\" size=\"16px\"></pds-icon>\n        </pds-button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kiDAAA,IAAMA,eAAiB,0gF,ICOVC,YAAW,W,+GAkCdC,KAAAC,gBAAkB,SAAOC,GAAa,OAAAC,UAAAC,OAAA,qB,8FAEtCC,UAAUC,UAAV,YACF,SAAMD,UAAUC,UAAUC,UAAUL,I,OAApCM,EAAAC,OACAT,KAAKU,iBAAiBC,KAAK,uB,mBAGrBC,EAAKC,SAASC,cAAc,YAClCF,EAAGV,MAAQA,EACXU,EAAGG,aAAa,WAAY,IAC5BH,EAAGI,MAAMC,SAAW,WACpBL,EAAGI,MAAME,KAAO,UAChBL,SAASM,KAAKC,YAAYR,GAC1BA,EAAGS,QACHT,EAAGU,kBAAkB,EAAGV,EAAGV,MAAMqB,QACjCV,SAASW,YAAY,QACrBX,SAASM,KAAKM,YAAYb,GAC1BZ,KAAKU,iBAAiBC,KAAK,uB,+CAG7BX,KAAKU,iBAAiBC,KAAK,oCAAAe,OAAoCC,I,qCAI3D3B,KAAA4B,YAAc,WACpBxB,EAAKH,gBAAgBG,EAAKF,M,cAtDM,K,0CAWd,M,cAMD,M,qBAwCX2B,EAAAC,UAAAC,WAAA,WACN,IAAMA,EAAa,CAAC,gBAEpB,GAAI/B,KAAKgC,OAAQ,CACfD,EAAWE,KAAK,yB,CAGlB,GAAIjC,KAAKkC,UAAW,CAClBH,EAAWE,KAAK,2B,CAGlB,GAAIjC,KAAKmC,SAAU,CACjBJ,EAAWE,KAAK,0B,CAGlB,OAAOF,EAAWK,KAAK,K,EAGzBP,EAAAC,UAAAO,OAAA,WACE,OACEC,EAACC,KAAI,CAACC,MAAOxC,KAAK+B,aAAcU,GAAIzC,KAAK0C,aACvCJ,EAAA,cAAYK,KAAK,SAASC,QAAQ,WAAWC,QAAS7C,KAAK4B,aACzDU,EAAA,YAAOtC,KAAKE,OACZoC,EAAA,YAAUQ,KAAK,OAAOC,KAAK,U,WArFb,G"}

package/dist/esm-es5/pds-divider.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,h,H as Host}from"./index-a58668b3.js";var pdsDividerCss=":host{--background-color:var(--pine-color-neutral-grey-400);--offset-xxs:var(--pine-spacing-xxs);--offset-xs:var(--pine-spacing-xs);--offset-sm:var(--pine-spacing-sm);--offset-md:var(--pine-spacing-md);--offset-lg:var(--pine-spacing-lg);--offset-xxl:var(--pine-spacing-2xl)}.pds-divider{background:var(--background-color);border:0;display:-ms-flexbox;display:flex;height:1px;margin:0;width:100%}.pds-divider--vertical{height:100%;width:1px}.pds-divider--offset-xxs{margin:0 calc(var(--offset-xxs) * -1);padding:0 var(--offset-xxs)}.pds-divider--offset-xxs.pds-divider--vertical{margin:calc(var(--offset-xxs) * -1) 0;padding:var(--offset-xxs) 0}.pds-divider--offset-xs{margin:0 calc(var(--offset-xs) * -1);padding:0 var(--offset-xs)}.pds-divider--offset-xs.pds-divider--vertical{margin:calc(var(--offset-xs) * -1) 0;padding:var(--offset-xs) 0}.pds-divider--offset-sm{margin:0 calc(var(--offset-sm) * -1);padding:0 var(--offset-sm)}.pds-divider--offset-sm.pds-divider--vertical{margin:calc(var(--offset-sm) * -1) 0;padding:var(--offset-sm) 0}.pds-divider--offset-md{margin:0 calc(var(--offset-md) * -1);padding:0 var(--offset-md)}.pds-divider--offset-md.pds-divider--vertical{margin:calc(var(--offset-md) * -1) 0;padding:var(--offset-md) 0}.pds-divider--offset-lg{margin:0 calc(var(--offset-lg) * -1);padding:0 var(--offset-lg)}.pds-divider--offset-lg.pds-divider--vertical{margin:calc(var(--offset-lg) * -1) 0;padding:var(--offset-lg) 0}.pds-divider--offset-xl{margin:0 calc(var(--offset-xl) * -1);padding:0 var(--offset-xl)}.pds-divider--offset-xl.pds-divider--vertical{margin:calc(var(--offset-xl) * -1) 0;padding:var(--offset-xl) 0}.pds-divider--offset-xxl{margin:0 calc(var(--offset-xxl) * -1);padding:0 var(--offset-xxl)}.pds-divider--offset-xxl.pds-divider--vertical{margin:calc(var(--offset-xxl) * -1) 0;padding:var(--offset-xxl) 0}@media (max-width: 767px){.pds-divider--vertical{display:none}}";var PdsDivider=function(){function i(i){registerInstance(this,i);this.componentId=undefined;this.offset=undefined;this.vertical=false}i.prototype.classNames=function(){var i=["pds-divider"];if(this.vertical){i.push("pds-divider--vertical")}if(this.offset){var d="pds-divider--offset-"+this.offset;i.push(d)}return i.join(" ")};i.prototype.render=function(){return h(Host,{id:this.componentId},h("hr",{class:this.classNames()}))};return i}();PdsDivider.style=pdsDividerCss;export{PdsDivider as pds_divider};
+//# sourceMappingURL=pds-divider.entry.js.map

package/dist/esm-es5/pds-divider.entry.js.map

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

package/dist/esm-es5/pds-icon.entry.js

@@ -0,0 +1,2 @@
+import{a as getAssetPath,r as registerInstance,h,H as Host,g as getElement}from"./index-a58668b3.js";var CACHED_MAP;var getIconMap=function(){if(typeof window==="undefined"){return new Map}else{if(!CACHED_MAP){var n=window;n.PdsIcons=n.PdsIcons||{};CACHED_MAP=n.PdsIcons.map=n.PdsIcons.map||new Map}return CACHED_MAP}};var getName=function(n,t){if(!n&&t&&!isSrc(t)){n=t}if(isStr(n)){n=toLower(n)}if(!isStr(n)||n.trim()===""){return null}var e=n.replace(/[a-z]|-|\d/gi,"");if(e!=""){return null}return n};var getNamedUrl=function(n){var t=getIconMap().get(n);if(t){return t}return getAssetPath("svg/".concat(n,".svg"))};var getSrc=function(n){if(isStr(n)){n=n.trim();if(isSrc(n)){return n}}return null};var getUrl=function(n){var t=getName(n.name,n.icon);if(t){return getNamedUrl(t)}if(n.icon){t=getSrc(n.icon);if(t){return t}}return null};var isSrc=function(n){return n.length>0&&/(\/|\.)/.test(n)};var isStr=function(n){return typeof n==="string"};var toLower=function(n){return n.toLowerCase()};var inheritAttributes=function(n,t){if(t===void 0){t=[]}var e={};t.forEach((function(t){if(n.hasAttribute(t)){var i=n.getAttribute(t);if(i!==null){e[t]=n.getAttribute(t)}n.removeAttribute(t)}}));return e};var validateContent=function(n){var t=document.createElement("div");t.innerHTML=n;for(var e=t.childNodes.length-1;e>=0;e--){if(t.childNodes[e].nodeName.toLowerCase()!=="svg"){t.removeChild(t.childNodes[e])}}var i=t.firstElementChild;if(i&&i.nodeName.toLowerCase()==="svg"){var r=i.getAttribute("class")||"";i.setAttribute("class",(r+" s-ion-icon").trim());if(isValid(i)){return t.innerHTML}}return""};var isValid=function(n){if(n.nodeType===1){if(n.nodeName.toLowerCase()==="script"){return false}for(var t=0;t<n.attributes.length;t++){var e=n.attributes[t].name;if(isStr(e)&&e.toLowerCase().indexOf("on")===0){return false}}for(var t=0;t<n.childNodes.length;t++){if(!isValid(n.childNodes[t])){return false}}}return true};var pdsIconContent=new Map;var requests=new Map;var getSvgContent=function(n,t){if(t===void 0){t=false}var e=requests.get(n);if(!e){if(typeof fetch!="undefined"&&typeof document!=="undefined"){e=fetch(n).then((function(e){if(e.ok){return e.text().then((function(e){if(e&&t!==false){e=validateContent(e)}pdsIconContent.set(n,e||"")}))}pdsIconContent.set(n,"")}));requests.set(n,e)}else{pdsIconContent.set(n,"");return Promise.resolve()}}return e};var pdsIconCss=":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%}";var PdsIcon=function(){function n(n){var t=this;registerInstance(this,n);this.inheritedAttributes={};this.hasAriaHidden=function(){var n=t.el;return n.hasAttribute("aria-hidden")&&n.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"}n.prototype.iconSize=function(){var n={small:"12px",regular:"16px",medium:"20px",large:"24px"};if(n[this.size]){return n[this.size]}else{return this.size}};n.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAttributes(this.el,["aria-label"])};n.prototype.connectedCallback=function(){var n=this;this.waitUntilVisible(this.el,"50px",(function(){n.isVisible=true;n.loadIcon()}))};n.prototype.disconnectedCallback=function(){if(this.io){this.io.disconnect();this.io=undefined}};n.prototype.loadIcon=function(){var n=this;if(this.isVisible){var t=getUrl(this);if(t){if(pdsIconContent.has(t)){this.svgContent=pdsIconContent.get(t)}else{getSvgContent(t).then((function(){return n.svgContent=pdsIconContent.get(t)}))}}}var e=getName(this.name,this.icon);if(e){this.ariaLabel=e.replace(/\-/g," ")}};n.prototype.render=function(){var n=this,t=n.ariaLabel,e=n.inheritedAttributes;var i={height:this.iconSize(),width:this.iconSize(),color:this.color};return h(Host,Object.assign({"aria-label":t!==undefined&&!this.hasAriaHidden()?t:null,role:"img",style:i,class:Object.assign({},createColorClasses(this.color))},e),this.svgContent?h("div",{class:"icon-inner",innerHTML:this.svgContent}):h("div",{class:"icon-inner"}))};n.prototype.waitUntilVisible=function(n,t,e){var i=this;if(typeof window!=="undefined"&&window.IntersectionObserver){var r=this.io=new window.IntersectionObserver((function(n){if(n[0].isIntersecting){r.disconnect();i.io=undefined;e()}}),{rootMargin:t});r.observe(n)}else{e()}};Object.defineProperty(n,"assetsDirs",{get:function(){return["svg"]},enumerable:false,configurable:true});Object.defineProperty(n.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{name:["loadIcon"],icon:["loadIcon"]}},enumerable:false,configurable:true});return n}();var createColorClasses=function(n){var t;return n?(t={"pds-color":true},t["pds-color-".concat(n)]=true,t):null};PdsIcon.style=pdsIconCss;export{PdsIcon as pds_icon};
+//# sourceMappingURL=pds-icon.entry.js.map

package/dist/esm-es5/pds-icon.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CACHED_MAP","getIconMap","window","Map","win","PdsIcons","map","getName","iconName","icon","isSrc","isStr","toLower","trim","invalidChars","replace","getNamedUrl","url","get","getAssetPath","concat","getSrc","src","getUrl","pdsIcon","name","str","length","test","val","toLowerCase","inheritAttributes","el","attributes","attributeObject","forEach","attr","hasAttribute","value","getAttribute","removeAttribute","validateContent","svgContent","div","document","createElement","innerHTML","i","childNodes","nodeName","removeChild","svgElm","firstElementChild","svgClass","setAttribute","isValid","elm","nodeType","indexOf","pdsIconContent","requests","getSvgContent","sanitize","req","fetch","then","rsp","ok","text","set","Promise","resolve","pdsIconCss","PdsIcon","hostRef","_this","this","inheritedAttributes","hasAriaHidden","ariaLabel","undefined","isVisible","color","size","prototype","iconSize","sizes","small","regular","medium","large","componentWillLoad","connectedCallback","waitUntilVisible","loadIcon","disconnectedCallback","io","disconnect","url_1","has","label","render","_a","style","height","width","h","Host","Object","assign","role","class","createColorClasses","rootMargin","cb","IntersectionObserver","io_1","data","isIntersecting","observe","defineProperty"],"sources":["../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/utils.js","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/validate.js","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/request.js","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/pds-icon.css?tag=pds-icon&encapsulation=shadow","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/pds-icon.js"],"sourcesContent":["import { getAssetPath } from \"@stencil/core\";\nlet CACHED_MAP;\nexport const addIcons = (icons) => {\n    const map = getIconMap();\n    Object.keys(icons).forEach(name => map.set(name, icons[name]));\n};\nexport const getIconMap = () => {\n    if (typeof window === 'undefined') {\n        return new Map();\n    }\n    else {\n        if (!CACHED_MAP) {\n            const win = window; // eslint-disable-line @typescript-eslint/no-explicit-any\n            win.PdsIcons = win.PdsIcons || {};\n            CACHED_MAP = win.PdsIcons.map = win.PdsIcons.map || new Map();\n        }\n        return CACHED_MAP;\n    }\n};\nexport const getName = (iconName, icon) => {\n    if (!iconName && icon && !isSrc(icon)) {\n        iconName = icon;\n    }\n    if (isStr(iconName)) {\n        iconName = toLower(iconName);\n    }\n    if (!isStr(iconName) || iconName.trim() === '') {\n        return null;\n    }\n    const invalidChars = iconName.replace(/[a-z]|-|\\d/gi, '');\n    if (invalidChars != '') {\n        return null;\n    }\n    return iconName;\n};\nconst getNamedUrl = (iconName) => {\n    const url = getIconMap().get(iconName);\n    if (url) {\n        return url;\n    }\n    return getAssetPath(`svg/${iconName}.svg`);\n};\nexport const getSrc = (src) => {\n    if (isStr(src)) {\n        src = src.trim();\n        if (isSrc(src)) {\n            return src;\n        }\n    }\n    return null;\n};\nexport const getUrl = (pdsIcon) => {\n    let url = getName(pdsIcon.name, pdsIcon.icon);\n    if (url) {\n        return getNamedUrl(url);\n    }\n    if (pdsIcon.icon) {\n        url = getSrc(pdsIcon.icon);\n        if (url) {\n            return url;\n        }\n    }\n    return null;\n};\nexport const isSrc = (str) => str.length > 0 && /(\\/|\\.)/.test(str);\nexport const isStr = (val) => typeof val === 'string'; // eslint-disable-line @typescript-eslint/no-explicit-any\nexport const toLower = (val) => val.toLowerCase();\n/**\n * Elements inside of web components sometimes need to inherit global attributes\n * set on the host. For example, the inner input in `ion-input` should inherit\n * the `title` attribute that developers set directly on `ion-input`. This\n * helper function should be called in componentWillLoad and assigned to a variable\n * that is later used in the render function.\n *\n * This does not need to be reactive as changing attributes on the host element\n * does not trigger a re-render.\n */\nexport const inheritAttributes = (el, attributes = []) => {\n    const attributeObject = {}; // eslint-disable-line @typescript-eslint/no-explicit-any\n    attributes.forEach(attr => {\n        if (el.hasAttribute(attr)) {\n            const value = el.getAttribute(attr);\n            if (value !== null) {\n                attributeObject[attr] = el.getAttribute(attr);\n            }\n            el.removeAttribute(attr);\n        }\n    });\n    return attributeObject;\n};\n//# sourceMappingURL=utils.js.map\n","import { isStr } from \"./utils\";\nexport const validateContent = (svgContent) => {\n    const div = document.createElement('div');\n    div.innerHTML = svgContent;\n    // setup this way to ensure it works on our buddy IE\n    for (let i = div.childNodes.length - 1; i >= 0; i--) {\n        if (div.childNodes[i].nodeName.toLowerCase() !== 'svg') {\n            div.removeChild(div.childNodes[i]);\n        }\n    }\n    // must only have 1 root element\n    const svgElm = div.firstElementChild;\n    if (svgElm && svgElm.nodeName.toLowerCase() === 'svg') {\n        const svgClass = svgElm.getAttribute('class') || '';\n        svgElm.setAttribute('class', (svgClass + ' s-ion-icon').trim());\n        // root element must be an svg\n        // lets double check we've got valid elements\n        // do not allow scripts\n        if (isValid(svgElm)) {\n            return div.innerHTML;\n        }\n    }\n    return '';\n};\nexport const isValid = (elm) => {\n    if (elm.nodeType === 1) {\n        if (elm.nodeName.toLowerCase() === 'script') {\n            return false;\n        }\n        for (let i = 0; i < elm.attributes.length; i++) {\n            const name = elm.attributes[i].name;\n            if (isStr(name) && name.toLowerCase().indexOf('on') === 0) {\n                return false;\n            }\n        }\n        for (let i = 0; i < elm.childNodes.length; i++) {\n            if (!isValid(elm.childNodes[i])) {\n                return false;\n            }\n        }\n    }\n    return true;\n};\n//# sourceMappingURL=validate.js.map\n","import { validateContent } from \"./validate\";\nexport const pdsIconContent = new Map();\nconst requests = new Map(); // eslint-disable-line @typescript-eslint/no-explicit-any\nexport const getSvgContent = (url, sanitize = false) => {\n    let req = requests.get(url);\n    if (!req) {\n        if (typeof fetch != 'undefined' && typeof document !== 'undefined') {\n            // we don't have a request\n            req = fetch(url).then((rsp) => {\n                if (rsp.ok) {\n                    return rsp.text().then((svgContent) => {\n                        if (svgContent && sanitize !== false) {\n                            svgContent = validateContent(svgContent);\n                        }\n                        pdsIconContent.set(url, svgContent || '');\n                    });\n                }\n                pdsIconContent.set(url, '');\n            });\n            requests.set(url, req);\n        }\n        else {\n            pdsIconContent.set(url, '');\n            return Promise.resolve();\n        }\n    }\n    return req;\n};\n//# sourceMappingURL=request.js.map\n",":host {\n  contain: strict;\n  display: inline-block;\n  fill: currentColor;\n  height: 1em;\n  width: 1em;\n}\n:host .pdsicon {\n  fill: currentColor;\n}\n\n.pds-icon-fill-none {\n  fill: none;\n}\n\n.icon-inner,\n.pds-icon,\nsvg {\n  display: block;\n  height: 100%;\n  width: 100%;\n}","import { Build, Host, h } from \"@stencil/core\";\nimport { getSvgContent, pdsIconContent } from \"./request\";\nimport { getName, getUrl, inheritAttributes } from \"./utils\";\nexport class PdsIcon {\n    constructor() {\n        this.inheritedAttributes = {}; // eslint-disable-line @typescript-eslint/no-explicit-any\n        this.hasAriaHidden = () => {\n            const { el } = this;\n            return el.hasAttribute('aria-hidden') && el.getAttribute('aria-hidden') === 'true';\n        };\n        this.ariaLabel = undefined;\n        this.isVisible = false;\n        this.svgContent = undefined;\n        this.color = undefined;\n        this.icon = undefined;\n        this.name = undefined;\n        this.size = 'regular';\n    }\n    iconSize() {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const sizes = {\n            small: '12px',\n            regular: '16px',\n            medium: '20px',\n            large: '24px',\n        };\n        if (sizes[this.size]) {\n            return sizes[this.size];\n        }\n        else {\n            return this.size;\n        }\n    }\n    componentWillLoad() {\n        this.inheritedAttributes = inheritAttributes(this.el, ['aria-label']);\n    }\n    connectedCallback() {\n        this.waitUntilVisible(this.el, '50px', () => {\n            this.isVisible = true;\n            this.loadIcon();\n        });\n    }\n    disconnectedCallback() {\n        if (this.io) {\n            this.io.disconnect();\n            this.io = undefined;\n        }\n    }\n    loadIcon() {\n        if (Build.isBrowser && this.isVisible) {\n            const url = getUrl(this);\n            if (url) {\n                if (pdsIconContent.has(url)) {\n                    this.svgContent = pdsIconContent.get(url);\n                }\n                else {\n                    getSvgContent(url).then(() => (this.svgContent = pdsIconContent.get(url)));\n                }\n            }\n        }\n        const label = getName(this.name, this.icon);\n        if (label) {\n            this.ariaLabel = label.replace(/\\-/g, ' ');\n        }\n    }\n    render() {\n        const { ariaLabel, inheritedAttributes } = this;\n        const style = {\n            height: this.iconSize(),\n            width: this.iconSize(),\n            color: this.color,\n        };\n        return (h(Host, Object.assign({ \"aria-label\": ariaLabel !== undefined && !this.hasAriaHidden() ? ariaLabel : null, role: \"img\", style: style, class: Object.assign({}, createColorClasses(this.color)) }, inheritedAttributes), Build.isBrowser && this.svgContent ? (h(\"div\", { class: \"icon-inner\", innerHTML: this.svgContent })) : (h(\"div\", { class: \"icon-inner\" }))));\n    }\n    /*****\n     * Private Methods\n     ****/\n    waitUntilVisible(el, rootMargin, cb) {\n        if (Build.isBrowser && typeof window !== 'undefined' && (window).IntersectionObserver) {\n            const io = (this.io = new (window).IntersectionObserver((data) => {\n                if (data[0].isIntersecting) {\n                    io.disconnect();\n                    this.io = undefined;\n                    cb();\n                }\n            }, { rootMargin }));\n            io.observe(el);\n        }\n        else {\n            // browser doesn't support IntersectionObserver\n            // so just fallback to always show it\n            cb();\n        }\n    }\n    static get is() { return \"pds-icon\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"pds-icon.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"pds-icon.css\"]\n        };\n    }\n    static get assetsDirs() { return [\"svg\"]; }\n    static get properties() {\n        return {\n            \"color\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\\nThe color of the icon\"\n                },\n                \"attribute\": \"color\",\n                \"reflect\": false\n            },\n            \"icon\": {\n                \"type\": \"any\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This a combination of both `name` and `src`. If a `src` url is detected\\nit will set the `src` property. Otherwise it assumes it's a built-in named\\nSVG and set the `name` property.\"\n                },\n                \"attribute\": \"icon\",\n                \"reflect\": false\n            },\n            \"name\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The name of the icon to use from\\nthe built-in set.\"\n                },\n                \"attribute\": \"name\",\n                \"reflect\": true\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"| 'small'   // 12px\\n    | 'regular'  // 16px\\n    | 'medium'  // 20px\\n    | 'large'   // 24px\\n    | 'auto'\\n    | string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the icon. This can be\\n'small', 'regular', 'medium', large, or a\\ncustom value (40px, 1rem, etc)\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": true,\n                \"defaultValue\": \"'regular'\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"ariaLabel\": {},\n            \"isVisible\": {},\n            \"svgContent\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"name\",\n                \"methodName\": \"loadIcon\"\n            }, {\n                \"propName\": \"icon\",\n                \"methodName\": \"loadIcon\"\n            }];\n    }\n}\nconst createColorClasses = (color) => {\n    return color\n        ? {\n            'pds-color': true,\n            [`pds-color-${color}`]: true,\n        }\n        : null;\n};\n//# sourceMappingURL=pds-icon.js.map\n"],"mappings":"qGACA,IAAIA,WAKG,IAAMC,WAAa,WACtB,UAAWC,SAAW,YAAa,CAC/B,OAAO,IAAIC,G,KAEV,CACD,IAAKH,WAAY,CACb,IAAMI,EAAMF,OACZE,EAAIC,SAAWD,EAAIC,UAAY,GAC/BL,WAAaI,EAAIC,SAASC,IAAMF,EAAIC,SAASC,KAAO,IAAIH,G,CAE5D,OAAOH,U,CAEf,EACO,IAAMO,QAAU,SAACC,EAAUC,GAC9B,IAAKD,GAAYC,IAASC,MAAMD,GAAO,CACnCD,EAAWC,C,CAEf,GAAIE,MAAMH,GAAW,CACjBA,EAAWI,QAAQJ,E,CAEvB,IAAKG,MAAMH,IAAaA,EAASK,SAAW,GAAI,CAC5C,OAAO,I,CAEX,IAAMC,EAAeN,EAASO,QAAQ,eAAgB,IACtD,GAAID,GAAgB,GAAI,CACpB,OAAO,I,CAEX,OAAON,CACX,EACA,IAAMQ,YAAc,SAACR,GACjB,IAAMS,EAAMhB,aAAaiB,IAAIV,GAC7B,GAAIS,EAAK,CACL,OAAOA,C,CAEX,OAAOE,aAAa,OAAAC,OAAOZ,EAAQ,QACvC,EACO,IAAMa,OAAS,SAACC,GACnB,GAAIX,MAAMW,GAAM,CACZA,EAAMA,EAAIT,OACV,GAAIH,MAAMY,GAAM,CACZ,OAAOA,C,EAGf,OAAO,IACX,EACO,IAAMC,OAAS,SAACC,GACnB,IAAIP,EAAMV,QAAQiB,EAAQC,KAAMD,EAAQf,MACxC,GAAIQ,EAAK,CACL,OAAOD,YAAYC,E,CAEvB,GAAIO,EAAQf,KAAM,CACdQ,EAAMI,OAAOG,EAAQf,MACrB,GAAIQ,EAAK,CACL,OAAOA,C,EAGf,OAAO,IACX,EACO,IAAMP,MAAQ,SAACgB,GAAQ,OAAAA,EAAIC,OAAS,GAAK,UAAUC,KAAKF,EAAjC,EACvB,IAAMf,MAAQ,SAACkB,GAAQ,cAAOA,IAAQ,QAAf,EACvB,IAAMjB,QAAU,SAACiB,GAAQ,OAAAA,EAAIC,aAAJ,EAWzB,IAAMC,kBAAoB,SAACC,EAAIC,GAAA,GAAAA,SAAA,GAAAA,EAAA,EAAe,CACjD,IAAMC,EAAkB,GACxBD,EAAWE,SAAQ,SAAAC,GACf,GAAIJ,EAAGK,aAAaD,GAAO,CACvB,IAAME,EAAQN,EAAGO,aAAaH,GAC9B,GAAIE,IAAU,KAAM,CAChBJ,EAAgBE,GAAQJ,EAAGO,aAAaH,E,CAE5CJ,EAAGQ,gBAAgBJ,E,CAE/B,IACI,OAAOF,CACX,ECxFO,IAAMO,gBAAkB,SAACC,GAC5B,IAAMC,EAAMC,SAASC,cAAc,OACnCF,EAAIG,UAAYJ,EAEhB,IAAK,IAAIK,EAAIJ,EAAIK,WAAWrB,OAAS,EAAGoB,GAAK,EAAGA,IAAK,CACjD,GAAIJ,EAAIK,WAAWD,GAAGE,SAASnB,gBAAkB,MAAO,CACpDa,EAAIO,YAAYP,EAAIK,WAAWD,G,EAIvC,IAAMI,EAASR,EAAIS,kBACnB,GAAID,GAAUA,EAAOF,SAASnB,gBAAkB,MAAO,CACnD,IAAMuB,EAAWF,EAAOZ,aAAa,UAAY,GACjDY,EAAOG,aAAa,SAAUD,EAAW,eAAexC,QAIxD,GAAI0C,QAAQJ,GAAS,CACjB,OAAOR,EAAIG,S,EAGnB,MAAO,EACX,EACO,IAAMS,QAAU,SAACC,GACpB,GAAIA,EAAIC,WAAa,EAAG,CACpB,GAAID,EAAIP,SAASnB,gBAAkB,SAAU,CACzC,OAAO,K,CAEX,IAAK,IAAIiB,EAAI,EAAGA,EAAIS,EAAIvB,WAAWN,OAAQoB,IAAK,CAC5C,IAAMtB,EAAO+B,EAAIvB,WAAWc,GAAGtB,KAC/B,GAAId,MAAMc,IAASA,EAAKK,cAAc4B,QAAQ,QAAU,EAAG,CACvD,OAAO,K,EAGf,IAAK,IAAIX,EAAI,EAAGA,EAAIS,EAAIR,WAAWrB,OAAQoB,IAAK,CAC5C,IAAKQ,QAAQC,EAAIR,WAAWD,IAAK,CAC7B,OAAO,K,GAInB,OAAO,IACX,ECzCO,IAAMY,eAAiB,IAAIxD,IAClC,IAAMyD,SAAW,IAAIzD,IACd,IAAM0D,cAAgB,SAAC5C,EAAK6C,GAAA,GAAAA,SAAA,GAAAA,EAAA,KAAgB,CAC/C,IAAIC,EAAMH,SAAS1C,IAAID,GACvB,IAAK8C,EAAK,CACN,UAAWC,OAAS,oBAAsBpB,WAAa,YAAa,CAEhEmB,EAAMC,MAAM/C,GAAKgD,MAAK,SAACC,GACnB,GAAIA,EAAIC,GAAI,CACR,OAAOD,EAAIE,OAAOH,MAAK,SAACvB,GACpB,GAAIA,GAAcoB,IAAa,MAAO,CAClCpB,EAAaD,gBAAgBC,E,CAEjCiB,eAAeU,IAAIpD,EAAKyB,GAAc,GAC9D,G,CAEgBiB,eAAeU,IAAIpD,EAAK,GACxC,IACY2C,SAASS,IAAIpD,EAAK8C,E,KAEjB,CACDJ,eAAeU,IAAIpD,EAAK,IACxB,OAAOqD,QAAQC,S,EAGvB,OAAOR,CACX,EC3BA,IAAMS,WAAa,kN,ICGNC,QAAO,WAChB,SAAAA,EAAAC,GAAA,IAAAC,EAAAC,K,yBACIA,KAAKC,oBAAsB,GAC3BD,KAAKE,cAAgB,WACT,IAAA9C,EAAO2C,EAAI3C,GACnB,OAAOA,EAAGK,aAAa,gBAAkBL,EAAGO,aAAa,iBAAmB,M,EAEhFqC,KAAKG,UAAYC,UACjBJ,KAAKK,UAAY,MACjBL,KAAKlC,WAAasC,UAClBJ,KAAKM,MAAQF,UACbJ,KAAKnE,KAAOuE,UACZJ,KAAKnD,KAAOuD,UACZJ,KAAKO,KAAO,S,CAEhBV,EAAAW,UAAAC,SAAA,WAEI,IAAMC,EAAQ,CACVC,MAAO,OACPC,QAAS,OACTC,OAAQ,OACRC,MAAO,QAEX,GAAIJ,EAAMV,KAAKO,MAAO,CAClB,OAAOG,EAAMV,KAAKO,K,KAEjB,CACD,OAAOP,KAAKO,I,GAGpBV,EAAAW,UAAAO,kBAAA,WACIf,KAAKC,oBAAsB9C,kBAAkB6C,KAAK5C,GAAI,CAAC,c,EAE3DyC,EAAAW,UAAAQ,kBAAA,eAAAjB,EAAAC,KACIA,KAAKiB,iBAAiBjB,KAAK5C,GAAI,QAAQ,WACnC2C,EAAKM,UAAY,KACjBN,EAAKmB,U,KAGbrB,EAAAW,UAAAW,qBAAA,WACI,GAAInB,KAAKoB,GAAI,CACTpB,KAAKoB,GAAGC,aACRrB,KAAKoB,GAAKhB,S,GAGlBP,EAAAW,UAAAU,SAAA,eAAAnB,EAAAC,KACI,GAAuBA,KAAKK,UAAW,CACnC,IAAMiB,EAAM3E,OAAOqD,MACnB,GAAIsB,EAAK,CACL,GAAIvC,eAAewC,IAAID,GAAM,CACzBtB,KAAKlC,WAAaiB,eAAezC,IAAIgF,E,KAEpC,CACDrC,cAAcqC,GAAKjC,MAAK,kBAAOU,EAAKjC,WAAaiB,eAAezC,IAAIgF,EAA5C,G,GAIpC,IAAME,EAAQ7F,QAAQqE,KAAKnD,KAAMmD,KAAKnE,MACtC,GAAI2F,EAAO,CACPxB,KAAKG,UAAYqB,EAAMrF,QAAQ,MAAO,I,GAG9C0D,EAAAW,UAAAiB,OAAA,WACU,IAAAC,EAAqC1B,KAAnCG,EAASuB,EAAAvB,UAAEF,EAAmByB,EAAAzB,oBACtC,IAAM0B,EAAQ,CACVC,OAAQ5B,KAAKS,WACboB,MAAO7B,KAAKS,WACZH,MAAON,KAAKM,OAEhB,OAAQwB,EAAEC,KAAMC,OAAOC,OAAO,CAAE,aAAc9B,IAAcC,YAAcJ,KAAKE,gBAAkBC,EAAY,KAAM+B,KAAM,MAAOP,MAAOA,EAAOQ,MAAOH,OAAOC,OAAO,GAAIG,mBAAmBpC,KAAKM,SAAWL,GAAyCD,KAAKlC,WAAcgE,EAAE,MAAO,CAAEK,MAAO,aAAcjE,UAAW8B,KAAKlC,aAAkBgE,EAAE,MAAO,CAAEK,MAAO,e,EAK9VtC,EAAAW,UAAAS,iBAAA,SAAiB7D,EAAIiF,EAAYC,GAAjC,IAAAvC,EAAAC,KACI,UAA8B1E,SAAW,aAAe,OAASiH,qBAAsB,CACnF,IAAMC,EAAMxC,KAAKoB,GAAK,IAAI,OAASmB,sBAAqB,SAACE,GACrD,GAAIA,EAAK,GAAGC,eAAgB,CACxBF,EAAGnB,aACHtB,EAAKqB,GAAKhB,UACVkC,G,IAEL,CAAED,WAAUA,IACfG,EAAGG,QAAQvF,E,KAEV,CAGDkF,G,GAeRN,OAAAY,eAAW/C,EAAA,aAAU,C,IAArB,WAA0B,MAAO,CAAC,MAAO,E,wSAvGzB,GAmMpB,IAAMuC,mBAAqB,SAAC9B,G,MACxB,OAAOA,G,GAEC,YAAa,MACboB,EAAC,aAAAlF,OAAa8D,IAAU,K,GAE1B,IACV,E"}

package/dist/esm-es5/pds-image.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,h,H as Host}from"./index-a58668b3.js";var pdsImageCss=":host{--image-aspect-ratio:auto;display:inline-block}img{aspect-ratio:var(--image-aspect-ratio);height:auto;width:100%}";var PdsImage=function(){function s(s){registerInstance(this,s);this.alt="";this.componentId=undefined;this.height=undefined;this.loading="eager";this.sizes=undefined;this.src=undefined;this.srcset=undefined;this.width=undefined}s.prototype.render=function(){return h(Host,{class:{"pds-image":true},id:this.componentId},h("img",{alt:this.alt,height:this.height,loading:this.loading,sizes:this.sizes,src:this.src,srcset:this.srcset,width:this.width}))};return s}();PdsImage.style=pdsImageCss;export{PdsImage as pds_image};
+//# sourceMappingURL=pds-image.entry.js.map

package/dist/esm-es5/pds-image.entry.js.map

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

package/dist/esm-es5/pds-input.entry.js

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

package/dist/esm-es5/pds-input.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsInputCss","PdsInput","this","onInputEvent","ev","input","target","_this","value","pdsInput","emit","prototype","render","h","Host","disabled","class","PdsLabel","htmlFor","componentId","text","label","assignDescription","invalid","helperMessage","undefined","id","name","placeholder","readOnly","readonly","required","type","onInput","messageId","errorMessage"],"sources":["src/components/pds-input/pds-input.scss?tag=pds-input&encapsulation=shadow","src/components/pds-input/pds-input.tsx"],"sourcesContent":[":host {\n  --background: var(--pine-color-base-white);\n  --background-disabled: var(--pine-color-neutral-grey-100);\n\n  --color: var(--pine-color-neutral-charcoal-500);\n  --color-error: var(--pine-color-red-300);\n  --color-placeholder: var(--pine-color-neutral-charcoal-200);\n  --color-disabled: var(--pine-color-neutral-grey-500);\n\n  --border-color-default: var(--pine-color-neutral-grey-400);\n  --border-color-hover: var(--pine-color-neutral-grey-500);\n\n  --focus-box-shadow: 0 0 0 4px var(--pine-color-primary-200);\n\n  --label-font-size: var(--pine-font-size-body);\n  --label-font-weight: var(--pine-font-weight-medium);\n  --label-line-height: var(--pine-line-height-md);\n  --label-margin-block-end: var(--pine-spacing-xs);\n\n  --field-font-size: var(--pine-font-size-body);\n  --field-font-weight: var(--pine-font-weight-regular);\n  --field-line-height: var(--pine-line-height-md);\n  --field-padding-block: var(--pine-spacing-xs);\n  --field-padding-inline: var(--pine-spacing-sm);\n\n  --helper-message-font-size: var(--pine-font-size-body);\n  --helper-message-font-weight: var(--pine-font-weight-regular);\n  --helper-message-line-height: var(--pine-line-height-sm);\n  --helper-message-margin-top: var(--pine-spacing-xs);\n\n  display: inline;\n}\n\n.pds-input {\n  display: flex;\n  flex-direction: column;\n}\n\nlabel {\n  font-size: var(--label-font-size);\n  font-weight: var(--label-font-weight);\n  line-height: var(--label-line-height);\n  margin-block-end: var(--label-margin-block-end);\n}\n\ninput {\n  border: 1px solid var(--border-color-default);\n  border-radius: 10px;\n  font-size: var(--field-font-size);\n  font-weight: var(--field-font-weight);\n  line-height: var(--field-line-height);\n  padding: var(--field-padding-block) var(--field-padding-inline);\n\n  &:disabled {\n    background-color: var(--background-disabled);\n    color: var(--color-disabled);\n    cursor: not-allowed;\n  }\n\n  &:hover {\n    border-color: var(--border-color-hover);\n  }\n\n  &:focus {\n    box-shadow: var(--focus-box-shadow);\n    outline: none;\n  }\n\n  /* stylelint-disable */\n  &::-webkit-input-placeholder {\n    color: var(--color-placeholder);\n  }\n\n  &::-moz-placeholder {\n    color: var(--color-placeholder);\n  }\n\n  &::-moz-placeholder {\n    color: var(--color-placeholder);\n  }\n\n  &:-ms-input-placeholder {\n    color: var(--color-placeholder);\n  }\n\n  &:has(~.pds-input__error-message) {\n    border-color: var(--color-error);\n  }\n  /* stylelint-enable */\n}\n\n.pds-input__error-message,\n.pds-input__helper-message {\n  font-size: var(--helper-message-font-size);\n  font-weight: var(--helper-message-font-weight);\n  line-height: var(--helper-message-line-height);\n  margin-block-end: 0;\n  margin-block-start: var(--helper-message-margin-top);\n}\n\n.pds-input__error-message {\n  color: var(--color-error);\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport { assignDescription, messageId } from '../../utils/form';\nimport { PdsLabel } from '../_internal/pds-label/pds-label';\n\n@Component({\n  tag: 'pds-input',\n  styleUrl: 'pds-input.scss',\n  shadow: true,\n})\nexport class PdsInput {\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Indicates whether or not the input field is disabled.\n   */\n  @Prop() disabled?: boolean;\n\n  /**\n   * Specifies the error message and provides an error-themed treatment to the field.\n   */\n  @Prop() errorMessage?: string;\n\n  /**\n   * Displays a message or hint below the input field.\n   */\n  @Prop() helperMessage?: string;\n\n  /**\n   * Indicates whether or not the input field is invalid or throws an error.\n   */\n  @Prop() invalid?: boolean;\n\n  /**\n   * Text to be displayed as the input label.\n   */\n  @Prop() label?: string;\n\n  /**\n   * Specifies the name. Submitted with the form name/value pair.\n   */\n  @Prop() name?: string;\n\n  /**\n   * Specifies a short hint that describes the expected value of the input field.\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * Indicates whether or not the input field is readonly.\n   */\n  @Prop() readonly?: boolean;\n\n  /**\n   * Indicates whether or not the input field is required.\n   */\n  @Prop() required?: boolean;\n\n  /**\n   * Determines the type of control that will be displayed\n   `'email'`, `'number'`, `'password'`, `'tel'`, `'text'`\n   * @defaultValue \"text\"\n   */\n  @Prop() type = 'text';\n\n  /**\n   * The value of the input.\n   */\n  @Prop({mutable: true}) value?: string;\n\n  /**\n   * Emitted when a keyboard input occurred.\n   */\n  @Event() pdsInput: EventEmitter<InputEvent>;\n\n  private onInputEvent = (ev: Event) => {\n    const input = ev.target as HTMLInputElement | null;\n    if (input) {\n      this.value = input.value || '';\n    }\n    this.pdsInput.emit(ev as InputEvent);\n  };\n\n  render() {\n    return (\n      <Host\n        aria-disabled={this.disabled ? 'true' : null}\n      >\n        <div class=\"pds-input\">\n          <PdsLabel htmlFor={this.componentId} text={this.label} />\n          <input class=\"pds-input__field\"\n            aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n            aria-invalid={this.invalid ? \"true\" : undefined}\n            disabled={this.disabled}\n            id={this.componentId}\n            name={this.name}\n            placeholder={this.placeholder}\n            readOnly={this.readonly}\n            required={this.required}\n            type={this.type}\n            value={this.value}\n            onInput={this.onInputEvent}\n          />\n          {this.helperMessage &&\n            <p\n              class=\"pds-input__helper-message\"\n              id={messageId(this.componentId, 'helper')}\n            >\n              {this.helperMessage}\n            </p>\n          }\n          {this.errorMessage &&\n            <p\n              class=\"pds-input__error-message\"\n              id={messageId(this.componentId, 'error')}\n              aria-live=\"assertive\"\n            >\n              {this.errorMessage}\n            </p>\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6KAAA,IAAMA,YAAc,4kF,ICSPC,SAAQ,W,+FAoEXC,KAAAC,aAAe,SAACC,GACtB,IAAMC,EAAQD,EAAGE,OACjB,GAAID,EAAO,CACTE,EAAKC,MAAQH,EAAMG,OAAS,E,CAE9BD,EAAKE,SAASC,KAAKN,E,mQAjBN,O,qBAoBfH,EAAAU,UAAAC,OAAA,WACE,OACEC,EAACC,KAAI,iBACYZ,KAAKa,SAAW,OAAS,MAExCF,EAAA,OAAKG,MAAM,aACTH,EAACI,SAAQ,CAACC,QAAShB,KAAKiB,YAAaC,KAAMlB,KAAKmB,QAChDR,EAAA,SAAOG,MAAM,mBAAkB,mBACXM,kBAAkBpB,KAAKiB,YAAajB,KAAKqB,QAASrB,KAAKsB,eAAc,eACzEtB,KAAKqB,QAAU,OAASE,UACtCV,SAAUb,KAAKa,SACfW,GAAIxB,KAAKiB,YACTQ,KAAMzB,KAAKyB,KACXC,YAAa1B,KAAK0B,YAClBC,SAAU3B,KAAK4B,SACfC,SAAU7B,KAAK6B,SACfC,KAAM9B,KAAK8B,KACXxB,MAAON,KAAKM,MACZyB,QAAS/B,KAAKC,eAEfD,KAAKsB,eACJX,EAAA,KACEG,MAAM,4BACNU,GAAIQ,UAAUhC,KAAKiB,YAAa,WAE/BjB,KAAKsB,eAGTtB,KAAKiC,cACJtB,EAAA,KACEG,MAAM,2BACNU,GAAIQ,UAAUhC,KAAKiB,YAAa,SAAQ,YAC9B,aAETjB,KAAKiC,e,WA9GC,G"}

package/dist/esm-es5/pds-label-a26dd876.js

@@ -0,0 +1,2 @@
+import{h}from"./index-a58668b3.js";var messageId=function(e,r){return"".concat(e,"__").concat(r,"-message")};var assignDescription=function(e,r,s){if(!s)return;var a=messageId(e,"helper");if(r)a=messageId(e,"error");return a};var isRequired=function(e,r){if(!e||!r)return;if(r.required===true){e.checkValidity()===false?r.invalid=true:r.invalid=false}};var PdsLabel=function(e){var r=e.classNames,s=e.htmlFor,a=e.text;return h("label",{class:r,htmlFor:s},a)};export{PdsLabel as P,assignDescription as a,isRequired as i,messageId as m};
+//# sourceMappingURL=pds-label-a26dd876.js.map

package/dist/esm-es5/pds-label-a26dd876.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["messageId","id","messageType","concat","assignDescription","invalid","helperMessage","relatedId","isRequired","target","component","required","checkValidity","PdsLabel","_a","classNames","htmlFor","text","h","class"],"sources":["src/utils/form.ts","src/components/_internal/pds-label/pds-label.tsx"],"sourcesContent":["/**\n * Create id for messaging\n */\nexport const messageId = (id: string, messageType: string) => {\n  return `${id}__${messageType}-message`;\n};\n\n/**\n * Assign aria-description id to relate messages with form element\n */\nexport const assignDescription = (id: string, invalid: boolean, helperMessage: string) => {\n  if (!helperMessage) return\n\n  let relatedId = messageId(id, 'helper')\n\n  if (invalid) relatedId = messageId(id, 'error');\n\n  return relatedId;\n};\n\n/**\n * Updates the `invalid` prop of a form element based on it's values validity\n */\nexport const isRequired = (target, component) => {\n  if ( !target || !component ) return;\n  if (component.required === true) {\n    (target.checkValidity() === false) ? component.invalid = true : component.invalid = false;\n  }\n}\n","import { FunctionalComponent, h } from '@stencil/core';\n\n/**\n * Props for the input label.\n */\ninterface LabelProps {\n  classNames?: string,\n  /**\n   * Corresponds to the 'for' attribute on a label. Useful for\n   * associating a label with a specific input.\n   */\n  htmlFor: string,\n  /**\n   * Label text displayed.\n   */\n  text: string,\n}\n\n/**\n * Returns markup for an input label.\n * @internal\n */\nexport const PdsLabel: FunctionalComponent<LabelProps> = ({ classNames, htmlFor, text }) => (\n  <label class={classNames} htmlFor={htmlFor}>{text}</label>\n);\n"],"mappings":"uCAGaA,UAAY,SAACC,EAAYC,GACpC,MAAO,GAAAC,OAAGF,EAAE,MAAAE,OAAKD,EAAW,WAC9B,E,IAKaE,kBAAoB,SAACH,EAAYI,EAAkBC,GAC9D,IAAKA,EAAe,OAEpB,IAAIC,EAAYP,UAAUC,EAAI,UAE9B,GAAII,EAASE,EAAYP,UAAUC,EAAI,SAEvC,OAAOM,CACT,E,IAKaC,WAAa,SAACC,EAAQC,GACjC,IAAMD,IAAWC,EAAY,OAC7B,GAAIA,EAAUC,WAAa,KAAM,CAC9BF,EAAOG,kBAAoB,MAASF,EAAUL,QAAU,KAAOK,EAAUL,QAAU,K,CAExF,E,ICNaQ,SAA4C,SAACC,G,IAAEC,EAAUD,EAAAC,WAAEC,EAAOF,EAAAE,QAAEC,EAAIH,EAAAG,KAAE,OACrFC,EAAA,SAAOC,MAAOJ,EAAYC,QAASA,GAAUC,EADwC,S"}

package/dist/esm-es5/pds-link.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,h}from"./index-a58668b3.js";var pdsLinkCss=":host{--border-radius:var(--pine-border-radius-sm);--color:var(--pine-color-neutral-charcoal-400);--font-size:var(--pine-font-size-body);--font-size-sm:var(--pine-font-size-body-sm);--font-size-xs:var(--pine-font-size-body-xs);--font-weight:var(--pine-font-weight-medium);--margin-inline-start:var(--pine-spacing-xxs);--outline:4px solid var(--pine-color-primary-200);--svg-lg:15px;--svg-md:13px;--svg-sm:11px;display:inline}:host pds-icon{-webkit-margin-start:var(--margin-inline-start);margin-inline-start:var(--margin-inline-start)}.pds-link{-ms-flex-align:center;align-items:center;color:var(--color);display:-ms-inline-flexbox;display:inline-flex;font-weight:inherit}.pds-link:focus{border-radius:var(--border-radius);outline:var(--outline)}.pds-link--sm{font-size:var(--font-size-xs)}.pds-link--sm pds-icon{height:var(--svg-sm);width:var(--svg-sm)}.pds-link--md{font-size:var(--font-size-sm)}.pds-link--md pds-icon{height:var(--svg-md);width:var(--svg-md)}.pds-link--lg{font-size:var(--font-size)}.pds-link--lg pds-icon{height:var(--svg-lg);width:var(--svg-lg)}.pds-link--plain{font-weight:var(--font-weight);text-decoration:none}.pds-link--plain:hover{text-decoration:underline}.pds-link--default{text-decoration:underline}.pds-link--default:hover{text-decoration:none}";var PdsLink=function(){function i(i){registerInstance(this,i);this.componentId=undefined;this.external=false;this.variant="inline";this.fontSize="lg";this.href=undefined}i.prototype.classNames=function(){var i=["pds-link"];if(this.fontSize){i.push("pds-link--"+this.fontSize)}if(this.variant){i.push("pds-link--"+this.variant)}return i.join(" ")};i.prototype.render=function(){return h("a",{class:this.classNames(),href:this.href,id:this.componentId,target:this.external?"_blank":undefined},h("slot",null,this.href),this.external&&h("pds-icon",{name:"launch",size:this.fontSize}))};return i}();PdsLink.style=pdsLinkCss;export{PdsLink as pds_link};
+//# sourceMappingURL=pds-link.entry.js.map

package/dist/esm-es5/pds-link.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsLinkCss","PdsLink","prototype","classNames","this","fontSize","push","variant","join","render","h","class","href","id","componentId","target","external","undefined","name","size"],"sources":["src/components/pds-link/pds-link.scss?tag=pds-link&encapsulation=shadow","src/components/pds-link/pds-link.tsx"],"sourcesContent":[":host {\n\n  --border-radius: var(--pine-border-radius-sm);\n  --color: var(--pine-color-neutral-charcoal-400);\n  --font-size: var(--pine-font-size-body);\n  --font-size-sm: var(--pine-font-size-body-sm);\n  --font-size-xs: var(--pine-font-size-body-xs);\n  --font-weight: var(--pine-font-weight-medium);\n  --margin-inline-start: var(--pine-spacing-xxs);\n  --outline: 4px solid var(--pine-color-primary-200);\n  --svg-lg: 15px;\n  --svg-md: 13px;\n  --svg-sm: 11px;\n\n  display: inline;\n\n  pds-icon {\n    margin-inline-start: var(--margin-inline-start);\n  }\n}\n\n.pds-link {\n  align-items: center;\n  color: var(--color);\n  display: inline-flex;\n  font-weight: inherit;\n\n  &:focus {\n    border-radius: var(--border-radius);\n    outline: var(--outline);\n  }\n}\n\n// We have a small consensus stating that\n// fonts will be REMs, box-model will be\n// discussed later px or (r)em's\n.pds-link--sm {\n  font-size: var(--font-size-xs);\n\n  pds-icon {\n    height: var(--svg-sm);\n    width: var(--svg-sm);\n  }\n}\n\n.pds-link--md {\n  font-size: var(--font-size-sm);\n\n  pds-icon {\n    height: var(--svg-md);\n    width: var(--svg-md);\n  }\n}\n\n.pds-link--lg {\n  font-size: var(--font-size);\n\n  pds-icon {\n    height: var(--svg-lg);\n    width: var(--svg-lg);\n  }\n}\n\n.pds-link--plain {\n  font-weight: var(--font-weight);\n  text-decoration: none;\n\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n// Default = inline link\n.pds-link--default {\n  text-decoration: underline;\n\n  &:hover {\n    text-decoration: none;\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * @slot - Content is placed between the opening closing tags\n */\n@Component({\n  tag: 'pds-link',\n  styleUrl: 'pds-link.scss',\n  shadow: true,\n})\nexport class PdsLink {\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * When enabled, opens link in a new tab.\n   * @defaultValue false\n   */\n  @Prop() external = false;\n\n  /**\n   *\n   * Modifies the look of the link\n   */\n  @Prop() variant: 'inline' | 'plain' = 'inline';\n\n  /**\n   *\n   * The Font size follows t-shirt model\n   * sm: 12px\n   * md: 14px\n   * lg: 16px\n   * @defaultValue lg\n   */\n  @Prop() fontSize: 'sm' | 'md' | 'lg' = 'lg';\n\n  /**\n   * The URL that the hyperlink points to.\n   */\n  @Prop() href!: string;\n\n  private classNames() {\n    const classNames = ['pds-link'];\n\n    if (this.fontSize) {\n      classNames.push('pds-link--' + this.fontSize);\n    }\n\n    if (this.variant) {\n      classNames.push('pds-link--' + this.variant);\n    }\n\n    return classNames.join(' ');\n  }\n\n  render() {\n\n    return (\n      <a\n        class={this.classNames()}\n        href={this.href}\n        id={this.componentId}\n        target={this.external ? '_blank' : undefined}\n      >\n        <slot>{this.href}</slot>\n        {this.external &&\n          <pds-icon name=\"launch\" size={this.fontSize}></pds-icon>\n        }\n      </a>\n    );\n  }\n}\n"],"mappings":"yDAAA,IAAMA,WAAa,+vC,ICUNC,QAAO,W,gFAUC,M,aAMmB,S,cAUC,K,oBAO/BA,EAAAC,UAAAC,WAAA,WACN,IAAMA,EAAa,CAAC,YAEpB,GAAIC,KAAKC,SAAU,CACjBF,EAAWG,KAAK,aAAeF,KAAKC,S,CAGtC,GAAID,KAAKG,QAAS,CAChBJ,EAAWG,KAAK,aAAeF,KAAKG,Q,CAGtC,OAAOJ,EAAWK,KAAK,I,EAGzBP,EAAAC,UAAAO,OAAA,WAEE,OACEC,EAAA,KACEC,MAAOP,KAAKD,aACZS,KAAMR,KAAKQ,KACXC,GAAIT,KAAKU,YACTC,OAAQX,KAAKY,SAAW,SAAWC,WAEnCP,EAAA,YAAON,KAAKQ,MACXR,KAAKY,UACJN,EAAA,YAAUQ,KAAK,SAASC,KAAMf,KAAKC,W,WA1DzB,G"}

package/dist/esm-es5/pds-progress.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,h,H as Host}from"./index-a58668b3.js";var pdsProgressCss=":host{--progress-fill-color:var(--pine-color-primary-300);--height-progress-bar:8px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}@-webkit-keyframes progressBar{0%{width:0}100%{width:100%}}@keyframes progressBar{0%{width:0}100%{width:100%}}.pds-progress{--background-progress-bar:var(--pine-color-neutral-grey-300);--border-radius:var(--pine-border-radius-xs);-ms-flex-align:center;align-items:center;background-color:var(--background-progress-bar);border-radius:var(--border-radius);display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:var(--height-progress-bar);position:relative;width:100%}:host(.is-animated) progress,:host(.is-animated) progress::-webkit-progress-bar{-webkit-animation:progressBar 3s ease;animation:progressBar 3s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}progress,progress::-webkit-progress-bar{background-color:transparent;border:0;height:var(--height-progress-bar);width:100%}progress::-webkit-progress-value{--background-color:var(--pine-color-primary-300);--border-radius:var(--pine-border-radius-xs);background-color:var(--progress-fill-color, var(--background-color));border-radius:var(--border-radius)}progress::-moz-progress-bar{--background-color:var(--pine-color-primary-300);--border-radius:var(--pine-border-radius-xs);background-color:var(--progress-fill-color, var(--background-color));border-radius:var(--border-radius)}.pds-progress__label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.pds-progress__percentage{--font-size:var(--pine-font-size-body-sm);--line-height:var(--pine-line-height-sm);--font-weight:var(--pine-font-weight-medium);--margin-inline-start:var(--pine-spacing-md);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);-webkit-margin-start:calc(var(--margin-inline-start) / 2);margin-inline-start:calc(var(--margin-inline-start) / 2)}";var PdsProgress=function(){function r(r){registerInstance(this,r);this.animated=false;this.componentId=undefined;this.fillColor=undefined;this.label=undefined;this.percent=0;this.showPercent=false}r.prototype.render=function(){return h(Host,{class:this.animated?{"is-animated":this.animated}:""},h("div",{class:"pds-progress"},h("label",{class:"pds-progress__label",htmlFor:this.componentId},this.label),h("progress",{id:this.componentId,max:"100",style:this.fillColor?{"--progress-fill-color":this.fillColor}:{},value:this.percent})),this.showPercent&&h("div",{class:"pds-progress__percentage"},this.percent,"%"))};return r}();PdsProgress.style=pdsProgressCss;export{PdsProgress as pds_progress};
+//# sourceMappingURL=pds-progress.entry.js.map

package/dist/esm-es5/pds-progress.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsProgressCss","PdsProgress","prototype","render","h","Host","class","this","animated","htmlFor","componentId","label","id","max","style","fillColor","value","percent","showPercent"],"sources":["src/components/pds-progress/pds-progress.scss?tag=pds-progress&encapsulation=shadow","src/components/pds-progress/pds-progress.tsx"],"sourcesContent":[":host {\n  --progress-fill-color: var(--pine-color-primary-300);\n  --height-progress-bar: 8px;\n\n  align-items: center;\n  display: flex;\n}\n\n@keyframes progressBar {\n  0% {\n    width: 0\n  }\n\n  100% {\n    width: 100%\n  }\n}\n\n.pds-progress {\n  --background-progress-bar: var(--pine-color-neutral-grey-300);\n  --border-radius: var(--pine-border-radius-xs);\n\n  align-items: center;\n  background-color: var(--background-progress-bar);\n  border-radius: var(--border-radius);\n  display: flex;\n  flex-direction: row;\n  height: var(--height-progress-bar);\n  position: relative;\n  width: 100%;\n}\n\n:host(.is-animated) progress,\n:host(.is-animated) progress::-webkit-progress-bar {\n  animation: progressBar 3s ease;\n  animation-fill-mode: forwards;\n}\n\nprogress,\nprogress::-webkit-progress-bar {\n  background-color: transparent;\n  border: 0;\n  height: var(--height-progress-bar);\n  width: 100%;\n}\n\nprogress::-webkit-progress-value {\n  --background-color: var(--pine-color-primary-300);\n  --border-radius: var(--pine-border-radius-xs);\n\n  background-color: var(--progress-fill-color, var(--background-color));\n  border-radius: var(--border-radius);\n}\n\nprogress::-moz-progress-bar {\n  --background-color: var(--pine-color-primary-300);\n  --border-radius: var(--pine-border-radius-xs);\n\n  background-color: var(--progress-fill-color, var(--background-color));\n  border-radius: var(--border-radius);\n}\n\n.pds-progress__label {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n.pds-progress__percentage {\n  --font-size: var(--pine-font-size-body-sm);\n  --line-height: var(--pine-line-height-sm);\n  --font-weight: var(--pine-font-weight-medium);\n  --margin-inline-start: var(--pine-spacing-md);\n\n  font-size: var(--font-size);\n  font-weight: var(--font-weight);\n  line-height: var(--line-height);\n  margin-inline-start: calc(var(--margin-inline-start) / 2);\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pds-progress',\n  styleUrl: 'pds-progress.scss',\n  shadow: true,\n})\nexport class PdsProgress {\n  /**\n  * Determines whether or not progress is animated.\n  * @defaultValue false\n  */\n  @Prop() animated = false;\n\n  /**\n  * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.\n  */\n  @Prop() componentId!: string;\n\n  /**\n  * Sets the progress fill color. Accepts a color token or a [valid color value](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value).\n  * @defaultValue 'var(--pds-color-primary)'\n  */\n  @Prop() fillColor: string;\n\n  /**\n  * String used for label text. Label is visually hidden but required for better accessibility.\n  */\n  @Prop() label!: string;\n\n  /**\n  * Sets the progress fill pecentage and visually displayed when `show-percentage=true`.\n  * @defaultValue 0\n  */\n  @Prop() percent = 0;\n\n  /**\n  * Determines whether or not the percent value should be displayed as text.\n  * @defaultValue false\n  */\n  @Prop() showPercent = false;\n\n  render() {\n    return (\n      <Host class={this.animated ? { 'is-animated': this.animated } : ''}>\n        <div class=\"pds-progress\">\n          <label class=\"pds-progress__label\" htmlFor={this.componentId}>\n            {this.label}\n          </label>\n          <progress\n            id={this.componentId}\n            max=\"100\"\n            style={this.fillColor ? { '--progress-fill-color': this.fillColor } : {}}\n            value={this.percent}\n          >\n          </progress>\n        </div>\n        {this.showPercent && <div class=\"pds-progress__percentage\">{this.percent}%</div>}\n      </Host>\n    );\n  }\n}\n"],"mappings":"mEAAA,IAAMA,eAAiB,w7D,ICOVC,YAAW,W,qDAKH,M,sFAsBD,E,iBAMI,K,CAEtBA,EAAAC,UAAAC,OAAA,WACE,OACEC,EAACC,KAAI,CAACC,MAAOC,KAAKC,SAAW,CAAE,cAAeD,KAAKC,UAAa,IAC9DJ,EAAA,OAAKE,MAAM,gBACTF,EAAA,SAAOE,MAAM,sBAAsBG,QAASF,KAAKG,aAC9CH,KAAKI,OAERP,EAAA,YACEQ,GAAIL,KAAKG,YACTG,IAAI,MACJC,MAAOP,KAAKQ,UAAY,CAAE,wBAAyBR,KAAKQ,WAAc,GACtEC,MAAOT,KAAKU,WAIfV,KAAKW,aAAed,EAAA,OAAKE,MAAM,4BAA4BC,KAAKU,QAAO,K,WAlDxD,G"}

package/dist/esm-es5/pds-radio.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,c as createEvent,h,H as Host}from"./index-a58668b3.js";import{m as messageId,P as PdsLabel,a as assignDescription}from"./pds-label-a26dd876.js";var pdsRadioCss='.sc-pds-radio-h{--background-color:var(--pine-color-base-white);--background-color-hover:var(--pine-color-neutral-grey-100);--background-color-disabled:var(--pine-color-neutral-grey-200);--border:var(--pine-border-interactive);--border-color-hover:var(--pine-border-interactive-hover-color);--border-color-disabled:var(--pine-color-neutral-grey-300);--border-radius:50%;--color:var(--pine-color-neutral-charcoal-200);--color-checked:var(--pine-color-neutral-charcoal-500);--color-disabled:var(--pine-color-neutral-grey-500);--color-focus:var(--pine-color-primary-200);--color-invalid:var(--pine-color-red-300);--color-invalid-focus:var(--pine-color-red-200);--font-size:var(--pine-font-size-body-sm);--input-size:16px;--check-size:6px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.is-invalid.sc-pds-radio-h input.sc-pds-radio{border-color:var(--color-invalid)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:checked{background:var(--color-invalid)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:focus-visible{-webkit-box-shadow:0 0 0 4px var(--color-invalid-focus);box-shadow:0 0 0 4px var(--color-invalid-focus);outline:none}.is-invalid.sc-pds-radio-h label.sc-pds-radio,.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--color-invalid)}input.sc-pds-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--border);border-radius:var(--border-radius);height:var(--input-size);margin:0;position:relative;width:var(--input-size)}input.sc-pds-radio:hover{background:var(--background-color-hover);border-color:var(--border-color-hover)}input.sc-pds-radio:checked{background:var(--color-checked);border-color:var(--color-checked)}input.sc-pds-radio:checked::after{background:var(--background-color);border-radius:50%;content:"";display:block;height:var(--check-size);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--check-size)}input.sc-pds-radio:disabled{background:var(--background-color-disabled);border-color:var(--border-color-disabled);cursor:not-allowed}input.sc-pds-radio:disabled:checked{background:var(--color-disabled);border-color:var(--border-color-disabled)}input.sc-pds-radio:disabled:checked::after{border-color:var(--border-color-disabled)}input.sc-pds-radio:disabled+label.sc-pds-radio{color:var(--border-color-hover);cursor:not-allowed}input.sc-pds-radio:disabled~.pds-radio__message.sc-pds-radio{color:var(--color-disabled)}input.sc-pds-radio:focus-visible{-webkit-box-shadow:0 0 0 4px var(--color-focus);box-shadow:0 0 0 4px var(--color-focus);outline:none}label.sc-pds-radio{-webkit-margin-start:10px;margin-inline-start:10px}.pds-radio__message.sc-pds-radio{color:var(--color);font-size:var(--font-size);-webkit-margin-before:var(--check-size);margin-block-start:var(--check-size);-webkit-margin-start:26px;margin-inline-start:26px;width:100%}';var PdsRadio=function(){function r(r){var i=this;registerInstance(this,r);this.pdsRadioChange=createEvent(this,"pdsRadioChange",7);this.handleRadioChange=function(r){if(i.disabled){return}var o=r.target;var e=o.checked;i.pdsRadioChange.emit(e)};this.checked=false;this.disabled=false;this.errorMessage=undefined;this.invalid=false;this.componentId=undefined;this.label=undefined;this.helperMessage=undefined;this.name=undefined;this.required=false;this.value=undefined}r.prototype.classNames=function(){var r=[];if(this.invalid){r.push("is-invalid")}if(this.disabled){r.push("is-disabled")}return r.join("  ")};r.prototype.render=function(){return h(Host,{class:this.classNames()},h("input",{"aria-describedby":assignDescription(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,type:"radio",id:this.componentId,name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onChange:this.handleRadioChange}),h(PdsLabel,{htmlFor:this.componentId,text:this.label}),this.helperMessage&&h("div",{class:"pds-radio__message",id:messageId(this.componentId,"helper")},this.helperMessage),this.errorMessage&&h("div",{class:"pds-radio__message pds-radio__message--error",id:messageId(this.componentId,"error"),"aria-live":"assertive"},this.errorMessage))};return r}();PdsRadio.style=pdsRadioCss;export{PdsRadio as pds_radio};
+//# sourceMappingURL=pds-radio.entry.js.map

package/dist/esm-es5/pds-radio.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsRadioCss","PdsRadio","this","handleRadioChange","e","_this","disabled","target","isChecked","checked","pdsRadioChange","emit","prototype","classNames","invalid","push","join","render","h","Host","class","assignDescription","componentId","helperMessage","undefined","type","id","name","value","required","onChange","PdsLabel","htmlFor","text","label","messageId","errorMessage"],"sources":["src/components/pds-radio/pds-radio.scss?tag=pds-radio&encapsulation=scoped","src/components/pds-radio/pds-radio.tsx"],"sourcesContent":[":host {\n  --background-color: var(--pine-color-base-white);\n  --background-color-hover: var(--pine-color-neutral-grey-100);\n  --background-color-disabled: var(--pine-color-neutral-grey-200);\n  --border: var(--pine-border-interactive);\n  --border-color-hover: var(--pine-border-interactive-hover-color);\n  --border-color-disabled: var(--pine-color-neutral-grey-300);\n  --border-radius: 50%;\n  --color: var(--pine-color-neutral-charcoal-200);\n  --color-checked: var(--pine-color-neutral-charcoal-500);\n  --color-disabled: var(--pine-color-neutral-grey-500);\n  --color-focus: var(--pine-color-primary-200);\n  --color-invalid: var(--pine-color-red-300);\n  --color-invalid-focus: var(--pine-color-red-200);\n  --font-size: var(--pine-font-size-body-sm);\n  --input-size: 16px;\n  --check-size: 6px;\n\n  align-items: center;\n  display: flex;\n  flex-flow: row wrap;\n}\n\n:host(.is-invalid) {\n  input {\n    border-color: var(--color-invalid);\n\n    &:checked {\n      background: var(--color-invalid);\n    }\n\n    &:focus-visible {\n      box-shadow: 0 0 0 4px var(--color-invalid-focus);\n      outline: none;\n    }\n  }\n\n  label,\n  .pds-radio__message--error {\n    color: var(--color-invalid);\n  }\n}\n\ninput {\n  appearance: none;\n  border: var(--border);\n  border-radius: var(--border-radius);\n  height: var(--input-size);\n  margin: 0;\n  position: relative;\n  width: var(--input-size);\n\n  &:hover {\n    background: var(--background-color-hover);\n    border-color: var(--border-color-hover);\n  }\n\n  &:checked {\n    background: var(--color-checked);\n    border-color: var(--color-checked);\n\n    &::after {\n      background: var(--background-color);\n      border-radius: 50%;\n      content: \"\";\n      display: block;\n      height: var(--check-size);\n      left: 50%;\n      position: absolute;\n      top: 50%;\n      transform: translate(-50%, -50%);\n      width: var(--check-size);\n    }\n  }\n\n  &:disabled {\n    background: var(--background-color-disabled);\n    border-color: var(--border-color-disabled);\n    cursor: not-allowed;\n\n    &:checked {\n      background: var(--color-disabled);\n      border-color: var(--border-color-disabled);\n\n      &::after {\n        border-color: var(--border-color-disabled);\n      }\n    }\n\n    + label {\n      color: var(--border-color-hover);\n      cursor: not-allowed;\n    }\n\n    ~ .pds-radio__message {\n      color: var(--color-disabled);\n    }\n  }\n\n  &:focus-visible {\n    box-shadow: 0 0 0 4px var(--color-focus);\n    outline: none;\n  }\n\n}\n\nlabel {\n  margin-inline-start: 10px;\n}\n\n.pds-radio__message {\n  color: var(--color);\n  font-size: var(--font-size);\n  margin-block-start: var(--check-size);\n  margin-inline-start: 26px;\n  width: 100%;\n}\n","import { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\nimport { assignDescription, messageId } from '../../utils/form';\nimport { PdsLabel } from '../_internal/pds-label/pds-label';\n\n@Component({\n  tag: 'pds-radio',\n  styleUrl: 'pds-radio.scss',\n  scoped: true,\n})\nexport class PdsRadio {\n  /**\n   * Determines whether or not the radio is checked.\n   * @defaultValue false\n   */\n  @Prop() checked = false;\n\n  /**\n   * Determines whether or not the radio is disabled.\n   * @defaultValue false\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Displays message text describing an invalid state.\n   */\n  @Prop() errorMessage: string;\n\n  /**\n   * Determines whether or not the radio is invalid.\n   * @defaultValue false\n   */\n  @Prop() invalid = false;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * String used for label text next to radio.\n   */\n  @Prop() label: string;\n\n  /**\n   * String used for helper message below radio.\n   */\n  @Prop() helperMessage: string;\n\n  /**\n   * String used for radio `name` attribute.\n   */\n  @Prop() name: string;\n\n  /**\n   * Determines whether or not the radio is required.\n   * @defaultValue false\n   */\n  @Prop() required = false;\n\n  /**\n   * The value of the radio that is submitted with a form.\n   */\n  @Prop() value: string;\n\n  /**\n   * Emits a boolean indicating whether the checkbox is currently checked or unchecked.\n   */\n  @Event() pdsRadioChange: EventEmitter<boolean>;\n\n  private handleRadioChange = (e: Event) => {\n    if (this.disabled) {\n      return;\n    }\n\n    const target = e.target as HTMLInputElement;\n    const isChecked = target.checked;\n\n    this.pdsRadioChange.emit(isChecked);\n  }\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.invalid) {\n      classNames.push('is-invalid');\n    }\n    if (this.disabled) {\n      classNames.push('is-disabled');\n    }\n\n    return classNames.join('  ');\n  }\n\n  render() {\n    return (\n      <Host class={this.classNames()}>\n        <input\n          aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n          aria-invalid={this.invalid ? \"true\" : undefined}\n          type=\"radio\"\n          id={this.componentId}\n          name={this.name}\n          value={this.value}\n          checked={this.checked}\n          required={this.required}\n          disabled={this.disabled}\n          onChange={this.handleRadioChange}\n        />\n        <PdsLabel htmlFor={this.componentId} text={this.label} />\n        {this.helperMessage &&\n          <div\n            class={'pds-radio__message'}\n            id={messageId(this.componentId, 'helper')}\n          >\n            {this.helperMessage}\n          </div>\n        }\n        {this.errorMessage &&\n          <div\n            class={`pds-radio__message pds-radio__message--error`}\n            id={messageId(this.componentId, 'error')}\n            aria-live=\"assertive\"\n          >\n            {this.errorMessage}\n          </div>\n        }\n      </Host>\n    );\n  }\n}\n"],"mappings":"6KAAA,IAAMA,YAAc,y4F,ICSPC,SAAQ,W,2GA4DXC,KAAAC,kBAAoB,SAACC,GAC3B,GAAIC,EAAKC,SAAU,CACjB,M,CAGF,IAAMC,EAASH,EAAEG,OACjB,IAAMC,EAAYD,EAAOE,QAEzBJ,EAAKK,eAAeC,KAAKH,E,eA/DT,M,cAMC,M,yCAWD,M,+GA0BC,M,qBAuBXP,EAAAW,UAAAC,WAAA,WACN,IAAMA,EAAa,GAEnB,GAAIX,KAAKY,QAAS,CAChBD,EAAWE,KAAK,a,CAElB,GAAIb,KAAKI,SAAU,CACjBO,EAAWE,KAAK,c,CAGlB,OAAOF,EAAWG,KAAK,K,EAGzBf,EAAAW,UAAAK,OAAA,WACE,OACEC,EAACC,KAAI,CAACC,MAAOlB,KAAKW,cAChBK,EAAA,4BACoBG,kBAAkBnB,KAAKoB,YAAapB,KAAKY,QAASZ,KAAKqB,eAAc,eACzErB,KAAKY,QAAU,OAASU,UACtCC,KAAK,QACLC,GAAIxB,KAAKoB,YACTK,KAAMzB,KAAKyB,KACXC,MAAO1B,KAAK0B,MACZnB,QAASP,KAAKO,QACdoB,SAAU3B,KAAK2B,SACfvB,SAAUJ,KAAKI,SACfwB,SAAU5B,KAAKC,oBAEjBe,EAACa,SAAQ,CAACC,QAAS9B,KAAKoB,YAAaW,KAAM/B,KAAKgC,QAC/ChC,KAAKqB,eACJL,EAAA,OACEE,MAAO,qBACPM,GAAIS,UAAUjC,KAAKoB,YAAa,WAE/BpB,KAAKqB,eAGTrB,KAAKkC,cACJlB,EAAA,OACEE,MAAO,+CACPM,GAAIS,UAAUjC,KAAKoB,YAAa,SAAQ,YAC9B,aAETpB,KAAKkC,c,WAlHG,G"}

package/dist/esm-es5/pds-sortable-item.entry.js

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

package/dist/esm-es5/pds-sortable-item.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsSortableItemCss","PdsSortableItem","prototype","render","h","Host","class","id","this","componentId","handle","name","enableActions"],"sources":["src/components/pds-sortable/pds-sortable-item/pds-sortable-item.scss?tag=pds-sortable-item&encapsulation=scoped","src/components/pds-sortable/pds-sortable-item/pds-sortable-item.tsx"],"sourcesContent":[":host(.pds-sortable-item) {\n  --background-color-interactive: var(--pine-color-neutral-grey-200);\n  --background-color: var(--pine-color-base-white);\n  --border-radius: var(--pine-border-radius-md);\n  --border: var(--pine-border-default);\n  --box-shadow: var(--pine-box-shadow-lg);\n  --color-interactive-handle: var(--pine-color-primary-300);\n  --margin-inline-end: var(--pine-spacing-md);\n  --padding-block-xs: var(--pine-spacing-xs);\n  --padding-inline: var(--pine-spacing-md);\n  --padding-inline-start: var(--pine-spacing-md);\n\n  align-items: center;\n  display: flex;\n  padding-block: var(--padding-block-xs);\n  padding-inline: var(--padding-inline);\n\n  .pds-sortable-item__actions {\n    margin-inline-start: auto;\n    padding-inline-start: var(--padding-inline-start);\n  }\n\n  .pds-sortable-item__handle {\n    line-height: 1;\n    margin-inline-end: var(--margin-inline-end);\n  }\n\n  // styles when sortable is bordered\n  .pds-sortable--bordered & {\n    &:first-child {\n      border-start-end-radius: var(--border-radius);\n      border-start-start-radius: var(--border-radius);\n    }\n\n    &:last-child {\n      border-end-end-radius: var(--border-radius);\n      border-end-start-radius: var(--border-radius);\n    }\n  }\n\n  // styles when sortable is divided\n  .pds-sortable--divided & {\n    border-block-end: var(--border);\n\n    &:last-child {\n      border-block-end: 0;\n    }\n  }\n\n  // cursor styles based on handle-type\n  .pds-sortable--handle-type-row & {\n    cursor: grab;\n  }\n\n  .pds-sortable--handle-type-handle & {\n    .pds-sortable-item__handle {\n      cursor: grab;\n    }\n  }\n}\n\n:host(.pds-sortable-item):hover {\n  background-color: var(--background-color-interactive);\n\n  pds-icon {\n    color: var(--color-interactive-handle)\n  }\n}\n\n:host(.pds-sortable-item--drag) {\n  background-color: var(--background-color);\n  border-radius: 0;\n  box-shadow: var(--box-shadow);\n  opacity: 1;\n}\n\n:host(.pds-sortable-item--ghost) {\n  background-color: var(--background-color-interactive);\n  border-radius: 0;\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n/**\n * @slot sortable-item-actions - Content is placed within the `pds-sortable-item__actions` element as children. This slot is only rendered if `actions` is set to `true`.\n */\n@Component({\n  tag: 'pds-sortable-item',\n  styleUrl: 'pds-sortable-item.scss',\n  scoped: true,\n})\nexport class PdsSortableItem {\n  /**\n   * Determines whether `sortable-item-actions` slot should be enabled.\n   * @defaultValue false\n   */\n  @Prop() enableActions = false;\n\n  /**\n   * A unique identifier used for the sortable item `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Determines whether `sortable-item` should have a handle.\n   * @defaultValue false\n   */\n  @Prop() handle = false;\n\n  render() {\n    return (\n      <Host class=\"pds-sortable-item\" id={this.componentId}>\n        {this.handle && (\n          <div class=\"pds-sortable-item__handle\">\n            <pds-icon name=\"handle\"></pds-icon>\n          </div>\n        )}\n        <slot></slot>\n        {this.enableActions && (\n          <div class=\"pds-sortable-item__actions\">\n            <slot name=\"sortable-item-actions\" />\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"mEAAA,IAAMA,mBAAqB,i5E,ICUdC,gBAAe,W,0DAKF,M,uCAWP,K,CAEjBA,EAAAC,UAAAC,OAAA,WACE,OACEC,EAACC,KAAI,CAACC,MAAM,oBAAoBC,GAAIC,KAAKC,aACtCD,KAAKE,QACJN,EAAA,OAAKE,MAAM,6BACTF,EAAA,YAAUO,KAAK,YAGnBP,EAAA,aACCI,KAAKI,eACJR,EAAA,OAAKE,MAAM,8BACTF,EAAA,QAAMO,KAAK,2B,WA7BK,G"}