@pine-ds/core 0.0.2-alpha.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["positionTooltip","_a","elem","elemPlacement","overlay","_b","offset","undefined","rect","getBoundingClientRect","contentRect","includes","style","top","left","concat","width","transform","bottom","right","height","pdsTooltipCss","PdsTooltip","exports","this","handleHide","_this","hideTooltip","pdsTooltipHide","emit","handleShow","showTooltip","pdsTooltipShow","class_1","prototype","handleOpenToggle","opened","componentWillLoad","el","addEventListener","componentDidUpdate","componentDidRender","placement","contentEl","render","h","Host","onMouseEnter","onMouseLeave","onFocusin","onFocusout","class","htmlContent","hasArrow","componentId","id","ref","role","name","content"],"sources":["src/utils/overlay.ts","src/components/pds-tooltip/pds-tooltip.scss?tag=pds-tooltip&encapsulation=shadow","src/components/pds-tooltip/pds-tooltip.tsx"],"sourcesContent":["interface OverlayArgs {\n  elem: HTMLElement;\n  elemPlacement: string;\n  overlay: HTMLElement;\n  offset?: number;\n}\n\nexport const positionTooltip = ({elem, elemPlacement, overlay, offset = 8}: OverlayArgs) => {\n  if (elem == undefined) return;\n\n  const rect = elem.getBoundingClientRect();\n  const contentRect = overlay.getBoundingClientRect();\n\n  // Exit the function if the placement is not set\n  if (!elemPlacement || elemPlacement == \"\") return;\n\n  switch (true) {\n    case elemPlacement.includes(\"right\"):\n      overlay.style.top = '50%';\n      overlay.style.left = `calc(${rect.width}px + ${offset}px)`;\n      overlay.style.transform = 'translateY(-50%)';\n\n      if (elemPlacement.includes(\"start\")) {\n        overlay.style.top = '0';\n        overlay.style.transform = 'translateY(0)';\n      }\n\n      if (elemPlacement.includes(\"end\")) {\n        overlay.style.bottom = '0';\n        overlay.style.top = 'initial';\n        overlay.style.transform = 'translateY(0)';\n      }\n\n      break;\n\n    case elemPlacement.includes(\"left\"):\n      overlay.style.top = '50%';\n      overlay.style.right = `calc(${rect.width}px + ${offset}px)`;\n      overlay.style.transform = 'translateY(-50%)';\n\n      if (elemPlacement.includes(\"start\")) {\n        overlay.style.top = '0';\n        overlay.style.transform = 'translateY(0)';\n      }\n\n      if (elemPlacement.includes(\"end\")) {\n        overlay.style.bottom = '0';\n        overlay.style.top = 'initial';\n        overlay.style.transform = 'translateY(0)';\n      }\n\n      break;\n\n    case elemPlacement.includes(\"bottom\"):\n      overlay.style.top = `calc(${rect.height}px + ${offset}px)`;\n      overlay.style.left = '50%';\n      overlay.style.transform = 'translateX(-50%)';\n\n      if (elemPlacement.includes(\"start\")) {\n        overlay.style.left = '0';\n        overlay.style.transform = 'translateX(0)';\n      }\n\n      if (elemPlacement.includes(\"end\")) {\n        overlay.style.left = 'initial';\n        overlay.style.right = '0';\n        overlay.style.transform = 'translateX(0)';\n      }\n\n      break;\n\n    case elemPlacement.includes(\"top\"):\n      overlay.style.top = `calc((${contentRect.height}px + ${offset}px) * -1)`;\n      overlay.style.left = '50%';\n      overlay.style.transform = 'translateX(-50%)';\n\n      if (elemPlacement.includes(\"start\")) {\n        overlay.style.left = '0';\n        overlay.style.transform = 'translateX(0)';\n      }\n      if (elemPlacement.includes(\"end\")) {\n        overlay.style.left = 'initial';\n        overlay.style.right = '0';\n        overlay.style.transform = 'translateX(0)';\n      }\n\n      break;\n  }\n}\n",":host {\n  --background-color: var(--pine-color-neutral-charcoal-400);\n  --box-shadow: var(--pine-box-shadow-md);\n  --color: var(--pine-color-base-white);\n  --width: 320px;\n  --arrow-size: 6px;\n  --arrow-offset: 14px;\n\n  --overlay-border-radius: var(--pine-border-radius-md);\n  --overlay-font-size: var(--pine-font-size-body-sm);\n  --overlay-line-height: var(--pine-line-height-sm);\n  --overlay-padding: var(--pine-spacing-xs) calc(var(--pine-spacing-md) / 2);\n\n  --arrow-pointing-down: var(--arrow-size) var(--arrow-size) 0;\n  --arrow-pointing-to-the-right: var(--arrow-size) 0 var(--arrow-size) var(--arrow-size);\n  --arrow-pointing-to-the-left: var(--arrow-size) var(--arrow-size) var(--arrow-size) 0;\n  --arrow-pointing-up: 0 var(--arrow-size) var(--arrow-size);\n\n  display: inline-block;\n  position: relative;\n\n  ::slotted([slot=\"content\"]) {\n    white-space: normal;\n    width: var(--width);\n  }\n}\n\n.pds-tooltip__content {\n  background-color: var(--background-color);\n  border-radius: var(--overlay-border-radius);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-size: var(--overlay-font-size);\n  line-height: var(--overlay-line-height);\n  // TODO: need to use block / none but the tooltip content width and height are needed for calculations\n  opacity: 0;\n  padding: var(--overlay-padding);\n  position: absolute;\n  visibility: hidden;\n  width: max-content;\n\n  .pds-tooltip--is-open & {\n    // TODO: need to use block / none but the tooltip content width and height are needed for calculations\n    opacity: 1;\n    visibility: visible;\n    z-index: 1;\n  }\n\n  :host(.pds-tooltip--has-html-content) & {\n    width: auto;\n  }\n\n  &::after {\n    border-color: transparent;\n    border-right-color: transparent;\n    border-style: solid;\n    border-width: var(--arrow-pointing-to-the-left);\n    content: '';\n    height: 0;\n    position: absolute;\n    width: 0;\n\n    .pds-tooltip--right & {\n      border-inline-end-color: var(--background-color);\n      border-width: var(--arrow-pointing-to-the-left);\n      left: calc(var(--arrow-size) * -1);\n      top: 50%;\n      transform: translateY(-50%);\n    }\n\n    .pds-tooltip--right-end & {\n      border-inline-end-color: var(--background-color);\n      border-width: var(--arrow-pointing-to-the-left);\n      bottom: var(--arrow-offset);\n      left: calc(var(--arrow-size) * -1);\n      top: initial;\n    }\n\n    .pds-tooltip--right-start & {\n      border-inline-end-color: var(--background-color);\n      border-width: var(--arrow-pointing-to-the-left);\n      left: calc(var(--arrow-size) * -1);\n      top: var(--arrow-offset);\n    }\n\n    .pds-tooltip--top & {\n      border-block-start-color: var(--background-color);\n      border-width: var(--arrow-pointing-down);\n      bottom: calc(var(--arrow-size) * -1);\n      left: 50%;\n      top: initial;\n      transform: translateX(-50%);\n    }\n\n    .pds-tooltip--top-start & {\n      border-block-start-color: var(--background-color);\n      border-width: var(--arrow-pointing-down);\n      bottom: calc(var(--arrow-size) * -1);\n      left: var(--arrow-offset);\n      top: initial;\n    }\n\n    .pds-tooltip--top-end & {\n      border-block-start-color: var(--background-color);\n      border-width: var(--arrow-pointing-down);\n      bottom: calc(var(--arrow-size) * -1);\n      left: initial;\n      right: var(--arrow-offset);\n      top: initial;\n    }\n\n    .pds-tooltip--left & {\n      border-inline-start-color: var(--background-color);\n      border-width: var(--arrow-pointing-to-the-right);\n      left: initial;\n      right: calc(var(--arrow-size) * -1);\n      top: 50%;\n      transform: translateY(-50%);\n    }\n\n    .pds-tooltip--left-end & {\n      border-inline-start-color: var(--background-color);\n      border-width: var(--arrow-pointing-to-the-right);\n      bottom: var(--arrow-offset);\n      left: initial;\n      right: calc(var(--arrow-size) * -1);\n      top: initial;\n    }\n\n    .pds-tooltip--left-start & {\n      border-inline-start-color: var(--background-color);\n      border-width: var(--arrow-pointing-to-the-right);\n      left: initial;\n      right: calc(var(--arrow-size) * -1);\n      top: var(--arrow-offset);\n    }\n\n    .pds-tooltip--bottom & {\n      border-block-end-color: var(--background-color);\n      border-width: var(--arrow-pointing-up);\n      left: 50%;\n      top: calc(var(--arrow-size) * -1);\n      transform: translateX(-50%);\n    }\n\n    .pds-tooltip--bottom-end & {\n      border-block-end-color: var(--background-color);\n      border-width: var(--arrow-pointing-up);\n      left: initial;\n      right: var(--arrow-offset);\n      top: calc(var(--arrow-size) * -1);\n    }\n\n    .pds-tooltip--bottom-start & {\n      border-block-end-color: var(--background-color);\n      border-width: var(--arrow-pointing-up);\n      left: var(--arrow-offset);\n      top: calc(var(--arrow-size) * -1);\n    }\n\n    .pds-tooltip--no-arrow & {\n      border-width: 0;\n    }\n  }\n}\n","import { Component, Element, Event, Host, Prop, State, h, EventEmitter, Method, Watch } from '@stencil/core';\nimport {\n  positionTooltip\n} from '../../utils/overlay';\n\n/**\n * @slot (default) - The tooltip's target element\n * @slot content - HTML content for the tooltip\n */\n\n@Component({\n  tag: 'pds-tooltip',\n  styleUrl: 'pds-tooltip.scss',\n  shadow: true,\n})\nexport class PdsTooltip {\n  private contentEl: HTMLElement | null;\n\n  /**\n   * Reference to the Host element\n   */\n  @Element() el: HTMLPdsTooltipElement;\n\n  /**\n   * Determines when the tooltip is open\n   * @defaultValue false\n   */\n  @State() isOpen = false;\n\n  /**\n   * Content for the tooltip. If HTML is required, use the content slot\n   */\n  @Prop() content: string;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Determines whether or not the tooltip has an arrow\n   * @defaultValue true\n   */\n  @Prop() hasArrow? = true;\n\n  /**\n   * Enable this option when using the content slot\n   * @defaultValue false\n   */\n  @Prop() htmlContent = false;\n\n  /**\n   * Determines the preferred position of the tooltip\n   * @defaultValue \"right\"\n   */\n  @Prop({ reflect: true }) placement:\n    'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end' = 'right';\n\n  /**\n   * Determines whether or not the tooltip is visible\n   * @defaultValue false\n   */\n  @Prop({mutable: true, reflect: true}) opened = false;\n\n  @Watch('opened')\n  handleOpenToggle() {\n    if (this.opened) {\n      this.handleShow();\n    } else {\n      this.handleHide();\n    }\n  }\n\n  /**\n   * Emitted after a tooltip is closed\n   */\n  @Event() pdsTooltipHide: EventEmitter;\n\n  /**\n   * Emitted after a tooltip is shown\n   */\n  @Event() pdsTooltipShow: EventEmitter;\n\n  componentWillLoad() {\n    if (this.opened) {\n      this.showTooltip();\n    }\n\n    this.el.addEventListener('blur', this.handleHide, true);\n    this.el.addEventListener('focus', this.handleShow, true);\n  }\n\n  componentDidUpdate() {\n    if (this.opened) {\n      this.showTooltip();\n    }\n  }\n\n  componentDidRender() {\n    positionTooltip({elem: this.el, elemPlacement: this.placement, overlay: this.contentEl});\n  }\n\n  /**\n   * Shows the tooltip by enabling the opened property\n   */\n  @Method()\n  async showTooltip() {\n    this.opened = true;\n  }\n\n  /**\n   * Hides the tooltip by disabling the opened property\n   */\n  @Method()\n  async hideTooltip() {\n    this.opened = false;\n  }\n\n  private handleHide = () => {\n    this.hideTooltip();\n    this.pdsTooltipHide.emit();\n  };\n\n  private handleShow = () => {\n    this.showTooltip();\n    this.pdsTooltipShow.emit();\n  };\n\n  render() {\n    return (\n      <Host\n        onMouseEnter={this.handleShow}\n        onMouseLeave={this.handleHide}\n        onFocusin={this.handleShow}\n        onFocusout={this.handleHide}\n      >\n        <div\n          class={`\n            pds-tooltip\n            pds-tooltip--${this.placement}\n            ${this.htmlContent ? 'pds-tooltip--has-html-content' : ''}\n            ${this.opened ? 'pds-tooltip--is-open' : ''}\n            ${this.hasArrow ? '' : 'pds-tooltip--no-arrow'}\n          `}\n        >\n          <span\n            aria-describedby={this.componentId}\n            class=\"pds-tooltip__trigger\"\n          >\n            <slot />\n          </span>\n\n          <div class=\"pds-tooltip__content\"\n            aria-hidden={this.opened ? 'false' : 'true'}\n            aria-live={this.opened ? 'polite' : 'off'}\n            id={this.componentId}\n            ref={(el) => (this.contentEl = el)}\n            role=\"tooltip\"\n          >\n            <slot\n              name=\"content\"\n            ></slot>\n            {this.content}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/pine-core/p-938886d8.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-fa5d4e73.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=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,{"aria-disabled":this.disabled?"true":null,id:this.componentId,onClick:this.handleClick,variant:this.variant},e("button",{class:this.classNames(),disabled:this.disabled,name:this.name,type:this.type,value:this.value},this.icon&&this.variant!=="disclosure"&&e("pds-icon",{name:this.icon}),e("slot",null),this.variant==="disclosure"&&e("pds-icon",{name:"caret-down"})))};Object.defineProperty(r.prototype,"el",{get:function(){return c(this)},enumerable:false,configurable:true});return r}());d.style=l}}}));
+//# sourceMappingURL=p-938886d8.system.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["hasShadowDom","el","shadowRoot","attachShadow","pdsButtonCss","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","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":"0JAIO,IAAMA,EAAe,SAACC,GAC3B,QAASA,EAAGC,cAAiBD,EAAWE,YAC1C,ECNA,IAAMC,EAAe,0pI,ICQRC,EAASC,EAAA,wB,mCAwCZC,KAAAC,YAAc,SAACC,GACrB,GAAIC,EAAKC,MAAQ,SAAU,CAEzB,GAAIX,EAAaU,EAAKT,IAAK,CACzB,IAAMW,EAAOF,EAAKT,GAAGY,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,iBACYxB,KAAKyB,SAAW,OAAS,KACxCC,GAAI1B,KAAK2B,YACTC,QAAS5B,KAAKC,YACdkB,QAASnB,KAAKmB,SAEdI,EAAA,UACEM,MAAO7B,KAAKkB,aACZO,SAAUzB,KAAKyB,SACfK,KAAM9B,KAAK8B,KACX1B,KAAMJ,KAAKI,KACX2B,MAAO/B,KAAK+B,OAEX/B,KAAKgC,MAAQhC,KAAKmB,UAAY,cAAgBI,EAAA,YAAUO,KAAM9B,KAAKgC,OACpET,EAAA,aACCvB,KAAKmB,UAAY,cAAgBI,EAAA,YAAUO,KAAK,gB,uHAtFrC,I"}

package/dist/pine-core/p-97cb4285.entry.js

@@ -0,0 +1,2 @@
+import{r as s,h as t,H as i,g as a}from"./p-abdca153.js";const e=":host{--panel-margin-top:0;--panel-padding:0;--gap-md:var(--pine-spacing-md);--gap-xs:var(--pine-spacing-xs);--gap-sm:16px var(--pine-spacing-sm);--outline:2px solid var(--pine-color-primary-200);display:block}*:focus{outline:var(--outline)}.pds-tabs__tablist{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--gap-md)}:host(.pds-tabs--availability) .pds-tabs__tablist{gap:var(--gap-xs)}:host(.pds-tabs--filter) .pds-tabs__tablist{gap:var(--gap-sm)}";const n=class{constructor(t){s(this,t);this.tablistLabel=undefined;this.componentId=undefined;this.variant=undefined;this.activeTabName=undefined;this.activeTabIndex=undefined}tabClickHandler(s){if(this.componentId===s.detail[1]){this.activeTabIndex=s.detail[0];this.activeTabName=this.tabs[this.activeTabIndex].name}}handleKeyDown(s){const t=["ArrowLeft","ArrowRight","Home","End"];if(t.includes(s.key)){s.preventDefault();this.moveActiveTab(s.key)}}moveActiveTab(s){const t=0;const i=this.tabs.length-1;let a=null;switch(s){case"ArrowLeft":a=this.activeTabIndex===t?i:this.activeTabIndex+-1;break;case"ArrowRight":a=this.activeTabIndex===i?t:this.activeTabIndex+1;break;case"Home":a=t;break;case"End":a=i;break}this.tabs[a].children[0].focus();this.activeTabName=this.tabs[a].name;this.activeTabIndex=a}findAllChildren(){this.tabs=this.el.querySelectorAll("pds-tab");this.tabPanels=this.el.querySelectorAll("pds-tabpanel")}propGeneration(s,t=0){s.parentComponentId=this.componentId.toString();s.variant=this.variant.toString();s.selected=this.activeTabName===s.name?true:false;s["index"]=t}passPropsToChildren(){this.tabs.forEach(((s,t)=>{if(this.activeTabName===s.name)this.activeTabIndex=t;this.propGeneration(s,t)}));this.tabPanels.forEach((s=>{this.propGeneration(s)}))}classNames(){let s=`pds-tabs`;if(this.variant&&this.variant!="primary"){const t=`pds-tabs--${this.variant}`;s+=" "+t}return s}componentWillLoad(){this.findAllChildren()}componentWillRender(){this.passPropsToChildren()}render(){return t(i,{"active-tab-name":this.activeTabName,class:this.classNames(),id:this.componentId},t("div",{class:"pds-tabs__tablist",role:"tablist","aria-label":this.tablistLabel},t("slot",{name:"tabs"})),t("slot",{name:"tabpanels"}))}get el(){return a(this)}};n.style=e;export{n as pds_tabs};
+//# sourceMappingURL=p-97cb4285.entry.js.map

package/dist/pine-core/p-97cb4285.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsTabsCss","PdsTabs","tabClickHandler","event","this","componentId","detail","activeTabIndex","activeTabName","tabs","name","handleKeyDown","ev","keySet","includes","key","preventDefault","moveActiveTab","firstTabNumber","lastTabNumber","length","moveFocusTo","children","focus","findAllChildren","el","querySelectorAll","tabPanels","propGeneration","child","index","parentComponentId","toString","variant","selected","passPropsToChildren","forEach","classNames","className","variantClassName","componentWillLoad","componentWillRender","render","h","Host","class","id","role","tablistLabel"],"sources":["src/components/pds-tabs/pds-tabs.scss?tag=pds-tabs&encapsulation=shadow","src/components/pds-tabs/pds-tabs.tsx"],"sourcesContent":[":host {\n  /**\n   * @prop --panel-margin-top: Optional margin-top for panels\n   */\n  --panel-margin-top: 0;\n\n  /**\n   * @prop --panel-padding: Optional padding for panels\n   */\n  --panel-padding: 0;\n\n  --gap-md: var(--pine-spacing-md);\n  --gap-xs: var(--pine-spacing-xs);\n  --gap-sm: 16px var(--pine-spacing-sm);\n  --outline: 2px solid var(--pine-color-primary-200);\n\n  display: block;\n}\n\n// delete later\n*:focus {\n  outline: var(--outline);\n}\n\n.pds-tabs__tablist {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--gap-md);\n}\n\n:host(.pds-tabs--availability) .pds-tabs__tablist {\n  gap: var(--gap-xs);\n}\n\n:host(.pds-tabs--filter) .pds-tabs__tablist {\n  gap: var(--gap-sm);\n}\n","import { Component, Element, Host, h, Prop, Listen } from '@stencil/core';\n\n  /**\n * @slot tabs - Content is placed within the `div[role=\"tablist\"]` element as children\n * @slot tabpanels - Content is placed directly after the `div[role=\"tablist\"]` element as siblings\n */\n@Component({\n  tag: 'pds-tabs',\n  styleUrl: 'pds-tabs.scss',\n  shadow: true,\n})\nexport class PdsTabs {\n  private tabs;\n  private tabPanels;\n\n  @Element() el: HTMLPdsTabsElement;\n\n  /**\n   * Sets the aria-label attached to the tablist element\n   */\n  @Prop() tablistLabel!: string;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Sets tabs variant styles as outlined in Figma documentation\n   */\n  @Prop() variant!: 'primary' | 'availability' | 'filter';\n\n  /**\n   * Sets the starting active tab name and maintains the name as the component re-renders\n   */\n  @Prop({mutable: true}) activeTabName!: string;\n\n  /**\n   * Sets the starting active tab index number and maintains the index number as the component re-renders\n   */\n  /** @internal */\n  @Prop({mutable: true}) activeTabIndex: number;\n\n  @Listen('pdsTabClick', {\n    target: 'body',\n  })\n  tabClickHandler(event: CustomEvent<any>) {\n    if (this.componentId === event.detail[1]) {\n      this.activeTabIndex = event.detail[0];\n      this.activeTabName = this.tabs[this.activeTabIndex].name;\n    }\n  }\n\n  @Listen('keydown', {})\n  handleKeyDown(ev: KeyboardEvent) {\n    const keySet = [\"ArrowLeft\", \"ArrowRight\", \"Home\", \"End\"];\n\n    if (keySet.includes(ev.key)) {\n      ev.preventDefault();\n      this.moveActiveTab(ev.key);\n    }\n  }\n\n  private moveActiveTab(key: string) {\n    const firstTabNumber = 0;\n    const lastTabNumber = this.tabs.length - 1;\n\n    let moveFocusTo = null;\n\n    switch (key) {\n      case 'ArrowLeft':\n        moveFocusTo = (this.activeTabIndex === firstTabNumber) ? lastTabNumber : (this.activeTabIndex + (-1));\n        break;\n      case 'ArrowRight':\n        moveFocusTo = (this.activeTabIndex === lastTabNumber) ? firstTabNumber : (this.activeTabIndex + 1);\n        break;\n      case 'Home':\n        moveFocusTo = firstTabNumber;\n        break;\n      case 'End':\n        moveFocusTo = lastTabNumber;\n        break;\n    }\n\n    // Move focus to the button element within `pds-tab`\n    this.tabs[moveFocusTo].children[0].focus();\n    this.activeTabName = this.tabs[moveFocusTo].name;\n    this.activeTabIndex = moveFocusTo;\n  }\n\n  private findAllChildren() {\n    this.tabs = this.el.querySelectorAll('pds-tab');\n    this.tabPanels = this.el.querySelectorAll('pds-tabpanel');\n  }\n\n  private propGeneration(child, index = 0) {\n    child.parentComponentId = this.componentId.toString();\n    child.variant = this.variant.toString();\n    child.selected = (this.activeTabName === child.name) ? true : false;\n    child['index'] = index;\n  }\n\n  private passPropsToChildren() {\n    this.tabs.forEach((child, index) => {\n      if (this.activeTabName === child.name) this.activeTabIndex = index;\n      this.propGeneration(child, index);\n    });\n\n    this.tabPanels.forEach((child) => {\n      this.propGeneration(child);\n    });\n  }\n\n  private classNames() {\n    let className = `pds-tabs`;\n    if (this.variant && this.variant != 'primary') {\n      const variantClassName = `pds-tabs--${this.variant}`;\n      className += ' ' + variantClassName;\n    }\n\n    return className;\n  };\n\n  componentWillLoad() {\n    this.findAllChildren();\n  }\n\n  componentWillRender() {\n    this.passPropsToChildren();\n  }\n\n  render() {\n    return (\n      <Host active-tab-name={this.activeTabName} class={this.classNames()} id={this.componentId}>\n        <div class=\"pds-tabs__tablist\" role=\"tablist\" aria-label={this.tablistLabel}>\n          <slot name=\"tabs\" />\n        </div>\n        <slot name=\"tabpanels\" />\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAa,8d,MCWNC,EAAO,M,kKAmClB,eAAAC,CAAgBC,GACd,GAAIC,KAAKC,cAAgBF,EAAMG,OAAO,GAAI,CACxCF,KAAKG,eAAiBJ,EAAMG,OAAO,GACnCF,KAAKI,cAAgBJ,KAAKK,KAAKL,KAAKG,gBAAgBG,I,EAKxD,aAAAC,CAAcC,GACZ,MAAMC,EAAS,CAAC,YAAa,aAAc,OAAQ,OAEnD,GAAIA,EAAOC,SAASF,EAAGG,KAAM,CAC3BH,EAAGI,iBACHZ,KAAKa,cAAcL,EAAGG,I,EAIlB,aAAAE,CAAcF,GACpB,MAAMG,EAAiB,EACvB,MAAMC,EAAgBf,KAAKK,KAAKW,OAAS,EAEzC,IAAIC,EAAc,KAElB,OAAQN,GACN,IAAK,YACHM,EAAejB,KAAKG,iBAAmBW,EAAkBC,EAAiBf,KAAKG,gBAAmB,EAClG,MACF,IAAK,aACHc,EAAejB,KAAKG,iBAAmBY,EAAiBD,EAAkBd,KAAKG,eAAiB,EAChG,MACF,IAAK,OACHc,EAAcH,EACd,MACF,IAAK,MACHG,EAAcF,EACd,MAIJf,KAAKK,KAAKY,GAAaC,SAAS,GAAGC,QACnCnB,KAAKI,cAAgBJ,KAAKK,KAAKY,GAAaX,KAC5CN,KAAKG,eAAiBc,C,CAGhB,eAAAG,GACNpB,KAAKK,KAAOL,KAAKqB,GAAGC,iBAAiB,WACrCtB,KAAKuB,UAAYvB,KAAKqB,GAAGC,iBAAiB,e,CAGpC,cAAAE,CAAeC,EAAOC,EAAQ,GACpCD,EAAME,kBAAoB3B,KAAKC,YAAY2B,WAC3CH,EAAMI,QAAU7B,KAAK6B,QAAQD,WAC7BH,EAAMK,SAAY9B,KAAKI,gBAAkBqB,EAAMnB,KAAQ,KAAO,MAC9DmB,EAAM,SAAWC,C,CAGX,mBAAAK,GACN/B,KAAKK,KAAK2B,SAAQ,CAACP,EAAOC,KACxB,GAAI1B,KAAKI,gBAAkBqB,EAAMnB,KAAMN,KAAKG,eAAiBuB,EAC7D1B,KAAKwB,eAAeC,EAAOC,EAAM,IAGnC1B,KAAKuB,UAAUS,SAASP,IACtBzB,KAAKwB,eAAeC,EAAM,G,CAItB,UAAAQ,GACN,IAAIC,EAAY,WAChB,GAAIlC,KAAK6B,SAAW7B,KAAK6B,SAAW,UAAW,CAC7C,MAAMM,EAAmB,aAAanC,KAAK6B,UAC3CK,GAAa,IAAMC,C,CAGrB,OAAOD,C,CAGT,iBAAAE,GACEpC,KAAKoB,iB,CAGP,mBAAAiB,GACErC,KAAK+B,qB,CAGP,MAAAO,GACE,OACEC,EAACC,EAAI,mBAAkBxC,KAAKI,cAAeqC,MAAOzC,KAAKiC,aAAcS,GAAI1C,KAAKC,aAC5EsC,EAAA,OAAKE,MAAM,oBAAoBE,KAAK,UAAS,aAAa3C,KAAK4C,cAC7DL,EAAA,QAAMjC,KAAK,UAEbiC,EAAA,QAAMjC,KAAK,c"}

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

@@ -0,0 +1,3 @@
+const e="pine-core";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:true,cmpDidRender:true,cmpDidUnload:false,cmpDidUpdate:true,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:true,cmpWillUpdate:false,connectedCallback:true,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:true,hostListenerTargetDocument:false,hostListenerTargetParent:false,hostListenerTargetWindow:false,hotModuleReplacement:false,hydrateClientSide:false,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 c=false;let f=false;let r=false;const u=e=>{const t=new URL(e,ze.t);return t.origin!==We.location.origin?t.href:t.pathname};const a=(e,t="")=>{{return()=>{}}};const d=(e,t)=>{{return()=>{}}};const p="{visibility:hidden}.hydrated{visibility:inherit}";const v="slot-fb{display:contents}slot-fb[hidden]{display:none}";const m="http://www.w3.org/1999/xlink";const h={};const y=e=>e!=null;const b=e=>{e=typeof e;return e==="object"||e==="function"};function $(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 w=(e,t,...n)=>{let s=null;let l=null;let o=null;let i=false;let c=false;const f=[];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"&&!b(s)){s=String(s)}if(i&&c){f[f.length-1].l+=s}else{f.push(i?g(null,s):s)}c=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,f,C)}const u=g(e,null);u.o=t;if(f.length>0){u.i=f}{u.u=l}{u.p=o}return u};const g=(e,t)=>{const n={v:0,m:e,l:t,h:null,i:null};{n.o=null}{n.u=null}{n.p=null}return n};const S={};const k=e=>e&&e.m===S;const C={forEach:(e,t)=>e.map(R).forEach(t),map:(e,t)=>e.map(R).map(t).map(x)};const R=e=>({vattrs:e.o,vchildren:e.i,vkey:e.u,vname:e.p,vtag:e.m,vtext:e.l});const x=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 w(e.vtag,t,...e.vchildren||[])}const t=g(e.vtag,e.vtext);t.o=e.vattrs;t.i=e.vchildren;t.u=e.vkey;t.p=e.vname;return t};const L=(e,t)=>{if(e!=null&&!b(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};const T=e=>je(e).$hostElement$;const D=(e,t,n)=>{const s=T(e);return{emit:e=>j(s,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};const j=(e,t,n)=>{const s=ze.ce(t,n);e.dispatchEvent(s);return s};const O=new WeakMap;const F=(e,t,n)=>{let s=Pe.get(e);if(He&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=t}else{s.replaceSync(t)}}else{s=t}Pe.set(e,s)};const M=(e,t,n)=>{var s;const l=A(t);const o=Pe.get(l);e=e.nodeType===11?e:Ee;if(o){if(typeof o==="string"){e=e.head||e;let n=O.get(e);let i;if(!n){O.set(e,n=new Set)}if(!n.has(l)){{i=Ee.createElement("style");i.innerHTML=o;const t=(s=ze.$)!==null&&s!==void 0?s:$(Ee);if(t!=null){i.setAttribute("nonce",t)}e.insertBefore(i,e.querySelector("link"))}if(t.v&4){i.innerHTML+=v}if(n){n.add(l)}}}else if(!e.adoptedStyleSheets.includes(o)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]}}return l};const U=e=>{const t=e.S;const n=e.$hostElement$;const s=t.v;const l=a("attachStyles",t.k);const o=M(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 A=(e,t)=>"sc-"+e.k;const N=(e,t,n,s,l,o)=>{if(n!==s){let i=Me(e,t);let c=t.toLowerCase();if(t==="class"){const t=e.classList;const l=W(n);const o=W(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(Me(We,c)){t=c.slice(2)}else{t=c[2]+t.slice(3)}if(n||s){const l=t.endsWith(E);t=t.replace(z,"");if(n){ze.rel(e,t,n,l)}if(s){ze.ael(e,t,s,l)}}}else{const f=b(s);if((i||f&&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(c!==(c=c.replace(/^xlink\:?/,""))){t=c;r=true}}if(s==null||s===false){if(s!==false||e.getAttribute(t)===""){if(r){e.removeAttributeNS(m,t)}else{e.removeAttribute(t)}}}else if((!i||o&4||l)&&!f){s=s===true?"":s;if(r){e.setAttributeNS(m,t,s)}else{e.setAttribute(t,s)}}}}};const P=/\s/;const W=e=>!e?[]:e.split(P);const E="Capture";const z=new RegExp(E+"$");const B=(e,t,n,s)=>{const l=t.h.nodeType===11&&t.h.host?t.h.host:t.h;const o=e&&e.o||h;const i=t.o||h;{for(s in o){if(!(s in i)){N(l,s,o[s],undefined,n,t.v)}}}for(s in i){N(l,s,o[s],i[s],n,t.v)}};const H=(e,t,i,r)=>{var u;const a=t.i[i];let d=0;let p;let v;let m;if(!o){c=true;if(a.m==="slot"){if(n){r.classList.add(n+"-s")}a.v|=a.i?2:1}}if(a.l!==null){p=a.h=Ee.createTextNode(a.l)}else if(a.v&1){p=a.h=Ee.createTextNode("")}else{p=a.h=Ee.createElement(a.v&2?"slot-fb":a.m);{B(null,a,f)}if(y(n)&&p["s-si"]!==n){p.classList.add(p["s-si"]=n)}if(a.i){for(d=0;d<a.i.length;++d){v=H(e,a,d,p);if(v){p.appendChild(v)}}}}p["s-hn"]=l;{if(a.v&(2|1)){p["s-sr"]=true;p["s-fs"]=(u=a.o)===null||u===void 0?void 0:u.slot;p["s-cr"]=s;p["s-sn"]=a.p||"";m=e&&e.i&&e.i[i];if(m&&m.m===a.m&&e.h){{Q(e.h,false)}}}}return p};const Q=(e,t)=>{var n;ze.v|=1;const s=e.childNodes;for(let e=s.length-1;e>=0;e--){const o=s[e];if(o["s-hn"]!==l&&o["s-ol"]){_(o).insertBefore(o,X(o));o["s-ol"].remove();o["s-ol"]=undefined;o["s-sh"]=undefined;if(o.nodeType===1){o.setAttribute("slot",(n=o["s-sn"])!==null&&n!==void 0?n:"")}c=true}if(t){Q(o,t)}}ze.v&=~1};const q=(e,t,n,s,o,i)=>{let c=e["s-cr"]&&e["s-cr"].parentNode||e;let f;if(c.shadowRoot&&c.tagName===l){c=c.shadowRoot}for(;o<=i;++o){if(s[o]){f=H(null,n,o,e);if(f){s[o].h=f;c.insertBefore(f,X(t))}}}};const I=(e,t,n)=>{for(let s=t;s<=n;++s){const t=e[s];if(t){const e=t.h;te(t);if(e){{i=true;if(e["s-ol"]){e["s-ol"].remove()}else{Q(e,true)}}e.remove()}}}};const K=(e,t,n,s)=>{let l=0;let o=0;let i=0;let c=0;let f=t.length-1;let r=t[0];let u=t[f];let a=s.length-1;let d=s[0];let p=s[a];let v;let m;while(l<=f&&o<=a){if(r==null){r=t[++l]}else if(u==null){u=t[--f]}else if(d==null){d=s[++o]}else if(p==null){p=s[--a]}else if(V(r,d)){G(r,d);r=t[++l];d=s[++o]}else if(V(u,p)){G(u,p);u=t[--f];p=s[--a]}else if(V(r,p)){if(r.m==="slot"||p.m==="slot"){Q(r.h.parentNode,false)}G(r,p);e.insertBefore(r.h,u.h.nextSibling);r=t[++l];p=s[--a]}else if(V(u,d)){if(r.m==="slot"||p.m==="slot"){Q(u.h.parentNode,false)}G(u,d);e.insertBefore(u.h,r.h);u=t[--f];d=s[++o]}else{i=-1;{for(c=l;c<=f;++c){if(t[c]&&t[c].u!==null&&t[c].u===d.u){i=c;break}}}if(i>=0){m=t[i];if(m.m!==d.m){v=H(t&&t[o],n,i,e)}else{G(m,d);t[i]=undefined;v=m.h}d=s[++o]}else{v=H(t&&t[o],n,o,e);d=s[++o]}if(v){{_(r.h).insertBefore(v,X(r.h))}}}}if(l>f){q(e,s[a+1]==null?null:s[a+1].h,n,s,o,a)}else if(o>a){I(t,l,f)}};const V=(e,t)=>{if(e.m===t.m){if(e.m==="slot"){return e.p===t.p}{return e.u===t.u}}return false};const X=e=>e&&e["s-ol"]||e;const _=e=>(e["s-ol"]?e["s-ol"]:e).parentNode;const G=(e,t)=>{const n=t.h=e.h;const s=e.i;const l=t.i;const o=t.m;const i=t.l;let c;if(i===null){{if(o==="slot");else{B(e,t,f)}}if(s!==null&&l!==null){K(n,s,t,l)}else if(l!==null){if(e.l!==null){n.textContent=""}q(n,null,t,l,0,l.length-1)}else if(s!==null){I(s,0,s.length-1)}}else if(c=n["s-cr"]){c.parentNode.textContent=i}else if(e.l!==i){n.data=i}};const J=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}}}}}J(e)}}};const Y=[];const Z=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(ee(n,e)){let t=Y.find((e=>e.C===n));i=true;n["s-sn"]=n["s-sn"]||e;if(t){t.C["s-sh"]=o["s-hn"];t.R=o}else{n["s-sh"]=o["s-hn"];Y.push({R:o,C:n})}if(n["s-sr"]){Y.map((e=>{if(ee(e.C,n["s-sn"])){t=Y.find((e=>e.C===n));if(t&&!e.R){e.R=t.R}}}))}}else if(!Y.some((e=>e.C===n))){Y.push({C:n})}}}}if(o.nodeType===1){Z(o)}}};const ee=(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 te=e=>{{e.o&&e.o.ref&&e.o.ref(null);e.i&&e.i.map(te)}};const ne=(e,t,f=false)=>{var r,u,a,d;const p=e.$hostElement$;const v=e.S;const m=e.L||g(null,null);const h=k(t)?t:w(null,null,t);l=p.tagName;if(v.T){h.o=h.o||{};v.T.map((([e,t])=>h.o[t]=p[e]))}if(f&&h.o){for(const e of Object.keys(h.o)){if(p.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){h.o[e]=p[e]}}}h.m=null;h.v|=4;e.L=h;h.h=m.h=p.shadowRoot||p;{n=p["s-sc"]}{s=p["s-cr"];o=(v.v&1)!==0;i=false}G(m,h);{ze.v|=1;if(c){Z(h.h);for(const e of Y){const t=e.C;if(!t["s-ol"]){const e=Ee.createTextNode("");e["s-nr"]=t;t.parentNode.insertBefore(t["s-ol"]=e,t)}}for(const e of Y){const t=e.C;const n=e.R;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}}}}else{if(t.nodeType===1){if(f){t["s-ih"]=(d=t.hidden)!==null&&d!==void 0?d:false}t.hidden=true}}}}if(i){J(h.h)}ze.v&=~1;Y.length=0}};const se=(e,t)=>{if(t&&!e.D&&t["s-p"]){t["s-p"].push(new Promise((t=>e.D=t)))}};const le=(e,t)=>{{e.v|=16}if(e.v&4){e.v|=512;return}se(e,e.j);const n=()=>oe(e,t);return _e(n)};const oe=(e,t)=>{const n=a("scheduleUpdate",e.S.k);const s=e.O;let l;if(t){{e.v|=256;if(e.F){e.F.map((([e,t])=>de(s,e,t)));e.F=undefined}}{l=de(s,"componentWillLoad")}}{l=ie(l,(()=>de(s,"componentWillRender")))}n();return ie(l,(()=>fe(e,s,t)))};const ie=(e,t)=>ce(e)?e.then(t):t();const ce=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";const fe=async(e,t,n)=>{var s;const l=e.$hostElement$;const o=a("update",e.S.k);const i=l["s-rc"];if(n){U(e)}const c=a("render",e.S.k);{re(e,t,l,n)}if(i){i.map((e=>e()));l["s-rc"]=undefined}c();o();{const t=(s=l["s-p"])!==null&&s!==void 0?s:[];const n=()=>ue(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.v|=4;t.length=0}}};const re=(e,t,n,s)=>{try{t=t.render();{e.v&=~16}{e.v|=2}{{{ne(e,t,s)}}}}catch(t){Ue(t,e.$hostElement$)}return null};const ue=e=>{const t=e.S.k;const n=e.$hostElement$;const s=a("postUpdate",t);const l=e.O;const o=e.j;{de(l,"componentDidRender")}if(!(e.v&64)){e.v|=64;{pe(n)}{de(l,"componentDidLoad")}s();{e.M(n);if(!o){ae()}}}else{{de(l,"componentDidUpdate")}s()}{e.U(n)}{if(e.D){e.D();e.D=undefined}if(e.v&512){Xe((()=>le(e,false)))}e.v&=~(4|512)}};const ae=t=>{{pe(Ee.documentElement)}Xe((()=>j(We,"appload",{detail:{namespace:e}})))};const de=(e,t,n)=>{if(e&&e[t]){try{return e[t](n)}catch(e){Ue(e)}}return undefined};const pe=e=>e.classList.add("hydrated");const ve=(e,t)=>je(e).A.get(t);const me=(e,t,n,s)=>{const l=je(e);const o=l.$hostElement$;const i=l.A.get(t);const c=l.v;const f=l.O;n=L(n,s.N[t][0]);const r=Number.isNaN(i)&&Number.isNaN(n);const u=n!==i&&!r;if((!(c&8)||i===undefined)&&u){l.A.set(t,n);if(f){if(s.P&&c&128){const e=s.P[t];if(e){e.map((e=>{try{f[e](n,i,t)}catch(e){Ue(e,o)}}))}}if((c&(2|16))===2){le(l,false)}}}};const he=(e,t,n)=>{var s;const l=e.prototype;if(t.N){if(e.watchers){t.P=e.watchers}const o=Object.entries(t.N);o.map((([e,[s]])=>{if(s&31||n&2&&s&32){Object.defineProperty(l,e,{get(){return ve(this,e)},set(n){me(this,e,n,t)},configurable:true,enumerable:true})}else if(n&1&&s&64){Object.defineProperty(l,e,{value(...t){var n;const s=je(this);return(n=s===null||s===void 0?void 0:s.W)===null||n===void 0?void 0:n.then((()=>{var n;return(n=s.O)===null||n===void 0?void 0:n[e](...t)}))}})}}));if(n&1){const n=new Map;l.attributeChangedCallback=function(e,s,o){ze.jmp((()=>{var i;const c=n.get(e);if(this.hasOwnProperty(c)){o=this[c];delete this[c]}else if(l.hasOwnProperty(c)&&typeof this[c]==="number"&&this[c]==o){return}else if(c==null){const n=je(this);const l=n===null||n===void 0?void 0:n.v;if(l&&!(l&8)&&l&128&&o!==s){const l=n.O;const c=(i=t.P)===null||i===void 0?void 0:i[e];c===null||c===void 0?void 0:c.forEach((t=>{if(l[t]!=null){l[t].call(l,o,s,e)}}))}return}this[c]=o===null&&typeof this[c]==="boolean"?false:o}))};e.observedAttributes=Array.from(new Set([...Object.keys((s=t.P)!==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.T)===null||l===void 0?void 0:l.push([e,o])}return o}))]))}}return e};const ye=async(e,t,n,s)=>{let l;if((t.v&32)===0){t.v|=32;{l=Ne(n);if(l.then){const e=d();l=await l;e()}if(!l.isProxied){{n.P=l.watchers}he(l,n,2);l.isProxied=true}const e=a("createInstance",n.k);{t.v|=8}try{new l(t)}catch(e){Ue(e)}{t.v&=~8}{t.v|=128}e();be(t.O)}if(l.style){let e=l.style;const t=A(n);if(!Pe.has(t)){const s=a("registerStyles",n.k);F(t,e,!!(n.v&1));s()}}}const o=t.j;const i=()=>le(t,true);if(o&&o["s-rc"]){o["s-rc"].push(i)}else{i()}};const be=e=>{{de(e,"connectedCallback")}};const $e=e=>{if((ze.v&1)===0){const t=je(e);const n=t.S;const s=a("connectedCallback",n.k);if(!(t.v&1)){t.v|=1;{if(n.v&(4|8)){we(e)}}{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){se(t,t.j=n);break}}}if(n.N){Object.entries(n.N).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{ye(e,t,n)}}else{Ce(e,t,n.B);if(t===null||t===void 0?void 0:t.O){be(t.O)}else if(t===null||t===void 0?void 0:t.H){t.H.then((()=>be(t.O)))}}s()}};const we=e=>{const t=e["s-cr"]=Ee.createComment("");t["s-cn"]=true;e.insertBefore(t,e.firstChild)};const ge=e=>{{de(e,"disconnectedCallback")}};const Se=async e=>{if((ze.v&1)===0){const t=je(e);{if(t.q){t.q.map((e=>e()));t.q=undefined}}if(t===null||t===void 0?void 0:t.O){ge(t.O)}else if(t===null||t===void 0?void 0:t.H){t.H.then((()=>ge(t.O)))}}};const ke=(e,t={})=>{var n;const s=a();const l=[];const o=t.exclude||[];const i=We.customElements;const c=Ee.head;const f=c.querySelector("meta[charset]");const r=Ee.createElement("style");const u=[];let d;let m=true;Object.assign(ze,t);ze.t=new URL(t.resourcesUrl||"./",Ee.baseURI).href;let h=false;e.map((e=>{e[1].map((t=>{var n;const s={v:t[0],k:t[1],N:t[2],B:t[3]};if(s.v&4){h=true}{s.N=t[2]}{s.B=t[3]}{s.T=[]}{s.P=(n=t[4])!==null&&n!==void 0?n:{}}const c=s.k;const f=class extends HTMLElement{constructor(e){super(e);e=this;Fe(e,s);if(s.v&1){{{e.attachShadow({mode:"open"})}}}}connectedCallback(){if(d){clearTimeout(d);d=null}if(m){u.push(this)}else{ze.jmp((()=>$e(this)))}}disconnectedCallback(){ze.jmp((()=>Se(this)))}componentOnReady(){return je(this).H}};s.I=e[0];if(!o.includes(c)&&!i.get(c)){l.push(c);i.define(c,he(f,s,1))}}))}));if(h){r.innerHTML+=v}{r.innerHTML+=l+p}if(r.innerHTML.length){r.setAttribute("data-styles","");const e=(n=ze.$)!==null&&n!==void 0?n:$(Ee);if(e!=null){r.setAttribute("nonce",e)}c.insertBefore(r,f?f.nextSibling:c.firstChild)}m=false;if(u.length){u.map((e=>e.connectedCallback()))}else{{ze.jmp((()=>d=setTimeout(ae,30)))}}s()};const Ce=(e,t,n,s)=>{if(n){n.map((([n,s,l])=>{const o=xe(e,n);const i=Re(t,l);const c=Le(n);ze.ael(o,s,i,c);(t.q=t.q||[]).push((()=>ze.rel(o,s,i,c)))}))}};const Re=(e,t)=>n=>{try{{if(e.v&256){e.O[t](n)}else{(e.F=e.F||[]).push([t,n])}}}catch(e){Ue(e)}};const xe=(e,t)=>{if(t&16)return Ee.body;return e};const Le=e=>(e&2)!==0;const Te=e=>ze.$=e;const De=new WeakMap;const je=e=>De.get(e);const Oe=(e,t)=>De.set(t.O=e,t);const Fe=(e,t)=>{const n={v:0,$hostElement$:e,S:t,A:new Map};{n.W=new Promise((e=>n.U=e))}{n.H=new Promise((e=>n.M=e));e["s-p"]=[];e["s-rc"]=[]}Ce(e,n,t.B);return De.set(e,n)};const Me=(e,t)=>t in e;const Ue=(e,t)=>(0,console.error)(e,t);const Ae=new Map;const Ne=(e,t,n)=>{const s=e.k.replace(/-/g,"_");const l=e.I;const o=Ae.get(l);if(o){return o[s]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((e=>{{Ae.set(l,e)}return e[s]}),Ue)};const Pe=new Map;const We=typeof window!=="undefined"?window:{};const Ee=We.document||{head:{}};const ze={v:0,t:"",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 Be=e=>Promise.resolve(e);const He=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();const Qe=[];const qe=[];const Ie=(e,t)=>n=>{e.push(n);if(!r){r=true;if(t&&ze.v&4){Xe(Ve)}else{ze.raf(Ve)}}};const Ke=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){Ue(e)}}e.length=0};const Ve=()=>{Ke(Qe);{Ke(qe);if(r=Qe.length>0){ze.raf(Ve)}}};const Xe=e=>Be().then(e);const _e=Ie(qe,true);export{S as H,u as a,ke as b,D as c,T as g,w as h,Be as p,Oe as r,Te as s};
+//# sourceMappingURL=p-abdca153.js.map