@pine-ds/core 0.2.2 → 0.2.4

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

@@ -1,2 +0,0 @@
-System.register(["./p-445792b5.system.js","./p-2ca5f853.system.js"],(function(n){"use strict";var a,i,r,t;return{setters:[function(n){a=n.r;i=n.h;r=n.H},function(n){t=n.d}],execute:function(){var o=":host{display:block}details{--animation-transform-timing:200ms;--border-radius:var(--pine-spacing-xs);--box-shadow-focus:0 0 0 4px var(--pine-color-primary-200);--color-content-background:var(--pine-base-color-white);--color-background-hover:var(--pine-color-neutral-grey-300);--color-font:var(--pine-color-neutral-charcoal-200);--color-font-active:var(--pine-color-neutral-charcoal-500);--color-font-hover:var(--pine-color-neutral-charcoal-300);--font-weight:var(--pine-font-weight-semibold);--spacing-details-padding-inline:12px;--spacing-summary-padding-block:var(--pine-spacing-xxs);--spacing-summary-padding-inline-start:var(--pine-spacing-xs);--spacing-summary-padding-inline-end:var(--pine-spacing-xxs);border-radius:var(--border-radius);padding-inline:var(--spacing-details-padding-inline)}details pds-icon{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:-webkit-transform var(--animation-transform-timing);transition:-webkit-transform var(--animation-transform-timing);transition:transform var(--animation-transform-timing);transition:transform var(--animation-transform-timing), -webkit-transform var(--animation-transform-timing)}details[open]{background-color:var(--color-content-background);-webkit-transition:-webkit-transform var(--animation-transform-timing);transition:-webkit-transform var(--animation-transform-timing);transition:transform var(--animation-transform-timing);transition:transform var(--animation-transform-timing), -webkit-transform var(--animation-transform-timing);}details[open] summary{color:var(--color-font-active);font-weight:var(--font-weight)}details[open] summary pds-icon{-webkit-transform:scaleY(-1);transform:scaleY(-1);-webkit-transition:-webkit-transform var(--animation-transform-timing);transition:-webkit-transform var(--animation-transform-timing);transition:transform var(--animation-transform-timing);transition:transform var(--animation-transform-timing), -webkit-transform var(--animation-transform-timing)}details[open] .pds-accordion__body{-webkit-transition:max-height 5s ease-in-out;transition:max-height 5s ease-in-out;}details[open] .pds-accordion__body.open{max-height:1000px}summary{border-radius:var(--border-radius);color:var(--color-font);font-weight:var(--font-weight);padding-block:var(--spacing-summary-padding-block);-webkit-padding-end:var(--spacing-summary-padding-inline-end);padding-inline-end:var(--spacing-summary-padding-inline-end);-webkit-padding-start:var(--spacing-summary-padding-inline-start);padding-inline-start:var(--spacing-summary-padding-inline-start);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}summary::-webkit-details-marker{display:none}summary:hover{background:var(--color-background-hover);color:var(--color-font-hover);cursor:pointer}summary:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}summary pds-icon{-webkit-margin-start:auto;margin-inline-start:auto}.pds-accordion__body{max-height:0;overflow:hidden}";var e=o;var s=n("pds_accordion",function(){function n(n){var i=this;a(this,n);this.handleToggle=function(){i.isOpen=i.detailsEl.open};this.getOpenAttribute=function(){if(i.isOpen!==false){return{open:true}}return""};this.componentId=undefined;this.isOpen=false}n.prototype.handleOpenState=function(n){this.isOpen=n;if(n===true){this.containerEl.classList.add("open")}else{this.containerEl.classList.remove("open")}};n.prototype.componentDidLoad=function(){this.detailsEl.addEventListener("toggle",this.handleToggle)};n.prototype.render=function(){var n=this;return i(r,{key:"16488169e8370ef00005364086a0b3a9bf2629d6",class:"pds-accordion",id:this.componentId},i("details",Object.assign({key:"4bef67d20f40212ae2c49a4236a1b60c30c0f9af"},this.getOpenAttribute(),{ref:function(a){return n.detailsEl=a}}),i("summary",{key:"1f990d447ac77274161314b74488669b5eb9762a"},i("slot",{key:"dc1c0b7f64e3c4d406a28fb1677b634af2f1af30",name:"label"},"Details"),i("pds-icon",{key:"26d253bf3c039574cbcbab5000751492e21a0e32",icon:t})),i("div",{key:"a237207559a95b1b90bde48ddd37507f4103a3ca",class:"pds-accordion__body ".concat(this.isOpen?"open":""),ref:function(a){return n.containerEl=a}},i("slot",{key:"f5808d1ffd746e470439d2de9c9580bfc13dc5f5"}))))};Object.defineProperty(n,"watchers",{get:function(){return{isOpen:["handleOpenState"]}},enumerable:false,configurable:true});return n}());s.style=e}}}));
-//# sourceMappingURL=p-d51c9de1.system.entry.js.map

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

@@ -1,2 +0,0 @@
-System.register(["./p-445792b5.system.js"],(function(r){"use strict";var o,e,a,c;return{setters:[function(r){o=r.r;e=r.h;a=r.H;c=r.g}],execute:function(){var n=function(r){return!!r.shadowRoot&&!!r.attachShadow};var l=":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 d=l;var i=r("pds_button",function(){function r(r){var e=this;o(this,r);this.handleClick=function(r){if(e.type!="button"){if(n(e.el)){var o=e.el.closest("form");if(o){r.preventDefault();var a=document.createElement("button");a.type=e.type;a.style.display="none";o.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 e(a,{key:"0f8f16b8e8d941481d66f1833a4a7e5402aab2bc","aria-disabled":this.disabled?"true":null,id:this.componentId,onClick:this.handleClick,variant:this.variant},e("button",{key:"c8b0a1f8b0f6c984477e2bb6cdb77226f8250ac3",class:this.classNames(),disabled:this.disabled,name:this.name,part:"button",type:this.type,value:this.value},this.icon&&this.variant!=="disclosure"&&e("pds-icon",{name:this.icon,part:"icon"}),e("slot",{key:"76310f327aad59ecd150261a186e256c52cf6251"}),this.variant==="disclosure"&&e("pds-icon",{name:"caret-down",part:"caret"})))};Object.defineProperty(r.prototype,"el",{get:function(){return c(this)},enumerable:false,configurable:true});return r}());i.style=d}}}));
-//# sourceMappingURL=p-df656817.system.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["hasShadowDom","el","shadowRoot","attachShadow","pdsButtonCss","PdsButtonStyle0","PdsButton","exports","this","handleClick","ev","_this","type","form","closest","preventDefault","fakeButton","document","createElement","style","display","appendChild","click","remove","class_1","prototype","classNames","variant","push","join","render","h","Host","key","disabled","id","componentId","onClick","class","name","part","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/**\n * @part button - The main button element that represents the button component.\n * @part caret - The caret icon element that appears when the button variant is 'disclosure'.\n * @part icon - The icon element that appears before the text in the button, if provided.\n*/\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          part=\"button\"\n          type={this.type}\n          value={this.value}\n        >\n          {this.icon && this.variant !== 'disclosure' && <pds-icon name={this.icon} part=\"icon\"></pds-icon>}\n          <slot />\n          {this.variant === 'disclosure' && <pds-icon name=\"caret-down\" part=\"caret\"></pds-icon>}\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0JAIO,IAAMA,EAAe,SAACC,GAC3B,QAASA,EAAGC,cAAiBD,EAAWE,YAC1C,ECNA,IAAMC,EAAe,0pIACrB,IAAAC,EAAeD,E,ICaFE,EAASC,EAAA,wB,mCAwCZC,KAAAC,YAAc,SAACC,GACrB,GAAIC,EAAKC,MAAQ,SAAU,CAEzB,GAAIZ,EAAaW,EAAKV,IAAK,CACzB,IAAMY,EAAOF,EAAKV,GAAGa,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,CAqB1FC,EAAAC,UAAAC,WAAA,WACN,IAAMA,EAAa,CAAC,cAEpB,GAAIlB,KAAKmB,QAAS,CAChBD,EAAWE,KAAK,eAAiBpB,KAAKmB,Q,CAGxC,OAAOD,EAAWG,KAAK,K,EAGzBL,EAAAC,UAAAK,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2DACYzB,KAAK0B,SAAW,OAAS,KACxCC,GAAI3B,KAAK4B,YACTC,QAAS7B,KAAKC,YACdkB,QAASnB,KAAKmB,SAEdI,EAAA,UAAAE,IAAA,2CACEK,MAAO9B,KAAKkB,aACZQ,SAAU1B,KAAK0B,SACfK,KAAM/B,KAAK+B,KACXC,KAAK,SACL5B,KAAMJ,KAAKI,KACX6B,MAAOjC,KAAKiC,OAEXjC,KAAKkC,MAAQlC,KAAKmB,UAAY,cAAgBI,EAAA,YAAUQ,KAAM/B,KAAKkC,KAAMF,KAAK,SAC/ET,EAAA,QAAAE,IAAA,6CACCzB,KAAKmB,UAAY,cAAgBI,EAAA,YAAUQ,KAAK,aAAaC,KAAK,W,uHAvFvD,I"}

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

@@ -1,2 +0,0 @@
-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,i){function s(t){try{d(r.next(t))}catch(t){i(t)}}function a(t){try{d(r["throw"](t))}catch(t){i(t)}}function d(t){t.done?o(t.value):n(t.value).then(s,a)}d((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,n,i,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(t){return function(e){return d([t,e])}}function d(a){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(o=0)),o)try{if(r=1,n&&(i=a[0]&2?n["return"]:a[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,a[1])).done)return i;if(n=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=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(!(i=o.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){o=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){o.label=a[1];break}if(a[0]===6&&o.label<i[1]){o.label=i[1];i=a;break}if(i&&o.label<i[2]){o.label=i[2];o.ops.push(a);break}if(i[2])o.ops.pop();o.trys.pop();continue}a=e.call(t,o)}catch(t){a=[6,t];n=0}finally{r=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-445792b5.system.js"],(function(t){"use strict";var e,o,r,n;return{setters:[function(t){e=t.r;o=t.c;r=t.h;n=t.H}],execute:function(){var i=":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 s=i;var a=t("pds_copytext",function(){function t(t){var r=this;e(this,t);this.pdsCopyTextClick=o(this,"pdsCopyTextClick",7);this.copyToClipboard=function(t){return __awaiter(r,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(){r.copyToClipboard(r.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 r(n,{key:"650ef9a2f68e604211c98721ef61e68a44a619b2",class:this.classNames(),id:this.componentId},r("pds-button",{key:"3c4e3d7779e794c65115431ea93e6c321c5e8f83",type:"button",variant:"unstyled",onClick:this.handleClick},r("span",{key:"e755703bd191e440d1b10250027c1dfcf1340cbe"},this.value),r("pds-icon",{key:"6fc35fd7fef1a98b9f248054a2927a1b006561d0",name:"copy",size:"16px"})))};return t}());a.style=s}}}));
-//# sourceMappingURL=p-e20cf701.system.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["pdsCopytextCss","PdsCopytextStyle0","PdsCopytext","exports","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","key","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":"wmDAAA,IAAMA,EAAiB,0gFACvB,IAAAC,EAAeD,E,ICMFE,EAAWC,EAAA,0B,sFAkCdC,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,EAAI,CAAAC,IAAA,2CAACC,MAAOzC,KAAK+B,aAAcW,GAAI1C,KAAK2C,aACvCL,EAAA,cAAAE,IAAA,2CAAYI,KAAK,SAASC,QAAQ,WAAWC,QAAS9C,KAAK4B,aACzDU,EAAA,QAAAE,IAAA,4CAAOxC,KAAKE,OACZoC,EAAA,YAAAE,IAAA,2CAAUO,KAAK,OAAOC,KAAK,U,WArFb,I"}

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

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