@pine-ds/core 2.20.0-mercury.0 → 2.22.0-mercury.0

package/dist/pine-core/p-e6e198eb.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","baseCss","PdsTooltipStyle0","pdsTooltipCss","PdsTooltipStyle1","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","key","onMouseEnter","onMouseLeave","onFocusin","onFocusout","class","htmlContent","hasArrow","componentId","id","ref","role","name","content"],"sources":["src/utils/overlay.ts","src/global/styles/base.scss?tag=pds-tooltip&encapsulation=shadow","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","// TODO: replace core tokens with semantic\n// Heading color + outline\n\n/*\n  Josh's Custom CSS Reset\n  https://www.joshwcomeau.com/css/custom-css-reset/\n*/\n:where(*:not(slot), *:not(slot)::before, *:not(slot)::after) {\n  box-sizing: border-box;\n}\n\n:where(*:not(slot)) {\n  margin: 0;\n}\n\n:where(img, picture, video, canvas, svg) {\n  display: block;\n  max-width: 100%;\n}\n\n:where(input, button, textarea, select) {\n  font: inherit;\n}\n\n:where(p, h1, h2, h3, h4, h5, h6) {\n  overflow-wrap: break-word;\n}\n\n/*\n  Additional Reset Styles\n*/\n:where(a:not([href]):not([class])) {\n  color: currentColor;\n  text-decoration: none;\n}\n\n:where(a:not([href]):not([class]):hover) {\n  color: currentColor;\n  text-decoration: none;\n}\n\n:where(ul[role='list'], ol[role='list']) {\n  list-style: none;\n}\n\n:where(table) {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\n/*\n  Mercury Base Styles\n*/\n// Typography\n:where(*:not(slot)) {\n  font-family: var(--pine-font-family-body), -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\", sans-serif,\n  \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\n:where(h1, h2, h3, h4, h5, h6) {\n  font-family: var(--pine-font-family-heading);\n  color: var(--pine-color-grey-950);\n}\n\n:where(h1) {\n  font: var(--pine-typography-heading-h1);\n  letter-spacing: var(--pine-letter-spacing-heading-h1);\n}\n\n:where(h2) {\n  font: var(--pine-typography-heading-h2);\n  letter-spacing: var(--pine-letter-spacing-heading-h2);\n}\n\n:where(h3) {\n  font: var(--pine-typography-heading-h3);\n  letter-spacing: var(--pine-letter-spacing-heading-h3);\n}\n\n:where(h4) {\n  font: var(--pine-typography-heading-h4);\n  letter-spacing: var(--pine-letter-spacing-heading-h4);\n}\n\n:where(h5) {\n  font: var(--pine-typography-heading-h5);\n  letter-spacing: var(--pine-letter-spacing-heading-h5);\n}\n\n:where(h6) {\n  font: var(--pine-typography-heading-h6);\n  letter-spacing: var(--pine-letter-spacing-heading-h6);\n}\n\n:where(p) {\n  font: var(--pine-typography-body-md-default);\n  letter-spacing: var(--pine-letter-spacing-body-md);\n}\n\n:where(code, kbd, pre, samp) {\n  font-family: monospace;\n}\n\n// Accessibility\n:where([role=\"button\"]) {\n  cursor: pointer;\n}\n\n:where(:focus) {\n  outline: 0;\n}\n\n:where(:focus-visible) {\n  outline: var(--pine-border-width-thick) solid var(--pine-color-purple-500);\n}\n\n// Misc.\n:where([hidden]) {\n  display: none !important;\n}\n",":host {\n  --border-radius-overlay: var(--pine-border-radius-125);\n\n  --border-width-arrow-down: var(--sizing-arrow-default) var(--sizing-arrow-default) 0;\n  --border-width-arrow-left: var(--sizing-arrow-default) var(--sizing-arrow-default) var(--sizing-arrow-default) 0;\n  --border-width-arrow-right: var(--sizing-arrow-default) 0 var(--sizing-arrow-default) var(--sizing-arrow-default);\n  --border-width-arrow-up: 0 var(--sizing-arrow-default) var(--sizing-arrow-default);\n\n  --box-shadow-default: var(--pine-box-shadow-200);\n\n  --color-background-default: var(--pine-color-grey-900);\n  --color-text-default: var(--pine-color-white);\n\n  --font-size-overlay: var(--pine-font-size-085);\n\n  --line-height-overlay: var(--pine-line-height-125);\n\n  --sizing-arrow-default: 6px;\n  --sizing-arrow-offset: 14px;\n  --sizing-width-default: 320px;\n\n  --spacing-padding-overlay: var(--pine-spacing-100) calc(var(--pine-spacing-300) / 2);\n\n  display: inline-block;\n  position: relative;\n\n  ::slotted(*) {\n    display: flex;\n  }\n\n  ::slotted([slot=\"content\"]) {\n    display: block;\n    white-space: normal;\n    width: var(--sizing-width-default);\n  }\n}\n\n.pds-tooltip__content {\n  background-color: var(--color-background-default);\n  border-radius: var(--border-radius-overlay);\n  box-shadow: var(--box-shadow-default);\n  color: var(--color-text-default);\n  font-size: var(--font-size-overlay);\n  line-height: var(--line-height-overlay);\n  // TODO: need to use block / none but the tooltip content width and height are needed for calculations\n  opacity: 0;\n  padding: var(--spacing-padding-overlay);\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(--border-width-arrow-left);\n    content: '';\n    height: 0;\n    position: absolute;\n    width: 0;\n\n    .pds-tooltip--right & {\n      border-inline-end-color: var(--color-background-default);\n      border-width: var(--border-width-arrow-left);\n      left: calc(var(--sizing-arrow-default) * -1);\n      top: 50%;\n      transform: translateY(-50%);\n    }\n\n    .pds-tooltip--right-end & {\n      border-inline-end-color: var(--color-background-default);\n      border-width: var(--border-width-arrow-left);\n      bottom: var(--sizing-arrow-offset);\n      left: calc(var(--sizing-arrow-default) * -1);\n      top: initial;\n    }\n\n    .pds-tooltip--right-start & {\n      border-inline-end-color: var(--color-background-default);\n      border-width: var(--border-width-arrow-left);\n      left: calc(var(--sizing-arrow-default) * -1);\n      top: var(--sizing-arrow-offset);\n    }\n\n    .pds-tooltip--top & {\n      border-block-start-color: var(--color-background-default);\n      border-width: var(--border-width-arrow-down);\n      bottom: calc(var(--sizing-arrow-default) * -1);\n      left: 50%;\n      top: initial;\n      transform: translateX(-50%);\n    }\n\n    .pds-tooltip--top-start & {\n      border-block-start-color: var(--color-background-default);\n      border-width: var(--border-width-arrow-down);\n      bottom: calc(var(--sizing-arrow-default) * -1);\n      left: var(--sizing-arrow-offset);\n      top: initial;\n    }\n\n    .pds-tooltip--top-end & {\n      border-block-start-color: var(--color-background-default);\n      border-width: var(--border-width-arrow-down);\n      bottom: calc(var(--sizing-arrow-default) * -1);\n      left: initial;\n      right: var(--sizing-arrow-offset);\n      top: initial;\n    }\n\n    .pds-tooltip--left & {\n      border-inline-start-color: var(--color-background-default);\n      border-width: var(--border-width-arrow-right);\n      left: initial;\n      right: calc(var(--sizing-arrow-default) * -1);\n      top: 50%;\n      transform: translateY(-50%);\n    }\n\n    .pds-tooltip--left-end & {\n      border-inline-start-color: var(--color-background-default);\n      border-width: var(--border-width-arrow-right);\n      bottom: var(--sizing-arrow-offset);\n      left: initial;\n      right: calc(var(--sizing-arrow-default) * -1);\n      top: initial;\n    }\n\n    .pds-tooltip--left-start & {\n      border-inline-start-color: var(--color-background-default);\n      border-width: var(--border-width-arrow-right);\n      left: initial;\n      right: calc(var(--sizing-arrow-default) * -1);\n      top: var(--sizing-arrow-offset);\n    }\n\n    .pds-tooltip--bottom & {\n      border-block-end-color: var(--color-background-default);\n      border-width: var(--border-width-arrow-up);\n      left: 50%;\n      top: calc(var(--sizing-arrow-default) * -1);\n      transform: translateX(-50%);\n    }\n\n    .pds-tooltip--bottom-end & {\n      border-block-end-color: var(--color-background-default);\n      border-width: var(--border-width-arrow-up);\n      left: initial;\n      right: var(--sizing-arrow-offset);\n      top: calc(var(--sizing-arrow-default) * -1);\n    }\n\n    .pds-tooltip--bottom-start & {\n      border-block-end-color: var(--color-background-default);\n      border-width: var(--border-width-arrow-up);\n      left: var(--sizing-arrow-offset);\n      top: calc(var(--sizing-arrow-default) * -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  styleUrls: ['../../global/styles/base.scss', '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":"gnDAOO,IAAMA,EAAkB,SAACC,G,IAACC,EAAID,EAAAC,KAAEC,EAAaF,EAAAE,cAAEC,EAAOH,EAAAG,QAAEC,EAAAJ,EAAAK,SAAMD,SAAA,EAAG,EAACA,EACvE,GAAIH,GAAQK,UAAW,OAEvB,IAAMC,EAAON,EAAKO,wBAClB,IAAMC,EAAcN,EAAQK,wBAG5B,IAAKN,GAAiBA,GAAiB,GAAI,OAE3C,OAAQ,MACN,KAAKA,EAAcQ,SAAS,SAC1BP,EAAQQ,MAAMC,IAAM,MACpBT,EAAQQ,MAAME,KAAO,QAAAC,OAAQP,EAAKQ,MAAK,SAAAD,OAAQT,EAAM,OACrDF,EAAQQ,MAAMK,UAAY,mBAE1B,GAAId,EAAcQ,SAAS,SAAU,CACnCP,EAAQQ,MAAMC,IAAM,IACpBT,EAAQQ,MAAMK,UAAY,e,CAG5B,GAAId,EAAcQ,SAAS,OAAQ,CACjCP,EAAQQ,MAAMM,OAAS,IACvBd,EAAQQ,MAAMC,IAAM,UACpBT,EAAQQ,MAAMK,UAAY,e,CAG5B,MAEF,KAAKd,EAAcQ,SAAS,QAC1BP,EAAQQ,MAAMC,IAAM,MACpBT,EAAQQ,MAAMO,MAAQ,QAAAJ,OAAQP,EAAKQ,MAAK,SAAAD,OAAQT,EAAM,OACtDF,EAAQQ,MAAMK,UAAY,mBAE1B,GAAId,EAAcQ,SAAS,SAAU,CACnCP,EAAQQ,MAAMC,IAAM,IACpBT,EAAQQ,MAAMK,UAAY,e,CAG5B,GAAId,EAAcQ,SAAS,OAAQ,CACjCP,EAAQQ,MAAMM,OAAS,IACvBd,EAAQQ,MAAMC,IAAM,UACpBT,EAAQQ,MAAMK,UAAY,e,CAG5B,MAEF,KAAKd,EAAcQ,SAAS,UAC1BP,EAAQQ,MAAMC,IAAM,QAAAE,OAAQP,EAAKY,OAAM,SAAAL,OAAQT,EAAM,OACrDF,EAAQQ,MAAME,KAAO,MACrBV,EAAQQ,MAAMK,UAAY,mBAE1B,GAAId,EAAcQ,SAAS,SAAU,CACnCP,EAAQQ,MAAME,KAAO,IACrBV,EAAQQ,MAAMK,UAAY,e,CAG5B,GAAId,EAAcQ,SAAS,OAAQ,CACjCP,EAAQQ,MAAME,KAAO,UACrBV,EAAQQ,MAAMO,MAAQ,IACtBf,EAAQQ,MAAMK,UAAY,e,CAG5B,MAEF,KAAKd,EAAcQ,SAAS,OAC1BP,EAAQQ,MAAMC,IAAM,SAAAE,OAASL,EAAYU,OAAM,SAAAL,OAAQT,EAAM,aAC7DF,EAAQQ,MAAME,KAAO,MACrBV,EAAQQ,MAAMK,UAAY,mBAE1B,GAAId,EAAcQ,SAAS,SAAU,CACnCP,EAAQQ,MAAME,KAAO,IACrBV,EAAQQ,MAAMK,UAAY,e,CAE5B,GAAId,EAAcQ,SAAS,OAAQ,CACjCP,EAAQQ,MAAME,KAAO,UACrBV,EAAQQ,MAAMO,MAAQ,IACtBf,EAAQQ,MAAMK,UAAY,e,CAG5B,MAEN,ECxFA,IAAMI,EAAU,s1DAChB,IAAAC,EAAeD,ECDf,IAAME,EAAgB,q1JACtB,IAAAC,EAAeD,E,ICcFE,EAAUC,EAAA,yB,iIAkHbC,KAAAC,WAAa,WACnBC,EAAKC,cACLD,EAAKE,eAAeC,M,EAGdL,KAAAM,WAAa,WACnBJ,EAAKK,cACLL,EAAKM,eAAeH,M,cA7GJ,M,gEAgBE,K,iBAME,M,eAkBL,Q,YAM8B,K,CAG/CI,EAAAC,UAAAC,iBAAA,WACE,GAAIX,KAAKY,OAAQ,CACfZ,KAAKM,Y,KACA,CACLN,KAAKC,Y,GAcTQ,EAAAC,UAAAG,kBAAA,WACE,GAAIb,KAAKY,OAAQ,CACfZ,KAAKO,a,CAGPP,KAAKc,GAAGC,iBAAiB,OAAQf,KAAKC,WAAY,MAClDD,KAAKc,GAAGC,iBAAiB,QAASf,KAAKM,WAAY,K,EAGrDG,EAAAC,UAAAM,mBAAA,WACE,GAAIhB,KAAKY,OAAQ,CACfZ,KAAKO,a,GAITE,EAAAC,UAAAO,mBAAA,WACE5C,EAAgB,CAACE,KAAMyB,KAAKc,GAAItC,cAAewB,KAAKkB,UAAWzC,QAASuB,KAAKmB,W,EAOzEV,EAAAC,UAAAH,YAAN,W,qFACEP,KAAKY,OAAS,K,iBAOVH,EAAAC,UAAAP,YAAN,W,qFACEH,KAAKY,OAAS,M,iBAahBH,EAAAC,UAAAU,OAAA,eAAAlB,EAAAF,KACE,OACEqB,EAACC,EAAI,CAAAC,IAAA,2CACHC,aAAcxB,KAAKM,WACnBmB,aAAczB,KAAKC,WACnByB,UAAW1B,KAAKM,WAChBqB,WAAY3B,KAAKC,YAEjBoB,EAAA,OAAAE,IAAA,2CACEK,MAAO,uDAAAxC,OAEUY,KAAKkB,UAAS,kBAAA9B,OAC3BY,KAAK6B,YAAc,gCAAkC,GAAE,kBAAAzC,OACvDY,KAAKY,OAAS,uBAAyB,GAAE,kBAAAxB,OACzCY,KAAK8B,SAAW,GAAK,wBAAuB,iBAGhDT,EAAA,QAAAE,IAAA,8DACoBvB,KAAK+B,YACvBH,MAAM,wBAENP,EAAA,QAAAE,IAAA,8CAGFF,EAAA,OAAAE,IAAA,2CAAKK,MAAM,uBAAsB,cAClB5B,KAAKY,OAAS,QAAU,OAAM,YAChCZ,KAAKY,OAAS,SAAW,MACpCoB,GAAIhC,KAAK+B,YACTE,IAAK,SAACnB,GAAE,OAAMZ,EAAKiB,UAAYL,CAAvB,EACRoB,KAAK,WAELb,EAAA,QAAAE,IAAA,2CACEY,KAAK,YAENnC,KAAKoC,U,oPA9JK,I","ignoreList":[]}

package/dist/pine-core/p-f0ea6124.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as r,H as o}from"./p-7e7de1d6.js";import{a as i}from"./p-373bf876.js";const n=':where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font-family:var(--pine-font-family-body), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Roboto", "Ubuntu", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(p){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}';const a=n;const d=":host(.pds-copytext){--border-interactive-default:var(--pine-border-width-thin) solid var(--pine-color-grey-300);--border-interactive-hover:var(--pine-border-width-thin) solid var(--pine-color-grey-400);--border-radius-default:var(--pine-border-radius-125);--border-radius-hover:var(--pine-border-radius-0);--border-width-default:var(--pine-border-width-none);--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);--color-background-default:var(--pine-color-white);--color-border-interactive-hover:var(--pine-color-grey-400);--color-text-hover:var(--pine-color-grey-900);--copytext-color-background-hover:var(--pine-color-grey-200);--font-size-default:var(--pine-font-size-100);--font-weight-default:var(--pine-font-weight-semi-bold);--spacing-bordered-margin-inline-end:var(--pine-spacing-200);--spacing-bordered-padding-block:var(--pine-spacing-100);--spacing-bordered-padding-inline:var(--pine-spacing-200);--spacing-margin-inline-end:var(--pine-spacing-100);--spacing-padding-block:var(--pine-spacing-050);--spacing-padding-inline:var(--pine-spacing-100);--spacing-padding-none:var(--pine-spacing-0);--typography-default:var(--pine-font-weight-medium) var(--pine-font-size-100)/var(--pine-line-height-150) var(--pine-font-family-circular)}:host(.pds-copytext) pds-button{-ms-flex-align:center;align-items:center;background:var(--color-background-default);border:var(--border-width-default);border-radius:var(--border-radius-default);display:-ms-inline-flexbox;display:inline-flex;font:var(--typography-default);max-width:100%;padding:var(--spacing-padding-block) var(--spacing-padding-inline)}:host(.pds-copytext) pds-button::part(button):hover{background-color:var(--copytext-color-background-hover);border-radius:var(--border-radius-hover);color:var(--color-text-hover)}:host(.pds-copytext) pds-button span{-webkit-margin-end:var(--spacing-margin-inline-end);margin-inline-end:var(--spacing-margin-inline-end);white-space:nowrap}:host(.pds-copytext) pds-button :nth-child(2){-ms-flex-negative:0;flex-shrink:0}:host(.pds-copytext):host(.pds-copytext--bordered){border:var(--border-width-default);padding:var(--spacing-padding-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button{padding:var(--spacing-padding-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button:hover{background:none}:host(.pds-copytext):host(.pds-copytext--bordered) span{border:var(--border-interactive-default);border-radius:var(--border-radius-default);-webkit-margin-end:var(--spacing-bordered-margin-inline-end);margin-inline-end:var(--spacing-bordered-margin-inline-end);padding-block:var(--spacing-bordered-padding-block);padding-inline:var(--spacing-bordered-padding-inline)}:host(.pds-copytext):host(.pds-copytext--bordered) :hover span{border:var(--border-interactive-hover)}:host(.pds-copytext):host(.pds-copytext--full-width){display:-ms-flexbox;display:flex;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button span{text-align:left;width:100%}:host(.pds-copytext):host(.pds-copytext--truncated) pds-button{display:-ms-flexbox;display:flex;width:100%}:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{overflow:hidden;text-align:left;text-overflow:ellipsis;width:100%}";const p=d;const s=class{constructor(r){e(this,r);this.pdsCopyTextClick=t(this,"pdsCopyTextClick",7);this.copyToClipboard=async e=>{try{if(typeof navigator.clipboard!=="undefined"){await navigator.clipboard.writeText(e);this.pdsCopyTextClick.emit("Copied to clipboard")}}catch(e){this.pdsCopyTextClick.emit(`Error writing text to clipboard: ${e}`)}};this.handleClick=()=>{this.copyToClipboard(this.value)};this.border=true;this.componentId=undefined;this.fullWidth=false;this.truncate=false;this.value=undefined}classNames(){const e=["pds-copytext"];if(this.border){e.push("pds-copytext--bordered")}if(this.fullWidth){e.push("pds-copytext--full-width")}if(this.truncate){e.push("pds-copytext--truncated")}return e.join("  ")}render(){return r(o,{key:"24f8ccba6099b5a4f283fe049dc38e32c916c80e",class:this.classNames(),id:this.componentId},r("pds-button",{key:"7b4d6703944df7a4a3932663b5c09b496d642f0c",type:"button",variant:"unstyled",onClick:this.handleClick},r("span",{key:"68ab90f525b04edc3d708d7405d34558aee8c98e"},this.value),r("pds-icon",{key:"06a24c4577dc10917e69314a6d19db8e6a88e7f7",icon:i,size:"16px"})))}};s.style=a+p;export{s as pds_copytext};
+//# sourceMappingURL=p-f0ea6124.entry.js.map

package/dist/pine-core/p-f0ea6124.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["baseCss","PdsCopytextStyle0","pdsCopytextCss","PdsCopytextStyle1","PdsCopytext","this","copyToClipboard","async","value","navigator","clipboard","writeText","pdsCopyTextClick","emit","err","handleClick","classNames","border","push","fullWidth","truncate","join","render","h","Host","key","class","id","componentId","type","variant","onClick","icon","copyIcon","size"],"sources":["src/global/styles/base.scss?tag=pds-copytext&encapsulation=shadow","src/components/pds-copytext/pds-copytext.scss?tag=pds-copytext&encapsulation=shadow","src/components/pds-copytext/pds-copytext.tsx"],"sourcesContent":["// TODO: replace core tokens with semantic\n// Heading color + outline\n\n/*\n  Josh's Custom CSS Reset\n  https://www.joshwcomeau.com/css/custom-css-reset/\n*/\n:where(*:not(slot), *:not(slot)::before, *:not(slot)::after) {\n  box-sizing: border-box;\n}\n\n:where(*:not(slot)) {\n  margin: 0;\n}\n\n:where(img, picture, video, canvas, svg) {\n  display: block;\n  max-width: 100%;\n}\n\n:where(input, button, textarea, select) {\n  font: inherit;\n}\n\n:where(p, h1, h2, h3, h4, h5, h6) {\n  overflow-wrap: break-word;\n}\n\n/*\n  Additional Reset Styles\n*/\n:where(a:not([href]):not([class])) {\n  color: currentColor;\n  text-decoration: none;\n}\n\n:where(a:not([href]):not([class]):hover) {\n  color: currentColor;\n  text-decoration: none;\n}\n\n:where(ul[role='list'], ol[role='list']) {\n  list-style: none;\n}\n\n:where(table) {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\n/*\n  Mercury Base Styles\n*/\n// Typography\n:where(*:not(slot)) {\n  font-family: var(--pine-font-family-body), -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\", sans-serif,\n  \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\n:where(h1, h2, h3, h4, h5, h6) {\n  font-family: var(--pine-font-family-heading);\n  color: var(--pine-color-grey-950);\n}\n\n:where(h1) {\n  font: var(--pine-typography-heading-h1);\n  letter-spacing: var(--pine-letter-spacing-heading-h1);\n}\n\n:where(h2) {\n  font: var(--pine-typography-heading-h2);\n  letter-spacing: var(--pine-letter-spacing-heading-h2);\n}\n\n:where(h3) {\n  font: var(--pine-typography-heading-h3);\n  letter-spacing: var(--pine-letter-spacing-heading-h3);\n}\n\n:where(h4) {\n  font: var(--pine-typography-heading-h4);\n  letter-spacing: var(--pine-letter-spacing-heading-h4);\n}\n\n:where(h5) {\n  font: var(--pine-typography-heading-h5);\n  letter-spacing: var(--pine-letter-spacing-heading-h5);\n}\n\n:where(h6) {\n  font: var(--pine-typography-heading-h6);\n  letter-spacing: var(--pine-letter-spacing-heading-h6);\n}\n\n:where(p) {\n  font: var(--pine-typography-body-md-default);\n  letter-spacing: var(--pine-letter-spacing-body-md);\n}\n\n:where(code, kbd, pre, samp) {\n  font-family: monospace;\n}\n\n// Accessibility\n:where([role=\"button\"]) {\n  cursor: pointer;\n}\n\n:where(:focus) {\n  outline: 0;\n}\n\n:where(:focus-visible) {\n  outline: var(--pine-border-width-thick) solid var(--pine-color-purple-500);\n}\n\n// Misc.\n:where([hidden]) {\n  display: none !important;\n}\n",":host(.pds-copytext) {\n\n  --border-interactive-default: var(--pine-border-width-thin) solid var(--pine-color-grey-300);\n  --border-interactive-hover: var(--pine-border-width-thin) solid var(--pine-color-grey-400);\n\n  --border-radius-default: var(--pine-border-radius-125);\n  --border-radius-hover: var(--pine-border-radius-0);\n\n  --border-width-default: var(--pine-border-width-none);\n\n  --box-shadow-focus: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);\n\n  --color-background-default: var(--pine-color-white);\n  --color-border-interactive-hover: var(--pine-color-grey-400);\n  --color-text-hover: var(--pine-color-grey-900);\n  // Update custom prop usage in Button before changing\n  --copytext-color-background-hover: var(--pine-color-grey-200);\n\n  --font-size-default: var(--pine-font-size-100);\n  --font-weight-default: var(--pine-font-weight-semi-bold);\n\n  --spacing-bordered-margin-inline-end: var(--pine-spacing-200);\n  --spacing-bordered-padding-block: var(--pine-spacing-100);\n  --spacing-bordered-padding-inline: var(--pine-spacing-200);\n  --spacing-margin-inline-end: var(--pine-spacing-100);\n  --spacing-padding-block: var(--pine-spacing-050);\n  --spacing-padding-inline: var(--pine-spacing-100);\n  --spacing-padding-none: var(--pine-spacing-0);\n\n  --typography-default: var(--pine-font-weight-medium) var(--pine-font-size-100)/var(--pine-line-height-150) var(--pine-font-family-circular);\n\n  pds-button {\n    align-items: center;\n    background: var(--color-background-default);\n    border: var(--border-width-default);\n    border-radius: var(--border-radius-default);\n    display: inline-flex;\n    font: var(--typography-default);\n    max-width: 100%;\n    padding: var(--spacing-padding-block) var(--spacing-padding-inline);\n\n    &::part(button):hover {\n      // Update custom prop usage in Button before changing\n      background-color: var(--copytext-color-background-hover);\n      border-radius: var(--border-radius-hover);\n      color: var(--color-text-hover);\n    }\n\n    span {\n      margin-inline-end: var(--spacing-margin-inline-end);\n      white-space: nowrap;\n    }\n\n    :nth-child(2) {\n      flex-shrink: 0;\n    }\n  }\n\n  // bordered\n\n  &:host(.pds-copytext--bordered) {\n    border: var(--border-width-default);\n    padding: var(--spacing-padding-none);\n\n    pds-button {\n      padding: var(--spacing-padding-none);\n\n      &:hover {\n        background: none;\n      }\n    }\n\n    span {\n      border: var(--border-interactive-default);\n      border-radius: var(--border-radius-default);\n      margin-inline-end: var(--spacing-bordered-margin-inline-end);\n      padding-block: var(--spacing-bordered-padding-block);\n      padding-inline: var(--spacing-bordered-padding-inline);\n    }\n\n    :hover {\n      span {\n        border: var(--border-interactive-hover);\n      }\n    }\n  }\n\n  // full width\n\n  &:host(.pds-copytext--full-width) {\n    display: flex;\n    width: 100%;\n\n    pds-button {\n      display: flex;\n      justify-content: space-between;\n      width: 100%;\n\n      span {\n        text-align: left;\n        width: 100%;\n      }\n    }\n  }\n\n  // truncated\n\n  &:host(.pds-copytext--truncated) {\n    pds-button {\n      display: flex;\n      width: 100%;\n\n      span {\n        overflow: hidden;\n        text-align: left;\n        text-overflow: ellipsis;\n        width: 100%;\n      }\n    }\n  }\n}\n","import { Component, Event, EventEmitter, Host, h, Prop } from '@stencil/core';\n\nimport { copy as copyIcon } from '@pine-ds/icons/icons';\n\n@Component({\n  tag: 'pds-copytext',\n  styleUrls: ['../../global/styles/base.scss', 'pds-copytext.scss'],\n  shadow: true,\n})\nexport class PdsCopytext {\n  /**\n   * Determines whether `copytext` should have a border.\n   * @defaultValue true\n   */\n  @Prop({ reflect: true }) border = true;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Determines whether `copytext` should expand to the full width of its container.\n   * @defaultValue false\n   */\n  @Prop() fullWidth = false;\n\n  /**\n   * Determines whether the `value` should truncate and display with an ellipsis.\n   * @defaultValue false\n   */\n  @Prop() truncate = false;\n\n  /**\n   * String that is displayed and that is also copied to the clipboard upon interaction.\n   */\n  @Prop() value!: string;\n\n  /**\n   * Event when copyText button is clicked.\n   */\n  @Event() pdsCopyTextClick: EventEmitter;\n\n  private copyToClipboard = async (value: string) => {\n    try {\n      if (typeof navigator.clipboard !== 'undefined') {\n        await navigator.clipboard.writeText(value);\n        this.pdsCopyTextClick.emit('Copied to clipboard');\n      }\n    } catch (err) {\n      this.pdsCopyTextClick.emit(`Error writing text to clipboard: ${err}`);\n    }\n  };\n\n  private handleClick = () => {\n    this.copyToClipboard(this.value);\n  };\n\n  private classNames() {\n    const classNames = ['pds-copytext'];\n\n    if (this.border) {\n      classNames.push('pds-copytext--bordered');\n    }\n\n    if (this.fullWidth) {\n      classNames.push('pds-copytext--full-width');\n    }\n\n    if (this.truncate) {\n      classNames.push('pds-copytext--truncated');\n    }\n\n    return classNames.join('  ');\n  }\n\n  render() {\n    return (\n      <Host class={this.classNames()} id={this.componentId}>\n        <pds-button type=\"button\" variant=\"unstyled\" onClick={this.handleClick}>\n          <span>{this.value}</span>\n          <pds-icon icon={copyIcon} size=\"16px\"></pds-icon>\n        </pds-button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAU,s1DAChB,MAAAC,EAAeD,ECDf,MAAME,EAAiB,g1GACvB,MAAAC,EAAeD,E,MCQFE,EAAW,M,4EAkCdC,KAAAC,gBAAkBC,MAAOC,IAC/B,IACE,UAAWC,UAAUC,YAAc,YAAa,OACxCD,UAAUC,UAAUC,UAAUH,GACpCH,KAAKO,iBAAiBC,KAAK,sB,EAE7B,MAAOC,GACPT,KAAKO,iBAAiBC,KAAK,oCAAoCC,I,GAI3DT,KAAAU,YAAc,KACpBV,KAAKC,gBAAgBD,KAAKG,MAAM,E,YAzCA,K,0CAWd,M,cAMD,M,qBA2BX,UAAAQ,GACN,MAAMA,EAAa,CAAC,gBAEpB,GAAIX,KAAKY,OAAQ,CACfD,EAAWE,KAAK,yB,CAGlB,GAAIb,KAAKc,UAAW,CAClBH,EAAWE,KAAK,2B,CAGlB,GAAIb,KAAKe,SAAU,CACjBJ,EAAWE,KAAK,0B,CAGlB,OAAOF,EAAWK,KAAK,K,CAGzB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOrB,KAAKW,aAAcW,GAAItB,KAAKuB,aACvCL,EAAA,cAAAE,IAAA,2CAAYI,KAAK,SAASC,QAAQ,WAAWC,QAAS1B,KAAKU,aACzDQ,EAAA,QAAAE,IAAA,4CAAOpB,KAAKG,OACZe,EAAA,YAAAE,IAAA,2CAAUO,KAAMC,EAAUC,KAAK,U","ignoreList":[]}

package/dist/pine-core/p-f1b34408.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as i,H as a}from"./p-7e7de1d6.js";const s=':where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font-family:var(--pine-font-family-body), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Roboto", "Ubuntu", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(p){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}';const r=s;const n=":host{--color-background-default:var(--pine-color-grey-400);--spacing-offset-xxs:var(--pine-spacing-050);--spacing-offset-xs:var(--pine-spacing-100);--spacing-offset-sm:var(--pine-spacing-200);--spacing-offset-md:var(--pine-spacing-300);--spacing-offset-lg:var(--pine-spacing-450);--spacing-offset-xxl:var(--pine-spacing-800)}.pds-divider{background:var(--color-background-default);border:0;display:-ms-flexbox;display:flex;height:1px;margin:0;width:100%}.pds-divider--vertical{height:100%;width:1px}.pds-divider--offset-xxs{margin:0 calc(var(--spacing-offset-xxs) * -1);padding:0 var(--spacing-offset-xxs)}.pds-divider--offset-xxs.pds-divider--vertical{margin:calc(var(--spacing-offset-xxs) * -1) 0;padding:var(--spacing-offset-xxs) 0}.pds-divider--offset-xs{margin:0 calc(var(--spacing-offset-xs) * -1);padding:0 var(--spacing-offset-xs)}.pds-divider--offset-xs.pds-divider--vertical{margin:calc(var(--spacing-offset-xs) * -1) 0;padding:var(--spacing-offset-xs) 0}.pds-divider--offset-sm{margin:0 calc(var(--spacing-offset-sm) * -1);padding:0 var(--spacing-offset-sm)}.pds-divider--offset-sm.pds-divider--vertical{margin:calc(var(--spacing-offset-sm) * -1) 0;padding:var(--spacing-offset-sm) 0}.pds-divider--offset-md{margin:0 calc(var(--spacing-offset-md) * -1);padding:0 var(--spacing-offset-md)}.pds-divider--offset-md.pds-divider--vertical{margin:calc(var(--spacing-offset-md) * -1) 0;padding:var(--spacing-offset-md) 0}.pds-divider--offset-lg{margin:0 calc(var(--spacing-offset-lg) * -1);padding:0 var(--spacing-offset-lg)}.pds-divider--offset-lg.pds-divider--vertical{margin:calc(var(--spacing-offset-lg) * -1) 0;padding:var(--spacing-offset-lg) 0}.pds-divider--offset-xl{margin:0 calc(var(--spacing-offset-xl) * -1);padding:0 var(--spacing-offset-xl)}.pds-divider--offset-xl.pds-divider--vertical{margin:calc(var(--spacing-offset-xl) * -1) 0;padding:var(--spacing-offset-xl) 0}.pds-divider--offset-xxl{margin:0 calc(var(--spacing-offset-xxl) * -1);padding:0 var(--spacing-offset-xxl)}.pds-divider--offset-xxl.pds-divider--vertical{margin:calc(var(--spacing-offset-xxl) * -1) 0;padding:var(--spacing-offset-xxl) 0}@media (max-width: 767px){.pds-divider--vertical{display:none}}";const t=n;const o=class{constructor(i){e(this,i);this.componentId=undefined;this.offset=undefined;this.vertical=false}classNames(){const e=["pds-divider"];if(this.vertical){e.push("pds-divider--vertical")}if(this.offset){const i="pds-divider--offset-"+this.offset;e.push(i)}return e.join(" ")}render(){return i(a,{key:"03b43edbf300af791cb86d11991507f1449981f7",id:this.componentId},i("hr",{key:"3385a8497632540187d3c5f16716032d37d5c036",class:this.classNames()}))}};o.style=r+t;export{o as pds_divider};
+//# sourceMappingURL=p-f1b34408.entry.js.map

package/dist/pine-core/p-f1b34408.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["baseCss","PdsDividerStyle0","pdsDividerCss","PdsDividerStyle1","PdsDivider","classNames","this","vertical","push","offset","offsetClassName","join","render","h","Host","key","id","componentId","class"],"sources":["src/global/styles/base.scss?tag=pds-divider&encapsulation=shadow","src/components/pds-divider/pds-divider.scss?tag=pds-divider&encapsulation=shadow","src/components/pds-divider/pds-divider.tsx"],"sourcesContent":["// TODO: replace core tokens with semantic\n// Heading color + outline\n\n/*\n  Josh's Custom CSS Reset\n  https://www.joshwcomeau.com/css/custom-css-reset/\n*/\n:where(*:not(slot), *:not(slot)::before, *:not(slot)::after) {\n  box-sizing: border-box;\n}\n\n:where(*:not(slot)) {\n  margin: 0;\n}\n\n:where(img, picture, video, canvas, svg) {\n  display: block;\n  max-width: 100%;\n}\n\n:where(input, button, textarea, select) {\n  font: inherit;\n}\n\n:where(p, h1, h2, h3, h4, h5, h6) {\n  overflow-wrap: break-word;\n}\n\n/*\n  Additional Reset Styles\n*/\n:where(a:not([href]):not([class])) {\n  color: currentColor;\n  text-decoration: none;\n}\n\n:where(a:not([href]):not([class]):hover) {\n  color: currentColor;\n  text-decoration: none;\n}\n\n:where(ul[role='list'], ol[role='list']) {\n  list-style: none;\n}\n\n:where(table) {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\n/*\n  Mercury Base Styles\n*/\n// Typography\n:where(*:not(slot)) {\n  font-family: var(--pine-font-family-body), -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\", sans-serif,\n  \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\n:where(h1, h2, h3, h4, h5, h6) {\n  font-family: var(--pine-font-family-heading);\n  color: var(--pine-color-grey-950);\n}\n\n:where(h1) {\n  font: var(--pine-typography-heading-h1);\n  letter-spacing: var(--pine-letter-spacing-heading-h1);\n}\n\n:where(h2) {\n  font: var(--pine-typography-heading-h2);\n  letter-spacing: var(--pine-letter-spacing-heading-h2);\n}\n\n:where(h3) {\n  font: var(--pine-typography-heading-h3);\n  letter-spacing: var(--pine-letter-spacing-heading-h3);\n}\n\n:where(h4) {\n  font: var(--pine-typography-heading-h4);\n  letter-spacing: var(--pine-letter-spacing-heading-h4);\n}\n\n:where(h5) {\n  font: var(--pine-typography-heading-h5);\n  letter-spacing: var(--pine-letter-spacing-heading-h5);\n}\n\n:where(h6) {\n  font: var(--pine-typography-heading-h6);\n  letter-spacing: var(--pine-letter-spacing-heading-h6);\n}\n\n:where(p) {\n  font: var(--pine-typography-body-md-default);\n  letter-spacing: var(--pine-letter-spacing-body-md);\n}\n\n:where(code, kbd, pre, samp) {\n  font-family: monospace;\n}\n\n// Accessibility\n:where([role=\"button\"]) {\n  cursor: pointer;\n}\n\n:where(:focus) {\n  outline: 0;\n}\n\n:where(:focus-visible) {\n  outline: var(--pine-border-width-thick) solid var(--pine-color-purple-500);\n}\n\n// Misc.\n:where([hidden]) {\n  display: none !important;\n}\n",":host {\n  --color-background-default: var(--pine-color-grey-400);\n  --spacing-offset-xxs: var(--pine-spacing-050);\n  --spacing-offset-xs: var(--pine-spacing-100);\n  --spacing-offset-sm: var(--pine-spacing-200);\n  --spacing-offset-md: var(--pine-spacing-300);\n  --spacing-offset-lg: var(--pine-spacing-450);\n  --spacing-offset-xxl: var(--pine-spacing-800);\n}\n\n$pds-divider-offsets: (\n  xxs: var(--spacing-offset-xxs),\n  xs: var(--spacing-offset-xs),\n  sm: var(--spacing-offset-sm),\n  md: var(--spacing-offset-md),\n  lg: var(--spacing-offset-lg),\n  xl: var(--spacing-offset-xl),\n  xxl: var(--spacing-offset-xxl),\n);\n\n.pds-divider {\n  background: var(--color-background-default);\n  border: 0;\n  display: flex;\n  height: 1px;\n  margin: 0;\n  width: 100%;\n}\n\n.pds-divider--vertical {\n  height: 100%;\n  width: 1px;\n}\n\n@each $offset, $value in $pds-divider-offsets {\n  .pds-divider--offset-#{$offset} {\n    margin: 0 calc($value * -1);\n    padding: 0 $value;\n\n    &.pds-divider--vertical {\n      margin: calc($value * -1) 0;\n      padding: $value 0;\n    }\n  }\n}\n\n@media (max-width: 767px) {\n  .pds-divider--vertical {\n    display: none;\n  }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'pds-divider',\n  styleUrls: ['../../global/styles/base.scss', 'pds-divider.scss'],\n  shadow: true,\n})\nexport class PdsDivider {\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Adds offset margin/padding to expand the width (horizontal) or the height (vertical) of divider.\n   */\n  @Prop() offset: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';\n\n  /**\n   * Sets divider to display vertically\n   * @defaultValue false\n   */\n  @Prop() vertical = false;\n\n  private classNames() {\n    const classNames = ['pds-divider'];\n\n    if (this.vertical) {\n      classNames.push('pds-divider--vertical');\n    }\n\n    if (this.offset) {\n      const offsetClassName = 'pds-divider--offset-' + this.offset;\n      classNames.push(offsetClassName);\n    }\n\n    return classNames.join(' ');\n  }\n\n  render() {\n    return (\n      <Host id={this.componentId}>\n        <hr class={this.classNames()} />\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAU,s1DAChB,MAAAC,EAAeD,ECDf,MAAME,EAAgB,4oEACtB,MAAAC,EAAeD,E,MCMFE,EAAU,M,wFAeF,K,CAEX,UAAAC,GACN,MAAMA,EAAa,CAAC,eAEpB,GAAIC,KAAKC,SAAU,CACjBF,EAAWG,KAAK,wB,CAGlB,GAAIF,KAAKG,OAAQ,CACf,MAAMC,EAAkB,uBAAyBJ,KAAKG,OACtDJ,EAAWG,KAAKE,E,CAGlB,OAAOL,EAAWM,KAAK,I,CAGzB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,GAAIV,KAAKW,aACbJ,EAAA,MAAAE,IAAA,2CAAIG,MAAOZ,KAAKD,e","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+System.register(["./p-d20f4c1d.system.js","./p-f86af20f.system.js"],(function(e){"use strict";var i,r,o,n,t,a,l;return{setters:[function(e){i=e.r;r=e.c;o=e.h;n=e.H},function(e){t=e.P;a=e.a;l=e.m}],execute:function(){var s=':where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font-family:var(--pine-font-family-body), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Roboto", "Ubuntu", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(p){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}';var p=s;var h=":host{--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);--box-shadow-focus-error:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-red-200);--color-text-default:var(--pine-color-grey-950);--color-background-disabled:var(--pine-color-grey-100);--color-border-default:var(--pine-color-grey-400);--color-border-error:var(--pine-color-red-300);--color-border-hover:var(--pine-color-grey-500);--color-disabled-text:var(--pine-color-grey-500);--color-placeholder-text:var(--pine-color-grey-700);--font-size-helper-message:var(--pine-font-size-100);--font-size-input-field:var(--pine-font-size-100);--font-size-label:var(--pine-font-size-100);--font-weight-helper-message:var(--pine-font-weight-normal);--font-weight-input-field:var(--pine-font-weight-normal);--font-weight-label:var(--pine-font-weight-medium);--line-height-label:var(--pine-line-height-150);--line-height-helper-message:var(--pine-line-height-125);--line-height-input-field:var(--pine-line-height-150);--spacing-field-padding-block:var(--pine-spacing-100);--spacing-input-field-padding-inline:var(--pine-spacing-200);--spacing-label-margin-block-end:var(--pine-spacing-100);--spacing-margin-top-helper-message:var(--pine-spacing-100);display:inline}.pds-input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}label{font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);-webkit-margin-after:var(--spacing-label-margin-block-end);margin-block-end:var(--spacing-label-margin-block-end)}input{border:1px solid var(--color-border-default);border-radius:10px;font-size:var(--font-size-input-field);font-weight:var(--font-weight-input-field);line-height:var(--line-height-input-field);padding:var(--spacing-field-padding-block) var(--spacing-input-field-padding-inline);}input:disabled{background-color:var(--color-background-disabled);color:var(--color-disabled-text);cursor:not-allowed}input:hover{border-color:var(--color-border-hover)}input:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}input::-webkit-input-placeholder{color:var(--color-placeholder-text)}input::-moz-placeholder{color:var(--color-placeholder-text)}input::-moz-placeholder{color:var(--color-placeholder-text)}input:-ms-input-placeholder{color:var(--color-placeholder-text)}input:has(~.pds-input__error-message){border-color:var(--color-border-error)}input:has(~.pds-input__error-message):focus-visible{-webkit-box-shadow:var(--box-shadow-focus-error);box-shadow:var(--box-shadow-focus-error);outline:none}.pds-input__error-message,.pds-input__helper-message{font-size:var(--font-size-helper-message);font-weight:var(--font-weight-helper-message);line-height:var(--line-height-helper-message);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:var(--spacing-margin-top-helper-message);margin-block-start:var(--spacing-margin-top-helper-message)}.pds-input__error-message{color:var(--color-error)}";var d=h;var c=e("pds_input",function(){function e(e){var o=this;i(this,e);this.pdsInput=r(this,"pdsInput",7);this.onInputEvent=function(e){var i=e.target;if(i){o.value=i.value||""}o.pdsInput.emit(e)};this.componentId=undefined;this.disabled=undefined;this.errorMessage=undefined;this.helperMessage=undefined;this.invalid=undefined;this.label=undefined;this.name=undefined;this.placeholder=undefined;this.readonly=undefined;this.required=undefined;this.type="text";this.value=undefined}e.prototype.render=function(){return o(n,{key:"784e8ceebc3e9f7af1ca8a36e3e3bb3fb427ff73","aria-disabled":this.disabled?"true":null},o("div",{key:"15e330030f22a3d0d62efef1e67953779ae56993",class:"pds-input"},o(t,{key:"fee1b5fc13968007530c2a4aafcc1179df5bf48a",htmlFor:this.componentId,text:this.label}),o("input",{key:"987006aafd9d6c44478ee50ef10be7305b00d5af",class:"pds-input__field","aria-describedby":a(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,disabled:this.disabled,id:this.componentId,name:this.name,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,type:this.type,value:this.value,onInput:this.onInputEvent}),this.helperMessage&&o("p",{key:"48bf04ec1a4dcc5c29bc7abc6c9a7c7c23dce5e1",class:"pds-input__helper-message",id:l(this.componentId,"helper")},this.helperMessage),this.errorMessage&&o("p",{key:"7dfc00d8f19f0a799f5fcacc1f429b2755bfa8d2",class:"pds-input__error-message",id:l(this.componentId,"error"),"aria-live":"assertive"},this.errorMessage)))};return e}());c.style=p+d}}}));
+//# sourceMappingURL=p-f2550a67.system.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["baseCss","PdsInputStyle0","pdsInputCss","PdsInputStyle1","PdsInput","exports","this","onInputEvent","ev","input","target","_this","value","pdsInput","emit","class_1","prototype","render","h","Host","key","disabled","class","PdsLabel","htmlFor","componentId","text","label","assignDescription","invalid","helperMessage","undefined","id","name","placeholder","readOnly","readonly","required","type","onInput","messageId","errorMessage"],"sources":["src/global/styles/base.scss?tag=pds-input&encapsulation=shadow","src/components/pds-input/pds-input.scss?tag=pds-input&encapsulation=shadow","src/components/pds-input/pds-input.tsx"],"sourcesContent":["// TODO: replace core tokens with semantic\n// Heading color + outline\n\n/*\n  Josh's Custom CSS Reset\n  https://www.joshwcomeau.com/css/custom-css-reset/\n*/\n:where(*:not(slot), *:not(slot)::before, *:not(slot)::after) {\n  box-sizing: border-box;\n}\n\n:where(*:not(slot)) {\n  margin: 0;\n}\n\n:where(img, picture, video, canvas, svg) {\n  display: block;\n  max-width: 100%;\n}\n\n:where(input, button, textarea, select) {\n  font: inherit;\n}\n\n:where(p, h1, h2, h3, h4, h5, h6) {\n  overflow-wrap: break-word;\n}\n\n/*\n  Additional Reset Styles\n*/\n:where(a:not([href]):not([class])) {\n  color: currentColor;\n  text-decoration: none;\n}\n\n:where(a:not([href]):not([class]):hover) {\n  color: currentColor;\n  text-decoration: none;\n}\n\n:where(ul[role='list'], ol[role='list']) {\n  list-style: none;\n}\n\n:where(table) {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\n/*\n  Mercury Base Styles\n*/\n// Typography\n:where(*:not(slot)) {\n  font-family: var(--pine-font-family-body), -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\", sans-serif,\n  \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\n:where(h1, h2, h3, h4, h5, h6) {\n  font-family: var(--pine-font-family-heading);\n  color: var(--pine-color-grey-950);\n}\n\n:where(h1) {\n  font: var(--pine-typography-heading-h1);\n  letter-spacing: var(--pine-letter-spacing-heading-h1);\n}\n\n:where(h2) {\n  font: var(--pine-typography-heading-h2);\n  letter-spacing: var(--pine-letter-spacing-heading-h2);\n}\n\n:where(h3) {\n  font: var(--pine-typography-heading-h3);\n  letter-spacing: var(--pine-letter-spacing-heading-h3);\n}\n\n:where(h4) {\n  font: var(--pine-typography-heading-h4);\n  letter-spacing: var(--pine-letter-spacing-heading-h4);\n}\n\n:where(h5) {\n  font: var(--pine-typography-heading-h5);\n  letter-spacing: var(--pine-letter-spacing-heading-h5);\n}\n\n:where(h6) {\n  font: var(--pine-typography-heading-h6);\n  letter-spacing: var(--pine-letter-spacing-heading-h6);\n}\n\n:where(p) {\n  font: var(--pine-typography-body-md-default);\n  letter-spacing: var(--pine-letter-spacing-body-md);\n}\n\n:where(code, kbd, pre, samp) {\n  font-family: monospace;\n}\n\n// Accessibility\n:where([role=\"button\"]) {\n  cursor: pointer;\n}\n\n:where(:focus) {\n  outline: 0;\n}\n\n:where(:focus-visible) {\n  outline: var(--pine-border-width-thick) solid var(--pine-color-purple-500);\n}\n\n// Misc.\n:where([hidden]) {\n  display: none !important;\n}\n",":host {\n  --box-shadow-focus: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);\n  --box-shadow-focus-error: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-red-200);\n\n  --color-text-default: var(--pine-color-grey-950);\n  --color-background-disabled: var(--pine-color-grey-100);\n  --color-border-default: var(--pine-color-grey-400);\n  --color-border-error: var(--pine-color-red-300);\n  --color-border-hover: var(--pine-color-grey-500);\n  --color-disabled-text: var(--pine-color-grey-500);\n  --color-placeholder-text: var(--pine-color-grey-700);\n\n  --font-size-helper-message: var(--pine-font-size-100);\n  --font-size-input-field: var(--pine-font-size-100);\n  --font-size-label: var(--pine-font-size-100);\n  --font-weight-helper-message: var(--pine-font-weight-normal);\n  --font-weight-input-field: var(--pine-font-weight-normal);\n  --font-weight-label: var(--pine-font-weight-medium);\n\n  --line-height-label: var(--pine-line-height-150);\n  --line-height-helper-message: var(--pine-line-height-125);\n  --line-height-input-field: var(--pine-line-height-150);\n\n  --spacing-field-padding-block: var(--pine-spacing-100);\n  --spacing-input-field-padding-inline: var(--pine-spacing-200);\n  --spacing-label-margin-block-end: var(--pine-spacing-100);\n  --spacing-margin-top-helper-message: var(--pine-spacing-100);\n\n  display: inline;\n}\n\n.pds-input {\n  display: flex;\n  flex-direction: column;\n}\n\nlabel {\n  font-size: var(--font-size-label);\n  font-weight: var(--font-weight-label);\n  line-height: var(--line-height-label);\n  margin-block-end: var(--spacing-label-margin-block-end);\n}\n\ninput {\n  border: 1px solid var(--color-border-default);\n  border-radius: 10px;\n  font-size: var(--font-size-input-field);\n  font-weight: var(--font-weight-input-field);\n  line-height: var(--line-height-input-field);\n  padding: var(--spacing-field-padding-block) var(--spacing-input-field-padding-inline);\n\n  &:disabled {\n    background-color: var(--color-background-disabled);\n    color: var(--color-disabled-text);\n    cursor: not-allowed;\n  }\n\n  &:hover {\n    border-color: var(--color-border-hover);\n  }\n\n  &:focus-visible {\n    box-shadow: var(--box-shadow-focus);\n    outline: none;\n  }\n\n  /* stylelint-disable */\n  &::-webkit-input-placeholder {\n    color: var(--color-placeholder-text);\n  }\n\n  &::-moz-placeholder {\n    color: var(--color-placeholder-text);\n  }\n\n  &::-moz-placeholder {\n    color: var(--color-placeholder-text);\n  }\n\n  &:-ms-input-placeholder {\n    color: var(--color-placeholder-text);\n  }\n\n  &:has(~.pds-input__error-message) {\n    border-color: var(--color-border-error);\n\n    &:focus-visible {\n      box-shadow: var(--box-shadow-focus-error);\n      outline: none;\n    }\n  }\n  /* stylelint-enable */\n}\n\n.pds-input__error-message,\n.pds-input__helper-message {\n  font-size: var(--font-size-helper-message);\n  font-weight: var(--font-weight-helper-message);\n  line-height: var(--line-height-helper-message);\n  margin-block-end: 0;\n  margin-block-start: var(--spacing-margin-top-helper-message);\n}\n\n.pds-input__error-message {\n  color: var(--color-error);\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport { assignDescription, messageId } from '../../utils/form';\nimport { PdsLabel } from '../_internal/pds-label/pds-label';\n\n@Component({\n  tag: 'pds-input',\n  styleUrls: ['../../global/styles/base.scss', 'pds-input.scss'],\n  shadow: true,\n})\nexport class PdsInput {\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Indicates whether or not the input field is disabled.\n   */\n  @Prop() disabled?: boolean;\n\n  /**\n   * Specifies the error message and provides an error-themed treatment to the field.\n   */\n  @Prop() errorMessage?: string;\n\n  /**\n   * Displays a message or hint below the input field.\n   */\n  @Prop() helperMessage?: string;\n\n  /**\n   * Indicates whether or not the input field is invalid or throws an error.\n   */\n  @Prop() invalid?: boolean;\n\n  /**\n   * Text to be displayed as the input label.\n   */\n  @Prop() label?: string;\n\n  /**\n   * Specifies the name. Submitted with the form name/value pair.\n   */\n  @Prop() name?: string;\n\n  /**\n   * Specifies a short hint that describes the expected value of the input field.\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * Indicates whether or not the input field is readonly.\n   */\n  @Prop() readonly?: boolean;\n\n  /**\n   * Indicates whether or not the input field is required.\n   */\n  @Prop() required?: boolean;\n\n  /**\n   * Determines the type of control that will be displayed\n   `'email'`, `'number'`, `'password'`, `'tel'`, `'text'`\n   * @defaultValue \"text\"\n   */\n  @Prop() type = 'text';\n\n  /**\n   * The value of the input.\n   */\n  @Prop({mutable: true}) value?: string;\n\n  /**\n   * Emitted when a keyboard input occurred.\n   */\n  @Event() pdsInput: EventEmitter<InputEvent>;\n\n  private onInputEvent = (ev: Event) => {\n    const input = ev.target as HTMLInputElement | null;\n    if (input) {\n      this.value = input.value || '';\n    }\n    this.pdsInput.emit(ev as InputEvent);\n  };\n\n  render() {\n    return (\n      <Host\n        aria-disabled={this.disabled ? 'true' : null}\n      >\n        <div class=\"pds-input\">\n          <PdsLabel htmlFor={this.componentId} text={this.label} />\n          <input class=\"pds-input__field\"\n            aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n            aria-invalid={this.invalid ? \"true\" : undefined}\n            disabled={this.disabled}\n            id={this.componentId}\n            name={this.name}\n            placeholder={this.placeholder}\n            readOnly={this.readonly}\n            required={this.required}\n            type={this.type}\n            value={this.value}\n            onInput={this.onInputEvent}\n          />\n          {this.helperMessage &&\n            <p\n              class=\"pds-input__helper-message\"\n              id={messageId(this.componentId, 'helper')}\n            >\n              {this.helperMessage}\n            </p>\n          }\n          {this.errorMessage &&\n            <p\n              class=\"pds-input__error-message\"\n              id={messageId(this.componentId, 'error')}\n              aria-live=\"assertive\"\n            >\n              {this.errorMessage}\n            </p>\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"wNAAA,IAAMA,EAAU,s1DAChB,IAAAC,EAAeD,ECDf,IAAME,EAAc,27FACpB,IAAAC,EAAeD,E,ICQFE,EAAQC,EAAA,uB,sEAoEXC,KAAAC,aAAe,SAACC,GACtB,IAAMC,EAAQD,EAAGE,OACjB,GAAID,EAAO,CACTE,EAAKC,MAAQH,EAAMG,OAAS,E,CAE9BD,EAAKE,SAASC,KAAKN,E,mQAjBN,O,qBAoBfO,EAAAC,UAAAC,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2DACYd,KAAKe,SAAW,OAAS,MAExCH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,aACTJ,EAACK,EAAQ,CAAAH,IAAA,2CAACI,QAASlB,KAAKmB,YAAaC,KAAMpB,KAAKqB,QAChDT,EAAA,SAAAE,IAAA,2CAAOE,MAAM,mBAAkB,mBACXM,EAAkBtB,KAAKmB,YAAanB,KAAKuB,QAASvB,KAAKwB,eAAc,eACzExB,KAAKuB,QAAU,OAASE,UACtCV,SAAUf,KAAKe,SACfW,GAAI1B,KAAKmB,YACTQ,KAAM3B,KAAK2B,KACXC,YAAa5B,KAAK4B,YAClBC,SAAU7B,KAAK8B,SACfC,SAAU/B,KAAK+B,SACfC,KAAMhC,KAAKgC,KACX1B,MAAON,KAAKM,MACZ2B,QAASjC,KAAKC,eAEfD,KAAKwB,eACJZ,EAAA,KAAAE,IAAA,2CACEE,MAAM,4BACNU,GAAIQ,EAAUlC,KAAKmB,YAAa,WAE/BnB,KAAKwB,eAGTxB,KAAKmC,cACJvB,EAAA,KAAAE,IAAA,2CACEE,MAAM,2BACNU,GAAIQ,EAAUlC,KAAKmB,YAAa,SAAQ,YAC9B,aAETnB,KAAKmC,e,WA9GC,I","ignoreList":[]}

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

@@ -0,0 +1,9 @@
+System.register(["./p-d20f4c1d.system.js"],(function(t){"use strict";var e,r,i,n,o;return{setters:[function(t){e=t.r;r=t.c;i=t.h;n=t.H;o=t.g}],execute:function(){
+/**!
+             * Sortable 1.15.3
+             * @author	RubaXa   <trash@rubaxa.org>
+             * @author	owenm    <owen23355@gmail.com>
+             * @license MIT
+             */
+function a(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);if(e){i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))}r.push.apply(r,i)}return r}function s(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};if(e%2){a(Object(r),true).forEach((function(e){l(t,e,r[e])}))}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(t,Object.getOwnPropertyDescriptors(r))}else{a(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}}return t}function f(t){"@babel/helpers - typeof";if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){f=function(t){return typeof t}}else{f=function(t){return t&&typeof Symbol==="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t}}return f(t)}function l(t,e,r){if(e in t){Object.defineProperty(t,e,{value:r,enumerable:true,configurable:true,writable:true})}else{t[e]=r}return t}function u(){u=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var i in r){if(Object.prototype.hasOwnProperty.call(r,i)){t[i]=r[i]}}}return t};return u.apply(this,arguments)}function c(t,e){if(t==null)return{};var r={};var i=Object.keys(t);var n,o;for(o=0;o<i.length;o++){n=i[o];if(e.indexOf(n)>=0)continue;r[n]=t[n]}return r}function h(t,e){if(t==null)return{};var r=c(t,e);var i,n;if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(n=0;n<o.length;n++){i=o[n];if(e.indexOf(i)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(t,i))continue;r[i]=t[i]}}return r}var d="1.15.3";function v(t){if(typeof window!=="undefined"&&window.navigator){return!!navigator.userAgent.match(t)}}var p=v(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i);var m=v(/Edge/i);var b=v(/firefox/i);var g=v(/safari/i)&&!v(/chrome/i)&&!v(/android/i);var w=v(/iP(ad|od|hone)/i);var y=v(/chrome/i)&&v(/android/i);var E={capture:false,passive:false};function S(t,e,r){t.addEventListener(e,r,!p&&E)}function x(t,e,r){t.removeEventListener(e,r,!p&&E)}function I(t,e){if(!e)return;e[0]===">"&&(e=e.substring(1));if(t){try{if(t.matches){return t.matches(e)}else if(t.msMatchesSelector){return t.msMatchesSelector(e)}else if(t.webkitMatchesSelector){return t.webkitMatchesSelector(e)}}catch(t){return false}}return false}function M(t){return t.host&&t!==document&&t.host.nodeType?t.host:t.parentNode}function O(t,e,r,i){if(t){r=r||document;do{if(e!=null&&(e[0]===">"?t.parentNode===r&&I(t,e):I(t,e))||i&&t===r){return t}if(t===r)break}while(t=M(t))}return null}var T=/\s+/g;function k(t,e,r){if(t&&e){if(t.classList){t.classList[r?"add":"remove"](e)}else{var i=(" "+t.className+" ").replace(T," ").replace(" "+e+" "," ");t.className=(i+(r?" "+e:"")).replace(T," ")}}}function _(t,e,r){var i=t&&t.style;if(i){if(r===void 0){if(document.defaultView&&document.defaultView.getComputedStyle){r=document.defaultView.getComputedStyle(t,"")}else if(t.currentStyle){r=t.currentStyle}return e===void 0?r:r[e]}else{if(!(e in i)&&e.indexOf("webkit")===-1){e="-webkit-"+e}i[e]=r+(typeof r==="string"?"":"px")}}}function j(t,e){var r="";if(typeof t==="string"){r=t}else{do{var i=_(t,"transform");if(i&&i!=="none"){r=i+" "+r}}while(!e&&(t=t.parentNode))}var n=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return n&&new n(r)}function C(t,e,r){if(t){var i=t.getElementsByTagName(e),n=0,o=i.length;if(r){for(;n<o;n++){r(i[n],n)}}return i}return[]}function D(){var t=document.scrollingElement;if(t){return t}else{return document.documentElement}}function A(t,e,r,i,n){if(!t.getBoundingClientRect&&t!==window)return;var o,a,s,f,l,u,c;if(t!==window&&t.parentNode&&t!==D()){o=t.getBoundingClientRect();a=o.top;s=o.left;f=o.bottom;l=o.right;u=o.height;c=o.width}else{a=0;s=0;f=window.innerHeight;l=window.innerWidth;u=window.innerHeight;c=window.innerWidth}if((e||r)&&t!==window){n=n||t.parentNode;if(!p){do{if(n&&n.getBoundingClientRect&&(_(n,"transform")!=="none"||r&&_(n,"position")!=="static")){var h=n.getBoundingClientRect();a-=h.top+parseInt(_(n,"border-top-width"));s-=h.left+parseInt(_(n,"border-left-width"));f=a+o.height;l=s+o.width;break}}while(n=n.parentNode)}}if(i&&t!==window){var d=j(n||t),v=d&&d.a,m=d&&d.d;if(d){a/=m;s/=v;c/=v;u/=m;f=a+u;l=s+c}}return{top:a,left:s,bottom:f,right:l,width:c,height:u}}function z(t,e,r){var i=U(t,true),n=A(t)[e];while(i){var o=A(i)[r],a=void 0;if(r==="top"||r==="left"){a=n>=o}else{a=n<=o}if(!a)return i;if(i===D())break;i=U(i,false)}return false}function N(t,e,r,i){var n=0,o=0,a=t.children;while(o<a.length){if(a[o].style.display!=="none"&&a[o]!==Kt.ghost&&(i||a[o]!==Kt.dragged)&&O(a[o],r.draggable,t,false)){if(n===e){return a[o]}n++}o++}return null}function F(t,e){var r=t.lastElementChild;while(r&&(r===Kt.ghost||_(r,"display")==="none"||e&&!I(r,e))){r=r.previousElementSibling}return r||null}function P(t,e){var r=0;if(!t||!t.parentNode){return-1}while(t=t.previousElementSibling){if(t.nodeName.toUpperCase()!=="TEMPLATE"&&t!==Kt.clone&&(!e||I(t,e))){r++}}return r}function B(t){var e=0,r=0,i=D();if(t){do{var n=j(t),o=n.a,a=n.d;e+=t.scrollLeft*o;r+=t.scrollTop*a}while(t!==i&&(t=t.parentNode))}return[e,r]}function H(t,e){for(var r in t){if(!t.hasOwnProperty(r))continue;for(var i in e){if(e.hasOwnProperty(i)&&e[i]===t[r][i])return Number(r)}}return-1}function U(t,e){if(!t||!t.getBoundingClientRect)return D();var r=t;var i=false;do{if(r.clientWidth<r.scrollWidth||r.clientHeight<r.scrollHeight){var n=_(r);if(r.clientWidth<r.scrollWidth&&(n.overflowX=="auto"||n.overflowX=="scroll")||r.clientHeight<r.scrollHeight&&(n.overflowY=="auto"||n.overflowY=="scroll")){if(!r.getBoundingClientRect||r===document.body)return D();if(i||e)return r;i=true}}}while(r=r.parentNode);return D()}function G(t,e){if(t&&e){for(var r in e){if(e.hasOwnProperty(r)){t[r]=e[r]}}}return t}function L(t,e){return Math.round(t.top)===Math.round(e.top)&&Math.round(t.left)===Math.round(e.left)&&Math.round(t.height)===Math.round(e.height)&&Math.round(t.width)===Math.round(e.width)}var R;function W(t,e){return function(){if(!R){var r=arguments,i=this;if(r.length===1){t.call(i,r[0])}else{t.apply(i,r)}R=setTimeout((function(){R=void 0}),e)}}}function X(){clearTimeout(R);R=void 0}function Y(t,e,r){t.scrollLeft+=e;t.scrollTop+=r}function V(t){var e=window.Polymer;var r=window.jQuery||window.Zepto;if(e&&e.dom){return e.dom(t).cloneNode(true)}else if(r){return r(t).clone(true)[0]}else{return t.cloneNode(true)}}function Z(t,e,r){var i={};Array.from(t.children).forEach((function(n){var o,a,s,f;if(!O(n,e.draggable,t,false)||n.animated||n===r)return;var l=A(n);i.left=Math.min((o=i.left)!==null&&o!==void 0?o:Infinity,l.left);i.top=Math.min((a=i.top)!==null&&a!==void 0?a:Infinity,l.top);i.right=Math.max((s=i.right)!==null&&s!==void 0?s:-Infinity,l.right);i.bottom=Math.max((f=i.bottom)!==null&&f!==void 0?f:-Infinity,l.bottom)}));i.width=i.right-i.left;i.height=i.bottom-i.top;i.x=i.left;i.y=i.top;return i}var $="Sortable"+(new Date).getTime();function q(){var t=[],e;return{captureAnimationState:function e(){t=[];if(!this.options.animation)return;var r=[].slice.call(this.el.children);r.forEach((function(e){if(_(e,"display")==="none"||e===Kt.ghost)return;t.push({target:e,rect:A(e)});var r=s({},t[t.length-1].rect);if(e.thisAnimationDuration){var i=j(e,true);if(i){r.top-=i.f;r.left-=i.e}}e.fromRect=r}))},addAnimationState:function e(r){t.push(r)},removeAnimationState:function e(r){t.splice(H(t,{target:r}),1)},animateAll:function r(i){var n=this;if(!this.options.animation){clearTimeout(e);if(typeof i==="function")i();return}var o=false,a=0;t.forEach((function(t){var e=0,r=t.target,i=r.fromRect,s=A(r),f=r.prevFromRect,l=r.prevToRect,u=t.rect,c=j(r,true);if(c){s.top-=c.f;s.left-=c.e}r.toRect=s;if(r.thisAnimationDuration){if(L(f,s)&&!L(i,s)&&(u.top-s.top)/(u.left-s.left)===(i.top-s.top)/(i.left-s.left)){e=K(u,f,l,n.options)}}if(!L(s,i)){r.prevFromRect=i;r.prevToRect=s;if(!e){e=n.options.animation}n.animate(r,u,s,e)}if(e){o=true;a=Math.max(a,e);clearTimeout(r.animationResetTimer);r.animationResetTimer=setTimeout((function(){r.animationTime=0;r.prevFromRect=null;r.fromRect=null;r.prevToRect=null;r.thisAnimationDuration=null}),e);r.thisAnimationDuration=e}}));clearTimeout(e);if(!o){if(typeof i==="function")i()}else{e=setTimeout((function(){if(typeof i==="function")i()}),a)}t=[]},animate:function t(e,r,i,n){if(n){_(e,"transition","");_(e,"transform","");var o=j(this.el),a=o&&o.a,s=o&&o.d,f=(r.left-i.left)/(a||1),l=(r.top-i.top)/(s||1);e.animatingX=!!f;e.animatingY=!!l;_(e,"transform","translate3d("+f+"px,"+l+"px,0)");this.forRepaintDummy=J(e);_(e,"transition","transform "+n+"ms"+(this.options.easing?" "+this.options.easing:""));_(e,"transform","translate3d(0,0,0)");typeof e.animated==="number"&&clearTimeout(e.animated);e.animated=setTimeout((function(){_(e,"transition","");_(e,"transform","");e.animated=false;e.animatingX=false;e.animatingY=false}),n)}}}}function J(t){return t.offsetWidth}function K(t,e,r,i){return Math.sqrt(Math.pow(e.top-t.top,2)+Math.pow(e.left-t.left,2))/Math.sqrt(Math.pow(e.top-r.top,2)+Math.pow(e.left-r.left,2))*i.animation}var Q=[];var tt={initializeByDefault:true};var et={mount:function t(e){for(var r in tt){if(tt.hasOwnProperty(r)&&!(r in e)){e[r]=tt[r]}}Q.forEach((function(t){if(t.pluginName===e.pluginName){throw"Sortable: Cannot mount plugin ".concat(e.pluginName," more than once")}}));Q.push(e)},pluginEvent:function t(e,r,i){var n=this;this.eventCanceled=false;i.cancel=function(){n.eventCanceled=true};var o=e+"Global";Q.forEach((function(t){if(!r[t.pluginName])return;if(r[t.pluginName][o]){r[t.pluginName][o](s({sortable:r},i))}if(r.options[t.pluginName]&&r[t.pluginName][e]){r[t.pluginName][e](s({sortable:r},i))}}))},initializePlugins:function t(e,r,i,n){Q.forEach((function(t){var n=t.pluginName;if(!e.options[n]&&!t.initializeByDefault)return;var o=new t(e,r,e.options);o.sortable=e;o.options=e.options;e[n]=o;u(i,o.defaults)}));for(var o in e.options){if(!e.options.hasOwnProperty(o))continue;var a=this.modifyOption(e,o,e.options[o]);if(typeof a!=="undefined"){e.options[o]=a}}},getEventProperties:function t(e,r){var i={};Q.forEach((function(t){if(typeof t.eventProperties!=="function")return;u(i,t.eventProperties.call(r[t.pluginName],e))}));return i},modifyOption:function t(e,r,i){var n;Q.forEach((function(t){if(!e[t.pluginName])return;if(t.optionListeners&&typeof t.optionListeners[r]==="function"){n=t.optionListeners[r].call(e[t.pluginName],i)}}));return n}};function rt(t){var e=t.sortable,r=t.rootEl,i=t.name,n=t.targetEl,o=t.cloneEl,a=t.toEl,f=t.fromEl,l=t.oldIndex,u=t.newIndex,c=t.oldDraggableIndex,h=t.newDraggableIndex,d=t.originalEvent,v=t.putSortable,b=t.extraEventProperties;e=e||r&&r[$];if(!e)return;var g,w=e.options,y="on"+i.charAt(0).toUpperCase()+i.substr(1);if(window.CustomEvent&&!p&&!m){g=new CustomEvent(i,{bubbles:true,cancelable:true})}else{g=document.createEvent("Event");g.initEvent(i,true,true)}g.to=a||r;g.from=f||r;g.item=n||r;g.clone=o;g.oldIndex=l;g.newIndex=u;g.oldDraggableIndex=c;g.newDraggableIndex=h;g.originalEvent=d;g.pullMode=v?v.lastPutMode:undefined;var E=s(s({},b),et.getEventProperties(i,e));for(var S in E){g[S]=E[S]}if(r){r.dispatchEvent(g)}if(w[y]){w[y].call(e,g)}}var it=["evt"];var nt=function t(e,r){var i=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{},n=i.evt,o=h(i,it);et.pluginEvent.bind(Kt)(e,r,s({dragEl:at,parentEl:st,ghostEl:ft,rootEl:lt,nextEl:ut,lastDownEl:ct,cloneEl:ht,cloneHidden:dt,dragStarted:_t,putSortable:wt,activeSortable:Kt.active,originalEvent:n,oldIndex:vt,oldDraggableIndex:mt,newIndex:pt,newDraggableIndex:bt,hideGhostForTarget:Zt,unhideGhostForTarget:$t,cloneNowHidden:function t(){dt=true},cloneNowShown:function t(){dt=false},dispatchSortableEvent:function t(e){ot({sortable:r,name:e,originalEvent:n})}},o))};function ot(t){rt(s({putSortable:wt,cloneEl:ht,targetEl:at,rootEl:lt,oldIndex:vt,oldDraggableIndex:mt,newIndex:pt,newDraggableIndex:bt},t))}var at,st,ft,lt,ut,ct,ht,dt,vt,pt,mt,bt,gt,wt,yt=false,Et=false,St=[],xt,It,Mt,Ot,Tt,kt,_t,jt,Ct,Dt=false,At=false,zt,Nt,Ft=[],Pt=false,Bt=[];var Ht=typeof document!=="undefined",Ut=w,Gt=m||p?"cssFloat":"float",Lt=Ht&&!y&&!w&&"draggable"in document.createElement("div"),Rt=function(){if(!Ht)return;if(p){return false}var t=document.createElement("x");t.style.cssText="pointer-events:auto";return t.style.pointerEvents==="auto"}(),Wt=function t(e,r){var i=_(e),n=parseInt(i.width)-parseInt(i.paddingLeft)-parseInt(i.paddingRight)-parseInt(i.borderLeftWidth)-parseInt(i.borderRightWidth),o=N(e,0,r),a=N(e,1,r),s=o&&_(o),f=a&&_(a),l=s&&parseInt(s.marginLeft)+parseInt(s.marginRight)+A(o).width,u=f&&parseInt(f.marginLeft)+parseInt(f.marginRight)+A(a).width;if(i.display==="flex"){return i.flexDirection==="column"||i.flexDirection==="column-reverse"?"vertical":"horizontal"}if(i.display==="grid"){return i.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal"}if(o&&s["float"]&&s["float"]!=="none"){var c=s["float"]==="left"?"left":"right";return a&&(f.clear==="both"||f.clear===c)?"vertical":"horizontal"}return o&&(s.display==="block"||s.display==="flex"||s.display==="table"||s.display==="grid"||l>=n&&i[Gt]==="none"||a&&i[Gt]==="none"&&l+u>n)?"vertical":"horizontal"},Xt=function t(e,r,i){var n=i?e.left:e.top,o=i?e.right:e.bottom,a=i?e.width:e.height,s=i?r.left:r.top,f=i?r.right:r.bottom,l=i?r.width:r.height;return n===s||o===f||n+a/2===s+l/2},Yt=function t(e,r){var i;St.some((function(t){var n=t[$].options.emptyInsertThreshold;if(!n||F(t))return;var o=A(t),a=e>=o.left-n&&e<=o.right+n,s=r>=o.top-n&&r<=o.bottom+n;if(a&&s){return i=t}}));return i},Vt=function t(e){function r(t,e){return function(i,n,o,a){var s=i.options.group.name&&n.options.group.name&&i.options.group.name===n.options.group.name;if(t==null&&(e||s)){return true}else if(t==null||t===false){return false}else if(e&&t==="clone"){return t}else if(typeof t==="function"){return r(t(i,n,o,a),e)(i,n,o,a)}else{var f=(e?i:n).options.group.name;return t===true||typeof t==="string"&&t===f||t.join&&t.indexOf(f)>-1}}}var i={};var n=e.group;if(!n||f(n)!="object"){n={name:n}}i.name=n.name;i.checkPull=r(n.pull,true);i.checkPut=r(n.put);i.revertClone=n.revertClone;e.group=i},Zt=function t(){if(!Rt&&ft){_(ft,"display","none")}},$t=function t(){if(!Rt&&ft){_(ft,"display","")}};if(Ht&&!y){document.addEventListener("click",(function(t){if(Et){t.preventDefault();t.stopPropagation&&t.stopPropagation();t.stopImmediatePropagation&&t.stopImmediatePropagation();Et=false;return false}}),true)}var qt=function t(e){if(at){e=e.touches?e.touches[0]:e;var r=Yt(e.clientX,e.clientY);if(r){var i={};for(var n in e){if(e.hasOwnProperty(n)){i[n]=e[n]}}i.target=i.rootEl=r;i.preventDefault=void 0;i.stopPropagation=void 0;r[$]._onDragOver(i)}}};var Jt=function t(e){if(at){at.parentNode[$]._isOutsideThisEl(e.target)}};function Kt(t,e){if(!(t&&t.nodeType&&t.nodeType===1)){throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t))}this.el=t;this.options=e=u({},e);t[$]=this;var r={group:null,sort:true,disabled:false,store:null,handle:null,draggable:/^[uo]l$/i.test(t.nodeName)?">li":">*",swapThreshold:1,invertSwap:false,invertedSwapThreshold:null,removeCloneOnHide:true,direction:function e(){return Wt(t,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:true,animation:0,easing:null,setData:function t(e,r){e.setData("Text",r.textContent)},dropBubble:false,dragoverBubble:false,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:false,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:false,fallbackClass:"sortable-fallback",fallbackOnBody:false,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:Kt.supportPointer!==false&&"PointerEvent"in window&&!g,emptyInsertThreshold:5};et.initializePlugins(this,t,r);for(var i in r){!(i in e)&&(e[i]=r[i])}Vt(e);for(var n in this){if(n.charAt(0)==="_"&&typeof this[n]==="function"){this[n]=this[n].bind(this)}}this.nativeDraggable=e.forceFallback?false:Lt;if(this.nativeDraggable){this.options.touchStartThreshold=1}if(e.supportPointer){S(t,"pointerdown",this._onTapStart)}else{S(t,"mousedown",this._onTapStart);S(t,"touchstart",this._onTapStart)}if(this.nativeDraggable){S(t,"dragover",this);S(t,"dragenter",this)}St.push(this.el);e.store&&e.store.get&&this.sort(e.store.get(this)||[]);u(this,q())}Kt.prototype={constructor:Kt,_isOutsideThisEl:function t(e){if(!this.el.contains(e)&&e!==this.el){jt=null}},_getDirection:function t(e,r){return typeof this.options.direction==="function"?this.options.direction.call(this,e,r,at):this.options.direction},_onTapStart:function t(e){if(!e.cancelable)return;var r=this,i=this.el,n=this.options,o=n.preventOnFilter,a=e.type,s=e.touches&&e.touches[0]||e.pointerType&&e.pointerType==="touch"&&e,f=(s||e).target,l=e.target.shadowRoot&&(e.path&&e.path[0]||e.composedPath&&e.composedPath()[0])||f,u=n.filter;fe(i);if(at){return}if(/mousedown|pointerdown/.test(a)&&e.button!==0||n.disabled){return}if(l.isContentEditable){return}if(!this.nativeDraggable&&g&&f&&f.tagName.toUpperCase()==="SELECT"){return}f=O(f,n.draggable,i,false);if(f&&f.animated){return}if(ct===f){return}vt=P(f);mt=P(f,n.draggable);if(typeof u==="function"){if(u.call(this,e,f,this)){ot({sortable:r,rootEl:l,name:"filter",targetEl:f,toEl:i,fromEl:i});nt("filter",r,{evt:e});o&&e.cancelable&&e.preventDefault();return}}else if(u){u=u.split(",").some((function(t){t=O(l,t.trim(),i,false);if(t){ot({sortable:r,rootEl:t,name:"filter",targetEl:f,fromEl:i,toEl:i});nt("filter",r,{evt:e});return true}}));if(u){o&&e.cancelable&&e.preventDefault();return}}if(n.handle&&!O(l,n.handle,i,false)){return}this._prepareDragStart(e,s,f)},_prepareDragStart:function t(e,r,i){var n=this,o=n.el,a=n.options,s=o.ownerDocument,f;if(i&&!at&&i.parentNode===o){var l=A(i);lt=o;at=i;st=at.parentNode;ut=at.nextSibling;ct=i;gt=a.group;Kt.dragged=at;xt={target:at,clientX:(r||e).clientX,clientY:(r||e).clientY};Tt=xt.clientX-l.left;kt=xt.clientY-l.top;this._lastX=(r||e).clientX;this._lastY=(r||e).clientY;at.style["will-change"]="all";f=function t(){nt("delayEnded",n,{evt:e});if(Kt.eventCanceled){n._onDrop();return}n._disableDelayedDragEvents();if(!b&&n.nativeDraggable){at.draggable=true}n._triggerDragStart(e,r);ot({sortable:n,name:"choose",originalEvent:e});k(at,a.chosenClass,true)};a.ignore.split(",").forEach((function(t){C(at,t.trim(),ee)}));S(s,"dragover",qt);S(s,"mousemove",qt);S(s,"touchmove",qt);S(s,"mouseup",n._onDrop);S(s,"touchend",n._onDrop);S(s,"touchcancel",n._onDrop);if(b&&this.nativeDraggable){this.options.touchStartThreshold=4;at.draggable=true}nt("delayStart",this,{evt:e});if(a.delay&&(!a.delayOnTouchOnly||r)&&(!this.nativeDraggable||!(m||p))){if(Kt.eventCanceled){this._onDrop();return}S(s,"mouseup",n._disableDelayedDrag);S(s,"touchend",n._disableDelayedDrag);S(s,"touchcancel",n._disableDelayedDrag);S(s,"mousemove",n._delayedDragTouchMoveHandler);S(s,"touchmove",n._delayedDragTouchMoveHandler);a.supportPointer&&S(s,"pointermove",n._delayedDragTouchMoveHandler);n._dragStartTimer=setTimeout(f,a.delay)}else{f()}}},_delayedDragTouchMoveHandler:function t(e){var r=e.touches?e.touches[0]:e;if(Math.max(Math.abs(r.clientX-this._lastX),Math.abs(r.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))){this._disableDelayedDrag()}},_disableDelayedDrag:function t(){at&&ee(at);clearTimeout(this._dragStartTimer);this._disableDelayedDragEvents()},_disableDelayedDragEvents:function t(){var e=this.el.ownerDocument;x(e,"mouseup",this._disableDelayedDrag);x(e,"touchend",this._disableDelayedDrag);x(e,"touchcancel",this._disableDelayedDrag);x(e,"mousemove",this._delayedDragTouchMoveHandler);x(e,"touchmove",this._delayedDragTouchMoveHandler);x(e,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function t(e,r){r=r||e.pointerType=="touch"&&e;if(!this.nativeDraggable||r){if(this.options.supportPointer){S(document,"pointermove",this._onTouchMove)}else if(r){S(document,"touchmove",this._onTouchMove)}else{S(document,"mousemove",this._onTouchMove)}}else{S(at,"dragend",this);S(lt,"dragstart",this._onDragStart)}try{if(document.selection){le((function(){document.selection.empty()}))}else{window.getSelection().removeAllRanges()}}catch(t){}},_dragStarted:function t(e,r){yt=false;if(lt&&at){nt("dragStarted",this,{evt:r});if(this.nativeDraggable){S(document,"dragover",Jt)}var i=this.options;!e&&k(at,i.dragClass,false);k(at,i.ghostClass,true);Kt.active=this;e&&this._appendGhost();ot({sortable:this,name:"start",originalEvent:r})}else{this._nulling()}},_emulateDragOver:function t(){if(It){this._lastX=It.clientX;this._lastY=It.clientY;Zt();var e=document.elementFromPoint(It.clientX,It.clientY);var r=e;while(e&&e.shadowRoot){e=e.shadowRoot.elementFromPoint(It.clientX,It.clientY);if(e===r)break;r=e}at.parentNode[$]._isOutsideThisEl(e);if(r){do{if(r[$]){var i=void 0;i=r[$]._onDragOver({clientX:It.clientX,clientY:It.clientY,target:e,rootEl:r});if(i&&!this.options.dragoverBubble){break}}e=r}while(r=M(r))}$t()}},_onTouchMove:function t(e){if(xt){var r=this.options,i=r.fallbackTolerance,n=r.fallbackOffset,o=e.touches?e.touches[0]:e,a=ft&&j(ft,true),s=ft&&a&&a.a,f=ft&&a&&a.d,l=Ut&&Nt&&B(Nt),u=(o.clientX-xt.clientX+n.x)/(s||1)+(l?l[0]-Ft[0]:0)/(s||1),c=(o.clientY-xt.clientY+n.y)/(f||1)+(l?l[1]-Ft[1]:0)/(f||1);if(!Kt.active&&!yt){if(i&&Math.max(Math.abs(o.clientX-this._lastX),Math.abs(o.clientY-this._lastY))<i){return}this._onDragStart(e,true)}if(ft){if(a){a.e+=u-(Mt||0);a.f+=c-(Ot||0)}else{a={a:1,b:0,c:0,d:1,e:u,f:c}}var h="matrix(".concat(a.a,",").concat(a.b,",").concat(a.c,",").concat(a.d,",").concat(a.e,",").concat(a.f,")");_(ft,"webkitTransform",h);_(ft,"mozTransform",h);_(ft,"msTransform",h);_(ft,"transform",h);Mt=u;Ot=c;It=o}e.cancelable&&e.preventDefault()}},_appendGhost:function t(){if(!ft){var e=this.options.fallbackOnBody?document.body:lt,r=A(at,true,Ut,true,e),i=this.options;if(Ut){Nt=e;while(_(Nt,"position")==="static"&&_(Nt,"transform")==="none"&&Nt!==document){Nt=Nt.parentNode}if(Nt!==document.body&&Nt!==document.documentElement){if(Nt===document)Nt=D();r.top+=Nt.scrollTop;r.left+=Nt.scrollLeft}else{Nt=D()}Ft=B(Nt)}ft=at.cloneNode(true);k(ft,i.ghostClass,false);k(ft,i.fallbackClass,true);k(ft,i.dragClass,true);_(ft,"transition","");_(ft,"transform","");_(ft,"box-sizing","border-box");_(ft,"margin",0);_(ft,"top",r.top);_(ft,"left",r.left);_(ft,"width",r.width);_(ft,"height",r.height);_(ft,"opacity","0.8");_(ft,"position",Ut?"absolute":"fixed");_(ft,"zIndex","100000");_(ft,"pointerEvents","none");Kt.ghost=ft;e.appendChild(ft);_(ft,"transform-origin",Tt/parseInt(ft.style.width)*100+"% "+kt/parseInt(ft.style.height)*100+"%")}},_onDragStart:function t(e,r){var i=this;var n=e.dataTransfer;var o=i.options;nt("dragStart",this,{evt:e});if(Kt.eventCanceled){this._onDrop();return}nt("setupClone",this);if(!Kt.eventCanceled){ht=V(at);ht.removeAttribute("id");ht.draggable=false;ht.style["will-change"]="";this._hideClone();k(ht,this.options.chosenClass,false);Kt.clone=ht}i.cloneId=le((function(){nt("clone",i);if(Kt.eventCanceled)return;if(!i.options.removeCloneOnHide){lt.insertBefore(ht,at)}i._hideClone();ot({sortable:i,name:"clone"})}));!r&&k(at,o.dragClass,true);if(r){Et=true;i._loopId=setInterval(i._emulateDragOver,50)}else{x(document,"mouseup",i._onDrop);x(document,"touchend",i._onDrop);x(document,"touchcancel",i._onDrop);if(n){n.effectAllowed="move";o.setData&&o.setData.call(i,n,at)}S(document,"drop",i);_(at,"transform","translateZ(0)")}yt=true;i._dragStartId=le(i._dragStarted.bind(i,r,e));S(document,"selectstart",i);_t=true;if(g){_(document.body,"user-select","none")}},_onDragOver:function t(e){var r=this.el,i=e.target,n,o,a,f=this.options,l=f.group,u=Kt.active,c=gt===l,h=f.sort,d=wt||u,v,p=this,m=false;if(Pt)return;function b(t,f){nt(t,p,s({evt:e,isOwner:c,axis:v?"vertical":"horizontal",revert:a,dragRect:n,targetRect:o,canSort:h,fromSortable:d,target:i,completed:w,onMove:function t(i,o){return te(lt,r,at,n,i,A(i),e,o)},changed:y},f))}function g(){b("dragOverAnimationCapture");p.captureAnimationState();if(p!==d){d.captureAnimationState()}}function w(t){b("dragOverCompleted",{insertion:t});if(t){if(c){u._hideClone()}else{u._showClone(p)}if(p!==d){k(at,wt?wt.options.ghostClass:u.options.ghostClass,false);k(at,f.ghostClass,true)}if(wt!==p&&p!==Kt.active){wt=p}else if(p===Kt.active&&wt){wt=null}if(d===p){p._ignoreWhileAnimating=i}p.animateAll((function(){b("dragOverAnimationComplete");p._ignoreWhileAnimating=null}));if(p!==d){d.animateAll();d._ignoreWhileAnimating=null}}if(i===at&&!at.animated||i===r&&!i.animated){jt=null}if(!f.dragoverBubble&&!e.rootEl&&i!==document){at.parentNode[$]._isOutsideThisEl(e.target);!t&&qt(e)}!f.dragoverBubble&&e.stopPropagation&&e.stopPropagation();return m=true}function y(){pt=P(at);bt=P(at,f.draggable);ot({sortable:p,name:"change",toEl:r,newIndex:pt,newDraggableIndex:bt,originalEvent:e})}if(e.preventDefault!==void 0){e.cancelable&&e.preventDefault()}i=O(i,f.draggable,r,true);b("dragOver");if(Kt.eventCanceled)return m;if(at.contains(e.target)||i.animated&&i.animatingX&&i.animatingY||p._ignoreWhileAnimating===i){return w(false)}Et=false;if(u&&!f.disabled&&(c?h||(a=st!==lt):wt===this||(this.lastPutMode=gt.checkPull(this,u,at,e))&&l.checkPut(this,u,at,e))){v=this._getDirection(e,i)==="vertical";n=A(at);b("dragOverValid");if(Kt.eventCanceled)return m;if(a){st=lt;g();this._hideClone();b("revert");if(!Kt.eventCanceled){if(ut){lt.insertBefore(at,ut)}else{lt.appendChild(at)}}return w(true)}var E=F(r,f.draggable);if(!E||ne(e,v,this)&&!E.animated){if(E===at){return w(false)}if(E&&r===e.target){i=E}if(i){o=A(i)}if(te(lt,r,at,n,i,o,e,!!i)!==false){g();if(E&&E.nextSibling){r.insertBefore(at,E.nextSibling)}else{r.appendChild(at)}st=r;y();return w(true)}}else if(E&&ie(e,v,this)){var S=N(r,0,f,true);if(S===at){return w(false)}i=S;o=A(i);if(te(lt,r,at,n,i,o,e,false)!==false){g();r.insertBefore(at,S);st=r;y();return w(true)}}else if(i.parentNode===r){o=A(i);var x=0,I,M=at.parentNode!==r,T=!Xt(at.animated&&at.toRect||n,i.animated&&i.toRect||o,v),j=v?"top":"left",C=z(i,"top","top")||z(at,"top","top"),D=C?C.scrollTop:void 0;if(jt!==i){I=o[j];Dt=false;At=!T&&f.invertSwap||M}x=oe(e,i,o,v,T?1:f.swapThreshold,f.invertedSwapThreshold==null?f.swapThreshold:f.invertedSwapThreshold,At,jt===i);var B;if(x!==0){var H=P(at);do{H-=x;B=st.children[H]}while(B&&(_(B,"display")==="none"||B===ft))}if(x===0||B===i){return w(false)}jt=i;Ct=x;var U=i.nextElementSibling,G=false;G=x===1;var L=te(lt,r,at,n,i,o,e,G);if(L!==false){if(L===1||L===-1){G=L===1}Pt=true;setTimeout(re,30);g();if(G&&!U){r.appendChild(at)}else{i.parentNode.insertBefore(at,G?U:i)}if(C){Y(C,0,D-C.scrollTop)}st=at.parentNode;if(I!==undefined&&!At){zt=Math.abs(I-A(i)[j])}y();return w(true)}}if(r.contains(at)){return w(false)}}return false},_ignoreWhileAnimating:null,_offMoveEvents:function t(){x(document,"mousemove",this._onTouchMove);x(document,"touchmove",this._onTouchMove);x(document,"pointermove",this._onTouchMove);x(document,"dragover",qt);x(document,"mousemove",qt);x(document,"touchmove",qt)},_offUpEvents:function t(){var e=this.el.ownerDocument;x(e,"mouseup",this._onDrop);x(e,"touchend",this._onDrop);x(e,"pointerup",this._onDrop);x(e,"touchcancel",this._onDrop);x(document,"selectstart",this)},_onDrop:function t(e){var r=this.el,i=this.options;pt=P(at);bt=P(at,i.draggable);nt("drop",this,{evt:e});st=at&&at.parentNode;pt=P(at);bt=P(at,i.draggable);if(Kt.eventCanceled){this._nulling();return}yt=false;At=false;Dt=false;clearInterval(this._loopId);clearTimeout(this._dragStartTimer);ue(this.cloneId);ue(this._dragStartId);if(this.nativeDraggable){x(document,"drop",this);x(r,"dragstart",this._onDragStart)}this._offMoveEvents();this._offUpEvents();if(g){_(document.body,"user-select","")}_(at,"transform","");if(e){if(_t){e.cancelable&&e.preventDefault();!i.dropBubble&&e.stopPropagation()}ft&&ft.parentNode&&ft.parentNode.removeChild(ft);if(lt===st||wt&&wt.lastPutMode!=="clone"){ht&&ht.parentNode&&ht.parentNode.removeChild(ht)}if(at){if(this.nativeDraggable){x(at,"dragend",this)}ee(at);at.style["will-change"]="";if(_t&&!yt){k(at,wt?wt.options.ghostClass:this.options.ghostClass,false)}k(at,this.options.chosenClass,false);ot({sortable:this,name:"unchoose",toEl:st,newIndex:null,newDraggableIndex:null,originalEvent:e});if(lt!==st){if(pt>=0){ot({rootEl:st,name:"add",toEl:st,fromEl:lt,originalEvent:e});ot({sortable:this,name:"remove",toEl:st,originalEvent:e});ot({rootEl:st,name:"sort",toEl:st,fromEl:lt,originalEvent:e});ot({sortable:this,name:"sort",toEl:st,originalEvent:e})}wt&&wt.save()}else{if(pt!==vt){if(pt>=0){ot({sortable:this,name:"update",toEl:st,originalEvent:e});ot({sortable:this,name:"sort",toEl:st,originalEvent:e})}}}if(Kt.active){if(pt==null||pt===-1){pt=vt;bt=mt}ot({sortable:this,name:"end",toEl:st,originalEvent:e});this.save()}}}this._nulling()},_nulling:function t(){nt("nulling",this);lt=at=st=ft=ut=ht=ct=dt=xt=It=_t=pt=bt=vt=mt=jt=Ct=wt=gt=Kt.dragged=Kt.ghost=Kt.clone=Kt.active=null;Bt.forEach((function(t){t.checked=true}));Bt.length=Mt=Ot=0},handleEvent:function t(e){switch(e.type){case"drop":case"dragend":this._onDrop(e);break;case"dragenter":case"dragover":if(at){this._onDragOver(e);Qt(e)}break;case"selectstart":e.preventDefault();break}},toArray:function t(){var e=[],r,i=this.el.children,n=0,o=i.length,a=this.options;for(;n<o;n++){r=i[n];if(O(r,a.draggable,this.el,false)){e.push(r.getAttribute(a.dataIdAttr)||se(r))}}return e},sort:function t(e,r){var i={},n=this.el;this.toArray().forEach((function(t,e){var r=n.children[e];if(O(r,this.options.draggable,n,false)){i[t]=r}}),this);r&&this.captureAnimationState();e.forEach((function(t){if(i[t]){n.removeChild(i[t]);n.appendChild(i[t])}}));r&&this.animateAll()},save:function t(){var e=this.options.store;e&&e.set&&e.set(this)},closest:function t(e,r){return O(e,r||this.options.draggable,this.el,false)},option:function t(e,r){var i=this.options;if(r===void 0){return i[e]}else{var n=et.modifyOption(this,e,r);if(typeof n!=="undefined"){i[e]=n}else{i[e]=r}if(e==="group"){Vt(i)}}},destroy:function t(){nt("destroy",this);var e=this.el;e[$]=null;x(e,"mousedown",this._onTapStart);x(e,"touchstart",this._onTapStart);x(e,"pointerdown",this._onTapStart);if(this.nativeDraggable){x(e,"dragover",this);x(e,"dragenter",this)}Array.prototype.forEach.call(e.querySelectorAll("[draggable]"),(function(t){t.removeAttribute("draggable")}));this._onDrop();this._disableDelayedDragEvents();St.splice(St.indexOf(this.el),1);this.el=e=null},_hideClone:function t(){if(!dt){nt("hideClone",this);if(Kt.eventCanceled)return;_(ht,"display","none");if(this.options.removeCloneOnHide&&ht.parentNode){ht.parentNode.removeChild(ht)}dt=true}},_showClone:function t(e){if(e.lastPutMode!=="clone"){this._hideClone();return}if(dt){nt("showClone",this);if(Kt.eventCanceled)return;if(at.parentNode==lt&&!this.options.group.revertClone){lt.insertBefore(ht,at)}else if(ut){lt.insertBefore(ht,ut)}else{lt.appendChild(ht)}if(this.options.group.revertClone){this.animate(at,ht)}_(ht,"display","");dt=false}}};function Qt(t){if(t.dataTransfer){t.dataTransfer.dropEffect="move"}t.cancelable&&t.preventDefault()}function te(t,e,r,i,n,o,a,s){var f,l=t[$],u=l.options.onMove,c;if(window.CustomEvent&&!p&&!m){f=new CustomEvent("move",{bubbles:true,cancelable:true})}else{f=document.createEvent("Event");f.initEvent("move",true,true)}f.to=e;f.from=t;f.dragged=r;f.draggedRect=i;f.related=n||e;f.relatedRect=o||A(e);f.willInsertAfter=s;f.originalEvent=a;t.dispatchEvent(f);if(u){c=u.call(l,f,a)}return c}function ee(t){t.draggable=false}function re(){Pt=false}function ie(t,e,r){var i=A(N(r.el,0,r.options,true));var n=Z(r.el,r.options,ft);var o=10;return e?t.clientX<n.left-o||t.clientY<i.top&&t.clientX<i.right:t.clientY<n.top-o||t.clientY<i.bottom&&t.clientX<i.left}function ne(t,e,r){var i=A(F(r.el,r.options.draggable));var n=Z(r.el,r.options,ft);var o=10;return e?t.clientX>n.right+o||t.clientY>i.bottom&&t.clientX>i.left:t.clientY>n.bottom+o||t.clientX>i.right&&t.clientY>i.top}function oe(t,e,r,i,n,o,a,s){var f=i?t.clientY:t.clientX,l=i?r.height:r.width,u=i?r.top:r.left,c=i?r.bottom:r.right,h=false;if(!a){if(s&&zt<l*n){if(!Dt&&(Ct===1?f>u+l*o/2:f<c-l*o/2)){Dt=true}if(!Dt){if(Ct===1?f<u+zt:f>c-zt){return-Ct}}else{h=true}}else{if(f>u+l*(1-n)/2&&f<c-l*(1-n)/2){return ae(e)}}}h=h||a;if(h){if(f<u+l*o/2||f>c-l*o/2){return f>u+l/2?1:-1}}return 0}function ae(t){if(P(at)<P(t)){return 1}else{return-1}}function se(t){var e=t.tagName+t.className+t.src+t.href+t.textContent,r=e.length,i=0;while(r--){i+=e.charCodeAt(r)}return i.toString(36)}function fe(t){Bt.length=0;var e=t.getElementsByTagName("input");var r=e.length;while(r--){var i=e[r];i.checked&&Bt.push(i)}}function le(t){return setTimeout(t,0)}function ue(t){return clearTimeout(t)}if(Ht){S(document,"touchmove",(function(t){if((Kt.active||yt)&&t.cancelable){t.preventDefault()}}))}Kt.utils={on:S,off:x,css:_,find:C,is:function t(e,r){return!!O(e,r,e,false)},extend:G,throttle:W,closest:O,toggleClass:k,clone:V,index:P,nextTick:le,cancelNextTick:ue,detectDirection:Wt,getChild:N,expando:$};Kt.get=function(t){return t[$]};Kt.mount=function(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++){e[r]=arguments[r]}if(e[0].constructor===Array)e=e[0];e.forEach((function(t){if(!t.prototype||!t.prototype.constructor){throw"Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(t))}if(t.utils)Kt.utils=s(s({},Kt.utils),t.utils);et.mount(t)}))};Kt.create=function(t,e){return new Kt(t,e)};Kt.version=d;var ce=[],he,de,ve=false,pe,me,be,ge;function we(){function t(){this.defaults={scroll:true,forceAutoScrollFallback:false,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:true};for(var t in this){if(t.charAt(0)==="_"&&typeof this[t]==="function"){this[t]=this[t].bind(this)}}}t.prototype={dragStarted:function t(e){var r=e.originalEvent;if(this.sortable.nativeDraggable){S(document,"dragover",this._handleAutoScroll)}else{if(this.options.supportPointer){S(document,"pointermove",this._handleFallbackAutoScroll)}else if(r.touches){S(document,"touchmove",this._handleFallbackAutoScroll)}else{S(document,"mousemove",this._handleFallbackAutoScroll)}}},dragOverCompleted:function t(e){var r=e.originalEvent;if(!this.options.dragOverBubble&&!r.rootEl){this._handleAutoScroll(r)}},drop:function t(){if(this.sortable.nativeDraggable){x(document,"dragover",this._handleAutoScroll)}else{x(document,"pointermove",this._handleFallbackAutoScroll);x(document,"touchmove",this._handleFallbackAutoScroll);x(document,"mousemove",this._handleFallbackAutoScroll)}Ee();ye();X()},nulling:function t(){be=de=he=ve=ge=pe=me=null;ce.length=0},_handleFallbackAutoScroll:function t(e){this._handleAutoScroll(e,true)},_handleAutoScroll:function t(e,r){var i=this;var n=(e.touches?e.touches[0]:e).clientX,o=(e.touches?e.touches[0]:e).clientY,a=document.elementFromPoint(n,o);be=e;if(r||this.options.forceAutoScrollFallback||m||p||g){Se(e,this.options,a,r);var s=U(a,true);if(ve&&(!ge||n!==pe||o!==me)){ge&&Ee();ge=setInterval((function(){var t=U(document.elementFromPoint(n,o),true);if(t!==s){s=t;ye()}Se(e,i.options,t,r)}),10);pe=n;me=o}}else{if(!this.options.bubbleScroll||U(a,true)===D()){ye();return}Se(e,this.options,U(a,false),false)}}};return u(t,{pluginName:"scroll",initializeByDefault:true})}function ye(){ce.forEach((function(t){clearInterval(t.pid)}));ce=[]}function Ee(){clearInterval(ge)}var Se=W((function(t,e,r,i){if(!e.scroll)return;var n=(t.touches?t.touches[0]:t).clientX,o=(t.touches?t.touches[0]:t).clientY,a=e.scrollSensitivity,s=e.scrollSpeed,f=D();var l=false,u;if(de!==r){de=r;ye();he=e.scroll;u=e.scrollFn;if(he===true){he=U(r,true)}}var c=0;var h=he;do{var d=h,v=A(d),p=v.top,m=v.bottom,b=v.left,g=v.right,w=v.width,y=v.height,E=void 0,S=void 0,x=d.scrollWidth,I=d.scrollHeight,M=_(d),O=d.scrollLeft,T=d.scrollTop;if(d===f){E=w<x&&(M.overflowX==="auto"||M.overflowX==="scroll"||M.overflowX==="visible");S=y<I&&(M.overflowY==="auto"||M.overflowY==="scroll"||M.overflowY==="visible")}else{E=w<x&&(M.overflowX==="auto"||M.overflowX==="scroll");S=y<I&&(M.overflowY==="auto"||M.overflowY==="scroll")}var k=E&&(Math.abs(g-n)<=a&&O+w<x)-(Math.abs(b-n)<=a&&!!O);var j=S&&(Math.abs(m-o)<=a&&T+y<I)-(Math.abs(p-o)<=a&&!!T);if(!ce[c]){for(var C=0;C<=c;C++){if(!ce[C]){ce[C]={}}}}if(ce[c].vx!=k||ce[c].vy!=j||ce[c].el!==d){ce[c].el=d;ce[c].vx=k;ce[c].vy=j;clearInterval(ce[c].pid);if(k!=0||j!=0){l=true;ce[c].pid=setInterval(function(){if(i&&this.layer===0){Kt.active._onTouchMove(be)}var e=ce[this.layer].vy?ce[this.layer].vy*s:0;var r=ce[this.layer].vx?ce[this.layer].vx*s:0;if(typeof u==="function"){if(u.call(Kt.dragged.parentNode[$],r,e,t,be,ce[this.layer].el)!=="continue"){return}}Y(ce[this.layer].el,r,e)}.bind({layer:c}),24)}}c++}while(e.bubbleScroll&&h!==f&&(h=U(h,false)));ve=l}),30);var xe=function t(e){var r=e.originalEvent,i=e.putSortable,n=e.dragEl,o=e.activeSortable,a=e.dispatchSortableEvent,s=e.hideGhostForTarget,f=e.unhideGhostForTarget;if(!r)return;var l=i||o;s();var u=r.changedTouches&&r.changedTouches.length?r.changedTouches[0]:r;var c=document.elementFromPoint(u.clientX,u.clientY);f();if(l&&!l.el.contains(c)){a("spill");this.onSpill({dragEl:n,putSortable:i})}};function Ie(){}Ie.prototype={startIndex:null,dragStart:function t(e){var r=e.oldDraggableIndex;this.startIndex=r},onSpill:function t(e){var r=e.dragEl,i=e.putSortable;this.sortable.captureAnimationState();if(i){i.captureAnimationState()}var n=N(this.sortable.el,this.startIndex,this.options);if(n){this.sortable.el.insertBefore(r,n)}else{this.sortable.el.appendChild(r)}this.sortable.animateAll();if(i){i.animateAll()}},drop:xe};u(Ie,{pluginName:"revertOnSpill"});function Me(){}Me.prototype={onSpill:function t(e){var r=e.dragEl,i=e.putSortable;var n=i||this.sortable;n.captureAnimationState();r.parentNode&&r.parentNode.removeChild(r);n.animateAll()},drop:xe};u(Me,{pluginName:"removeOnSpill"});Kt.mount(new we);Kt.mount(Me,Ie);var Oe='.sc-pds-sortable:where(*:not(slot),*.sc-pds-sortable:not(slot)::before,*.sc-pds-sortable:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}.sc-pds-sortable:where(*:not(slot)){margin:0}.sc-pds-sortable:where(img,picture.sc-pds-sortable,video.sc-pds-sortable,canvas.sc-pds-sortable,svg).sc-pds-sortable{display:block;max-width:100%}.sc-pds-sortable:where(input,button.sc-pds-sortable,textarea.sc-pds-sortable,select).sc-pds-sortable{font:inherit}.sc-pds-sortable:where(p,h1.sc-pds-sortable,h2.sc-pds-sortable,h3.sc-pds-sortable,h4.sc-pds-sortable,h5.sc-pds-sortable,h6).sc-pds-sortable{overflow-wrap:break-word}.sc-pds-sortable:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}.sc-pds-sortable:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}.sc-pds-sortable:where(ul[role=list],ol[role=list]).sc-pds-sortable{list-style:none}.sc-pds-sortable:where(table){border-collapse:collapse;border-spacing:0}.sc-pds-sortable:where(*:not(slot)){font-family:var(--pine-font-family-body), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Roboto", "Ubuntu", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}.sc-pds-sortable:where(h1,h2.sc-pds-sortable,h3.sc-pds-sortable,h4.sc-pds-sortable,h5.sc-pds-sortable,h6).sc-pds-sortable{font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}.sc-pds-sortable:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}.sc-pds-sortable:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}.sc-pds-sortable:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}.sc-pds-sortable:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}.sc-pds-sortable:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}.sc-pds-sortable:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}.sc-pds-sortable:where(p){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}.sc-pds-sortable:where(code,kbd.sc-pds-sortable,pre.sc-pds-sortable,samp).sc-pds-sortable{font-family:monospace}.sc-pds-sortable:where([role=button]){cursor:pointer}.sc-pds-sortable:where(:focus){outline:0}.sc-pds-sortable:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}.sc-pds-sortable:where([hidden]){display:none !important}';var Te=Oe;var ke=".pds-sortable.sc-pds-sortable-h{--border-radius:var(--pine-border-radius-050);--border-default:var(--pine-border-width-thin) solid var(--pine-color-grey-300);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pds-sortable.pds-sortable--bordered.sc-pds-sortable-h{border:var(--border-default);border-radius:var(--border-radius)}";var _e=ke;var je=t("pds_sortable",function(){function t(t){e(this,t);this.pdsSortableItemMoved=r(this,"pdsSortableItemMoved",7);this.border=false;this.componentId=undefined;this.dividers=false;this.handleType="row"}t.prototype.classNames=function(){var t=["pds-sortable"];if(this.border){t.push("pds-sortable--bordered")}if(this.dividers){t.push("pds-sortable--divided")}if(this.handleType!==undefined){t.push("pds-sortable--handle-type-".concat(this.handleType))}return t.join("  ")};t.prototype.componentDidLoad=function(){var t=this;var e={animation:150,ghostClass:"pds-sortable-item--ghost",dragClass:"pds-sortable-item--drag",onEnd:function(e){t.pdsSortableItemMoved.emit(e)}};if(this.handleType==="handle"){e=Object.assign(Object.assign({},e),{handle:".pds-sortable-item__handle"})}Kt.create(this.el,e)};t.prototype.render=function(){return i(n,{key:"bd922d1fff144b11b407aeb0e389c05fcfa22504",class:this.classNames(),id:this.componentId},i("slot",{key:"f25cd77d7735d971903ba9cdeb98f652d45dae41"}))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());je.style=Te+_e}}}));
+//# sourceMappingURL=p-f682f33e.system.entry.js.map