@pine-ds/core 2.16.3 → 2.16.4

package/dist/pine-core/p-8220fa98.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-45cf2585.system.js"],(function(e){"use strict";var i,r,o,t;return{setters:[function(e){i=e.r;r=e.h;o=e.H;t=e.g}],execute:function(){var n=":host{--sizing-max-width-default:352px;display:inline-block}:host [popover]{background-color:var(--pine-color-background-container);border:var(--pine-border);border-radius:10px;-webkit-box-shadow:var(--pine-box-shadow-200);box-shadow:var(--pine-box-shadow-200);margin:var(--pine-dimension-none);max-width:var(--sizing-max-width-default);padding:var(--pine-dimension-md);position:fixed}:host button{-ms-flex-align:center;align-items:center;background-color:var(--pine-color-secondary);border:var(--pine-border);border-radius:var(--pine-border-radius-full);color:var(--pine-color-text-secondary);display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);font-family:var(--pine-font-family-heading);letter-spacing:var(--pine-letter-spacing);min-height:40px;padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}:host button:hover{background-color:var(--pine-color-secondary-hover)}";var a=n;var s=e("pds_popover",function(){function e(e){i(this,e);this.active=false;this.popoverTargetAction="show";this.popoverType="auto";this.componentId=undefined;this.text=undefined;this.maxWidth=352;this.placement="right"}e.prototype.componentWillRender=function(){this.handlePopoverPositioning()};e.prototype.handleClick=function(){this.active=!this.active};e.prototype.handleScroll=function(){if(this.active){this.handlePopoverPositioning()}};e.prototype.handlePopoverPositioning=function(){var e=this.el.shadowRoot.querySelector(".pds-popover__trigger");var i=this.el.shadowRoot.querySelector("div[popover]");if(!e||!i)return;var r=e.getBoundingClientRect();var o=i.getBoundingClientRect();var t=0;var n=0;var a=8;switch(this.placement){case"top":t=r.top-o.height-a;n=r.left;break;case"right":t=r.top;n=r.right+a;break;case"bottom":t=r.bottom+a;n=r.left;break;case"left":t=r.top;n=r.left-o.width-a;break}i.style.top="".concat(t,"px");i.style.left="".concat(n,"px")};e.prototype.render=function(){return r(o,{key:"83f5e8306d9a8f9e541e638af6fab4e83700c9ce"},r("button",{key:"11a49c046a9258b64508c3a48dff8b63468358e0",class:"pds-popover__trigger",popoverTarget:this.componentId,popoverTargetAction:this.popoverTargetAction,onClick:this.handleClick},this.text),r("div",{key:"c4034a97e7d3aa794d4cf20891cb1ccd31895fa9",class:"pds-popover ".concat(this.active?"pds-popover--active":""),id:this.componentId,popover:this.popoverType,style:{maxWidth:"".concat(this.maxWidth,"px")}},r("slot",{key:"2005210e15c7f73efed54de5980c117f682cc476"})))};Object.defineProperty(e.prototype,"el",{get:function(){return t(this)},enumerable:false,configurable:true});return e}());s.style=a}}}));
-//# sourceMappingURL=p-8220fa98.system.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["pdsPopoverCss","PdsPopoverStyle0","PdsPopover","exports","class_1","prototype","componentWillRender","this","handlePopoverPositioning","handleClick","active","handleScroll","triggerEl","el","shadowRoot","querySelector","popoverEl","triggerRect","getBoundingClientRect","popoverRect","top","left","offset","placement","height","right","bottom","width","style","concat","render","h","Host","key","class","popoverTarget","componentId","popoverTargetAction","onClick","text","id","popover","popoverType","maxWidth"],"sources":["src/components/pds-popover/pds-popover.scss?tag=pds-popover&encapsulation=shadow","src/components/pds-popover/pds-popover.tsx"],"sourcesContent":[":host {\n  --sizing-max-width-default: 352px;\n\n  display: inline-block;\n\n  [popover] {\n    background-color: var(--pine-color-background-container);\n    border: var(--pine-border);\n    border-radius: 10px;\n    box-shadow: var(--pine-box-shadow-200);\n    margin: var(--pine-dimension-none);\n    max-width: var(--sizing-max-width-default);\n    padding: var(--pine-dimension-md);\n    position: fixed;\n  }\n\n  button {\n    align-items: center;\n    background-color: var(--pine-color-secondary);\n    border: var(--pine-border);\n    border-radius: var(--pine-border-radius-full);\n    color: var(--pine-color-text-secondary);\n    display: flex;\n    font: var(--pine-typography-body-medium);\n    font-family: var(--pine-font-family-heading);\n    letter-spacing: var(--pine-letter-spacing);\n    min-height: 40px;\n    padding: var(--pine-dimension-xs) var(--pine-dimension-sm);\n\n    &:hover {\n      background-color: var(--pine-color-secondary-hover);\n    }\n  }\n}\n","import { Component, Element, Host, Listen, h, Prop, State } from '@stencil/core';\nimport { PlacementType } from '@utils/types';\n\n@Component({\n  tag: 'pds-popover',\n  styleUrl: 'pds-popover.scss',\n  shadow: true,\n})\nexport class PdsPopover {\n  /**\n   * Reference to the Host element\n   */\n  @Element() el: HTMLPdsPopoverElement;\n\n  /**\n   * Determines when the popover is active\n   * @defaultValue false\n   */\n  @State() active = false;\n\n  /**\n   * Determines the action that triggers the popover. For manual popovers, the consumer is responsible for toggling this value.\n   * @defaultValue \"show\"\n   */\n  @Prop() popoverTargetAction: 'show' | 'toggle' | 'hide' = 'show';\n\n  /**\n   * Determines the type of popover. Auto popovers can be \"light dismissed\" by clicking outside of the popover.\n   * Manual popovers require the consumer to handle the visibility of the popover.\n   */\n  @Prop() popoverType: 'auto' | 'manual' = 'auto';\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Text that appears on the trigger element\n   */\n  @Prop() text: string;\n\n  /**\n   * Sets the maximum width of the popover content\n   * @defaultValue 352\n   */\n  @Prop() maxWidth?: number = 352;\n\n  /**\n   * Determines the preferred position of the popover\n   * @defaultValue \"right\"\n   */\n  @Prop({ reflect: true }) placement: PlacementType = 'right';\n\n  componentWillRender() {\n    this.handlePopoverPositioning();\n  }\n\n  @Listen('click', {\n    capture: true\n  })\n  handleClick() {\n    this.active = !this.active;\n  }\n\n  @Listen('scroll', {\n    target: 'window',\n    capture: true\n  })\n  handleScroll() {\n    if (this.active) {\n      this.handlePopoverPositioning();\n    }\n  }\n\n  private handlePopoverPositioning() {\n    const triggerEl = this.el.shadowRoot.querySelector('.pds-popover__trigger') as HTMLElement;\n    const popoverEl = this.el.shadowRoot.querySelector('div[popover]') as HTMLElement;\n\n    if (!triggerEl || !popoverEl) return;\n\n    const triggerRect = triggerEl.getBoundingClientRect();\n    const popoverRect = popoverEl.getBoundingClientRect();\n\n    let top = 0;\n    let left = 0;\n    const offset = 8\n\n    switch (this.placement) {\n      case 'top':\n        top = triggerRect.top - popoverRect.height - offset;\n        left = triggerRect.left;\n        break;\n      case 'right':\n        top = triggerRect.top;\n        left = triggerRect.right + offset;\n        break;\n      case 'bottom':\n        top = triggerRect.bottom + offset;\n        left = triggerRect.left;\n        break;\n      case 'left':\n        top = triggerRect.top;\n        left = triggerRect.left - popoverRect.width - offset;\n        break;\n    }\n\n    popoverEl.style.top = `${top}px`;\n    popoverEl.style.left = `${left}px`;\n  }\n\n  render() {\n    return (\n      <Host>\n        <button\n          class=\"pds-popover__trigger\"\n          popoverTarget={this.componentId}\n          popoverTargetAction={this.popoverTargetAction}\n          onClick={this.handleClick}\n        >\n          {this.text}\n        </button>\n        <div\n          class={`pds-popover ${this.active ? 'pds-popover--active' : ''}`}\n          id={this.componentId}\n          popover={this.popoverType}\n          style={{ maxWidth: `${this.maxWidth}px` }}\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0JAAA,IAAMA,EAAgB,o4BACtB,IAAAC,EAAeD,E,ICOFE,EAAUC,EAAA,yB,oCAUH,M,yBAMwC,O,iBAMjB,O,6DAgBb,I,eAMwB,O,CAEpDC,EAAAC,UAAAC,oBAAA,WACEC,KAAKC,0B,EAMPJ,EAAAC,UAAAI,YAAA,WACEF,KAAKG,QAAUH,KAAKG,M,EAOtBN,EAAAC,UAAAM,aAAA,WACE,GAAIJ,KAAKG,OAAQ,CACfH,KAAKC,0B,GAIDJ,EAAAC,UAAAG,yBAAA,WACN,IAAMI,EAAYL,KAAKM,GAAGC,WAAWC,cAAc,yBACnD,IAAMC,EAAYT,KAAKM,GAAGC,WAAWC,cAAc,gBAEnD,IAAKH,IAAcI,EAAW,OAE9B,IAAMC,EAAcL,EAAUM,wBAC9B,IAAMC,EAAcH,EAAUE,wBAE9B,IAAIE,EAAM,EACV,IAAIC,EAAO,EACX,IAAMC,EAAS,EAEf,OAAQf,KAAKgB,WACX,IAAK,MACHH,EAAMH,EAAYG,IAAMD,EAAYK,OAASF,EAC7CD,EAAOJ,EAAYI,KACnB,MACF,IAAK,QACHD,EAAMH,EAAYG,IAClBC,EAAOJ,EAAYQ,MAAQH,EAC3B,MACF,IAAK,SACHF,EAAMH,EAAYS,OAASJ,EAC3BD,EAAOJ,EAAYI,KACnB,MACF,IAAK,OACHD,EAAMH,EAAYG,IAClBC,EAAOJ,EAAYI,KAAOF,EAAYQ,MAAQL,EAC9C,MAGJN,EAAUY,MAAMR,IAAM,GAAAS,OAAGT,EAAG,MAC5BJ,EAAUY,MAAMP,KAAO,GAAAQ,OAAGR,EAAI,K,EAGhCjB,EAAAC,UAAAyB,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,UAAAE,IAAA,2CACEC,MAAM,uBACNC,cAAe5B,KAAK6B,YACpBC,oBAAqB9B,KAAK8B,oBAC1BC,QAAS/B,KAAKE,aAEbF,KAAKgC,MAERR,EAAA,OAAAE,IAAA,2CACEC,MAAO,eAAAL,OAAetB,KAAKG,OAAS,sBAAwB,IAC5D8B,GAAIjC,KAAK6B,YACTK,QAASlC,KAAKmC,YACdd,MAAO,CAAEe,SAAU,GAAAd,OAAGtB,KAAKoC,SAAQ,QAEnCZ,EAAA,QAAAE,IAAA,8C,uHAxHa,I","ignoreList":[]}