@nanoporetech-digital/components 1.13.13 → 1.13.14

package/dist/nano-components/p-4880f4eb.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as s,e as h,g as e}from"./p-7a6bc3c5.js";import{i as n}from"./p-6a284815.js";import{r as o,h as r,b as a}from"./p-c930d4f5.js";import{a as c}from"./p-a0ddf496.js";import{d as l}from"./p-0e826935.js";function d(t,i){let s=i instanceof Document?document.documentElement:i;return c(t,s)}const k=class{constructor(s){t(this,s),this.nanoStuck=i(this,"nanoStuck",7),this.nanoUnstuck=i(this,"nanoUnstuck",7),this.nanoHide=i(this,"nanoHide",7),this.nanoShow=i(this,"nanoShow",7),this.isRtl=!1,this.scrollPosCache=0,this.scrollPosThresholdCache=0,this.cacheOffset=0,this.pauseResizeWatcher=!1,this.listenForScrollParent=!1,this.positions=[],this.pauseHide=!1,this.hasBootstrapped=!1,this.isStuck=!1,this.isRootSticker=!0,this.hide=!1,this.scrollHide=!1,this.multiStickerHide=!1,this.scrollingTo=!1,this.quietModeIsOn=!1,this.stuckCounter=0,this.stickerIndex=0,this._offset=0,this.autoResize=!0,this.isSticky=!0,this.offset=0,this.position="top",this.quietMode={h:600,w:600},this.hideOnNewStickers=!0,this.breakPointMax=null,this.breakPointMin=null,this.setupParentResizeListener=()=>{this.parentSizeObserver&&(this.parentSizeObserver.disconnect(),this.parentSizeObserver=void 0),this.parentSizeObserver=new n((t=>{for(const i of t){let t,s;i.contentRect.height&&(t=i.contentRect.height),i.contentRect.width&&(s=i.contentRect.width),"object"==typeof this.quietMode&&(this.quietModeIsOn=s<this.quietMode.w||t<this.quietMode.h),this.breakPointMin&&(this.isSticky=s>this.breakPointMin),this.breakPointMax&&(this.isSticky=s<this.breakPointMax),this.isRootSticker&&this.sticker&&this.autoResize&&(this.sticker.style.width=this.host.scrollWidth+"px")}}));let t=this.scrollParent instanceof Document?this.scrollParent.documentElement:this.scrollParent;t&&this.parentSizeObserver.observe(t)},this.onStickToDisplayEvent=t=>{if(t.detail.sticker===this.stickToEle)switch(t.type){case"nanoHide":this._offset=0,this.cacheOffset=this.offset,this.offset=0,this.isStuck||this.moveTrigger(!1),!this.isRootSticker&&this.quietModeIsOn&&o((()=>{this.stickToEle.style.minHeight=this.stickToEleInitSize.height+(this.host.scrollHeight+("object"==typeof this.cacheOffset?this.cacheOffset.v:this.cacheOffset))+"px",this.stickToEle.setTriggerPos(-1*this.stickToEleInitSize.height)}));break;case"nanoShow":this._offset=this.stickToEleInitSize.height,this.offset=this.cacheOffset,this.moveTrigger(!0),!this.isRootSticker&&this.quietModeIsOn&&o((()=>{this.stickToEle.style.minHeight="",this.stickToEle.setTriggerPos(0)}));break;case"nanoStuck":this.stickToEleInitSize=this.stickToEle.getBoundingClientRect(),this._offset=this.stickToEleInitSize.height}},this.onStickEvent=async t=>{let i=t.detail?t.detail.sticker:null;if(!i||i.position!==this.position)return;const s=await i.getTriggerPos();if("nanoStuck"===t.type&&i!==this.host&&i.scrollParent===this.host.scrollParent){if(this.stickerIndex++,!this.hideOnNewStickers)return;(this.positions.includes("top")&&this.triggerPos.top<s.top||this.positions.includes("bottom")&&this.triggerPos.top>s.top)&&(this.multiStickerHide=!0,this.stuckCounter++)}if("nanoUnstuck"===t.type&&i!==this.host&&i.scrollParent===this.host.scrollParent){if(this.stickerIndex--,!this.hideOnNewStickers)return;(this.positions.includes("top")&&this.triggerPos.top<s.top||this.positions.includes("bottom")&&this.triggerPos.top>s.top)&&(this.stuckCounter--,this.stuckCounter<1&&(this.multiStickerHide=!1))}},this.onScroll=()=>{let t=(i=this.scrollParent)instanceof Document?window.pageYOffset:i.scrollTop;var i;t<this.scrollPosCache&&(this.positions.includes("bottom")?this.handleScrollAway(t):this.handleScrollTo()),t>this.scrollPosCache&&(this.positions.includes("bottom")?this.handleScrollTo():this.handleScrollAway(t)),this.scrollPosCache=t}}async isHiding(){return this.hide}async isSticking(){return this.shouldStick(),this.isStuck}async setTriggerPos(t){return this._offset=t}async getTriggerPos(){return this.triggerPos}async pauseHiding(t){return this.pauseHide=t}updateTriggerOffset(){this.trigger&&this.scrollParent&&this.listenForScrollParent&&(this.triggerPos=d(this.trigger,this.scrollParent))}stickerResizeListener(){this.contentSizeObserver&&(this.contentSizeObserver.disconnect(),this.contentSizeObserver=void 0),this.contentSizeObserver=new n((t=>{for(const i of t){if(this.pauseResizeWatcher)return;i.contentRect.height&&("top"===this.position&&(this.host.style.height=i.contentRect.height+"px"),"bottom"===this.position&&(this.host.style.minHeight=i.contentRect.height+"px"))}})),this.contentSizeObserver.observe(this.content)}quietModeChange(){"on"===this.quietMode?o((()=>this.quietModeIsOn=!0)):"off"===this.quietMode&&o((()=>this.quietModeIsOn=!1))}setOffset(){let t,i,s,h;this.trigger.setAttribute("style","");let e=this.isRootSticker||this.stickToEle?this.sticker:this.host;if(!e)return;"object"==typeof this.offset?({v:t,h:i}=this.offset):t=i=this.offset,"object"==typeof this._offset?({v:t=s,h:i=h}=this._offset):s=h=this._offset;const n=s=>{let h=s.match(/(top|bottom)/)?t:i;o(s),e.style[s]=h+"px",a()&&this.host.style.setProperty("--hide-transform-amount",h?`(110% + ${h}px)`:null)},o=e=>{let n=e.match(/(top|bottom)/)?t+s:i+h;this.trigger.style[e]=-1*n+"px",this.trigger.style.position="relative",this.trigger.style.height="1px"};(this.positions.includes("start")&&this.isRtl||this.positions.includes("end")&&!this.isRtl)&&n("right"),(this.positions.includes("end")&&this.isRtl||this.positions.includes("start")&&!this.isRtl)&&n("left"),this.positions.includes("top")&&n("top"),this.positions.includes("bottom")&&n("bottom")}positionChange(){this.positions=this.position.split("-"),this.setOffset()}async stuckChange(){if(this.isStuck)if(this.stickToEle){let t=r(this.host)?this.host.children:this.content.children;this.slottedContent=Array.from(t),this.slottedContent.forEach((t=>{r(this.host)?this.stickToEle.appendChild(t):this.stickToEle.querySelector(".sticker-content").appendChild(t),t.style.order=this.stickerIndex+""})),this.nanoStuck.emit({sticker:this.stickToEle})}else this.nanoStuck.emit({sticker:this.host});else this.scrollHide=!1,this.stickToEle?(this.slottedContent.forEach((t=>{this.host.appendChild(t),t.style.order=""})),this.nanoUnstuck.emit({sticker:this.stickToEle})):this.nanoUnstuck.emit({sticker:this.host})}attachScrollListeners(){this.quietModeIsOn?this.scrollParent.addEventListener("scroll",this.onScroll,{passive:!0,capture:!1}):(this.scrollParent.removeEventListener("scroll",this.onScroll),this.moveTrigger(!0))}handleParentEvents(t,i=null){this.listenForScrollParent&&(i&&this.manageListenersOnParent(!1,i),this.scrollParent&&this.manageListenersOnParent(!this.stickToEle))}stickToEleChange(t,i){this.stickToEle&&(this.stickToEle.addEventListener("nanoHide",this.onStickToDisplayEvent),this.stickToEle.addEventListener("nanoShow",this.onStickToDisplayEvent),this.stickToEle.addEventListener("nanoStuck",this.onStickToDisplayEvent),this.stickToEle.addEventListener("nanoUnstuck",this.onStickToDisplayEvent)),i&&(i.removeEventListener("nanoHide",this.onStickToDisplayEvent),i.removeEventListener("nanoShow",this.onStickToDisplayEvent),i.removeEventListener("nanoStuck",this.onStickToDisplayEvent),i.removeEventListener("nanoUnstuck",this.onStickToDisplayEvent))}stickToChange(){this.stickToEle=this.stickTo?this.scrollParent.querySelector(this.stickTo):void 0}visibilityDecisionHandler(){this.hide=!(!this.multiStickerHide&&!this.scrollHide)}handleHideChange(){this.hide?this.nanoHide.emit({sticker:this.host}):this.nanoShow.emit({sticker:this.host})}setupIO(){if(this.io&&(this.io.disconnect(),this.io=void 0),!this.scrollParent||!this.hasBootstrapped||!this.trigger)return;this.isRootSticker=this.scrollParent instanceof Document;let t=this.scrollParent;this.scrollParent instanceof Document&&(t=null),this.io=new window.IntersectionObserver((t=>{!this.pauseResizeWatcher&&this.isSticky&&this.shouldStick(t.slice(-1)[0])}),{root:t}),this.io.observe(this.trigger)}manageListenersOnParent(t,i){let s=i||this.scrollParent;if(s){if(t)s.addEventListener("nanoStuck",this.onStickEvent),s.addEventListener("nanoUnstuck",this.onStickEvent),this.quietModeIsOn&&this.attachScrollListeners();else try{this.quietModeIsOn&&s.removeEventListener("scroll",this.onScroll),s.removeEventListener("nanoStuck",this.onStickEvent),s.removeEventListener("nanoUnstuck",this.onStickEvent)}catch(h){console.error("Events haven`t been added")}this.setupParentResizeListener()}}handleScrollTo(){this.scrollPosThresholdCache=null,this.scrollHide&&(!0!==this.scrollingTo&&(this._offset=this.cacheOffset||this._offset),this.scrollingTo=!0,this.scrollHide=!1)}handleScrollAway(t){this.scrollHide||this.isStuck&&(!1!==this.scrollingTo&&(this.cacheOffset=this._offset,this._offset=0),this.scrollingTo=!1,this.scrollPosThresholdCache?!this.pauseHide&&Math.abs(t-this.scrollPosThresholdCache)>100&&(this.scrollHide=!0):this.scrollPosThresholdCache=t)}moveTrigger(t){this.positions.includes("bottom")&&!t||!this.positions.includes("bottom")&&t?this.host.parentNode.insertBefore(this.trigger,this.host):this.host.parentNode.insertBefore(this.trigger,this.host.nextSibling)}getScrollParent(){const t=/(auto|scroll)/,i=(t,s)=>null===t.parentNode?s:i(t.parentNode,s.concat([t])),s=(t,i)=>getComputedStyle(t,null).getPropertyValue(i),h=document.documentElement.getBoundingClientRect().height;return(e=>{if(e instanceof HTMLElement)return i(e,[]).find((i=>(i=>t.test((t=>s(t,"overflow")+s(t,"overflow-y")+s(t,"overflow-x"))(i)))(i)&&i.getBoundingClientRect().height!==h))||document})(this.host)}shouldStick(t){let i;if(this.positions.includes("top"))i=this.isRootSticker?this.trigger.getBoundingClientRect().top:d(this.trigger,this.scrollParent).top,this.isStuck=i<-1;else if(this.positions.includes("bottom")){i=this.trigger.getBoundingClientRect().top;const s=t&&t.rootBounds?t.rootBounds:(this.scrollParent instanceof Document?document.documentElement:this.scrollParent).getBoundingClientRect();this.isStuck=i>s.height+s.top}}bootstrapGurantor(){this.hasBootstrapped=!0,this.scrollParent=this.scrollParent||this.getScrollParent(),this.isRootSticker=this.scrollParent instanceof Document,this.trigger=this.trigger||document.createElement("div"),this.trigger.classList.add("sticker-trigger"),this.positionChange(),this.moveTrigger(!0),this.quietModeChange(),this.listenForScrollParent=!0,this.handleParentEvents(!0),this.stickerIndex=Array.from(this.scrollParent.querySelectorAll("nano-sticker")).filter((t=>t.position===this.position)).findIndex((t=>t===this.host)),this.setOffset(),this.stickerResizeListener(),this.setupParentResizeListener(),this.slottedContent=Array.from(this.host.children),this.slottedContent.forEach((t=>{t.style.order=this.stickerIndex+""})),this.updateTriggerOffset(),this.stickToChange(),this.setupIO(),this.onStickToDisplayEvent=l(this.onStickToDisplayEvent,50)}connectedCallback(){this.isRtl="rtl"===this.host.dir||"rtl"===this.host.ownerDocument.dir,document.documentElement.addEventListener("nanoComponentsReady",(()=>{setTimeout((()=>this.bootstrapGurantor()),200)})),setTimeout((()=>{this.hasBootstrapped||this.bootstrapGurantor()}),1e3)}disconnectedCallback(){this.io&&(this.io.disconnect(),this.io=void 0),this.parentSizeObserver&&(this.parentSizeObserver.disconnect(),this.parentSizeObserver=void 0),this.quietMode="off",this.scrollParent=null}render(){return s(h,{sticky:!this.isRootSticker&&!this.stickToEle&&this.isSticky,hide:this.hide&&this.isStuck,siblings:this.stuckCounter,index:this.stickerIndex,stuck:this.isStuck&&this.isSticky,"placed-bottom":this.positions.includes("bottom"),"placed-top":this.positions.includes("top"),"placed-end":this.positions.includes("end"),"placed-start":this.positions.includes("start")},s("div",{class:{sticker:!0,sticky:this.isRootSticker&&this.isSticky,stuck:this.isStuck&&this.isRootSticker&&this.isSticky,hide:this.isRootSticker&&this.hide&&this.isStuck},ref:t=>this.sticker=t},s("div",{class:"sticker-content",ref:t=>this.content=t},s("slot",null))))}get host(){return e(this)}static get watchers(){return{trigger:["updateTriggerOffset"],scrollParent:["updateTriggerOffset","handleParentEvents","setupIO"],position:["stickerResizeListener","positionChange"],quietMode:["quietModeChange"],offset:["setOffset"],_offset:["setOffset"],isStuck:["stuckChange"],quietModeIsOn:["attachScrollListeners"],stickToEle:["handleParentEvents","stickToEleChange"],stickTo:["stickToChange"],multiStickerHide:["visibilityDecisionHandler"],scrollHide:["visibilityDecisionHandler"],hide:["handleHideChange"]}}};k.style=':host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{--stuck-left:initial;--stuck-right:initial;--stuck-z-index:var(--nano-layer-index-menubar, 10);--top-hide:translateY(-110%);--bottom-hide:translateY(110%);display:block;max-width:100%}:host([sticky]){position:-webkit-sticky;position:sticky;-webkit-transition:0.3s ease transform;transition:0.3s ease transform;will-change:min-height}:host([sticky][stuck]){left:var(--stuck-left);right:var(--stuck-right);z-index:var(--stuck-z-index) !important}:host([sticky][hide][placed-top]){-webkit-transform:var(--top-hide);transform:var(--top-hide)}:host([sticky][hide][placed-bottom]){-webkit-transform:var(--bottom-hide);transform:var(--bottom-hide)}:host([sticky][index="1"]){z-index:calc( var(--stuck-z-index) + 1)}:host([sticky][index="2"]){z-index:calc( var(--stuck-z-index) + 2)}:host([sticky][index="3"]){z-index:calc( var(--stuck-z-index) + 3)}:host([sticky][index="4"]){z-index:calc( var(--stuck-z-index) + 4)}:host([sticky][index="5"]){z-index:calc( var(--stuck-z-index) + 5)}.sticker{display:inherit;max-width:inherit;width:100%}.sticker:not(.stuck){width:auto !important}.sticker.sticky{-webkit-transition:0.3s ease all;transition:0.3s ease all;position:relative}:host([index="1"]) .sticker.sticky{z-index:calc( var(--stuck-z-index) + 1)}:host([index="2"]) .sticker.sticky{z-index:calc( var(--stuck-z-index) + 2)}:host([index="3"]) .sticker.sticky{z-index:calc( var(--stuck-z-index) + 3)}:host([index="4"]) .sticker.sticky{z-index:calc( var(--stuck-z-index) + 4)}:host([index="5"]) .sticker.sticky{z-index:calc( var(--stuck-z-index) + 5)}.sticker.stuck{position:fixed;left:var(--stuck-left);right:var(--stuck-right);z-index:var(--stuck-z-index);-webkit-transform:translateY(0);transform:translateY(0)}:host([placed-top]) .sticker.stuck{top:0}:host([placed-bottom]) .sticker.stuck{bottom:0}:host([placed-top]) .sticker.stuck.hide{-webkit-transform:var(--top-hide);transform:var(--top-hide)}:host([placed-bottom]) .sticker.stuck.hide{-webkit-transform:var(--bottom-hide);transform:var(--bottom-hide)}.sticker-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}';export{k as nano_sticker}
-//# sourceMappingURL=p-4880f4eb.entry.js.map

package/dist/nano-components/p-4880f4eb.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/sticky/sticker.tsx","src/components/sticky/sticker.scss?tag=nano-sticker&encapsulation=shadow"],"names":["_getOffset","ele","parent","parentEle","Document","document","documentElement","getOffset","Sticker","[object Object]","hostRef","this","isRtl","scrollPosCache","scrollPosThresholdCache","cacheOffset","pauseResizeWatcher","listenForScrollParent","positions","pauseHide","hasBootstrapped","isStuck","isRootSticker","hide","scrollHide","multiStickerHide","scrollingTo","quietModeIsOn","stuckCounter","stickerIndex","_offset","autoResize","isSticky","offset","position","quietMode","h","w","hideOnNewStickers","breakPointMax","breakPointMin","setupParentResizeListener","parentSizeObserver","disconnect","undefined","ResizeObserver","entries","entry","height","width","contentRect","sticker","style","host","scrollWidth","toWatch","scrollParent","observe","onStickToDisplayEvent","e","detail","stickToEle","type","moveTrigger","raf","minHeight","stickToEleInitSize","scrollHeight","v","setTriggerPos","getBoundingClientRect","onStickEvent","async","incomingTriggerPos","getTriggerPos","includes","triggerPos","top","onScroll","y","window","pageYOffset","scrollTop","handleScrollAway","handleScrollTo","shouldStick","pause","trigger","contentSizeObserver","content","_v","_h","setAttribute","setPos","pos","u","match","setTriggetPos","browserCanUseCssVariables","setProperty","split","setOffset","hasShadowDom","children","slottedContent","Array","from","forEach","child","appendChild","querySelector","order","nanoStuck","emit","nanoUnstuck","addEventListener","passive","capture","removeEventListener","_","oldParent","manageListenersOnParent","oldEle","stickTo","nanoHide","nanoShow","io","root","IntersectionObserver","slice","addEvents","attachScrollListeners","console","error","currScroll","Math","abs","toInitial","parentNode","insertBefore","nextSibling","regex","parents","_node","ps","concat","prop","getComputedStyle","getPropertyValue","docHeight","HTMLElement","find","test","overflow","scroll","data","scrollAmt","parentBounding","rootBounds","getScrollParent","createElement","classList","add","positionChange","quietModeChange","handleParentEvents","querySelectorAll","filter","findIndex","stickerResizeListener","updateTriggerOffset","stickToChange","setupIO","debounce","dir","ownerDocument","setTimeout","bootstrapGurantor","Host","sticky","siblings","index","stuck","placed-bottom","placed-top","placed-end","placed-start","class","ref","div"],"mappings":"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","sourcesContent":["import {\n  Component,\n  ComponentInterface,\n  h,\n  Host,\n  Prop,\n  State,\n  Watch,\n  Element,\n  Event,\n  EventEmitter,\n  Method,\n} from '@stencil/core';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport {\n  browserCanUseCssVariables,\n  debounce,\n  getOffset,\n  hasShadowDom,\n  raf,\n} from '../../utils/utils';\n\nfunction _getScrollTop(ele: HTMLElement | Document) {\n  return ele instanceof Document ? window.pageYOffset : ele.scrollTop;\n}\n\nfunction _getOffset(ele: HTMLElement, parent: HTMLElement | Document) {\n  let parentEle =\n    parent instanceof Document ? document.documentElement : parent;\n  return getOffset(ele, parentEle);\n}\n\ntype Positions = 'top' | 'bottom' | 'start' | 'end';\n\n/**\n * The Sticker component is a toolbox for 'sticking' items to scrolling containers.\n *\n */\n@Component({\n  tag: 'nano-sticker',\n  styleUrl: 'sticker.scss',\n  shadow: true,\n})\nexport class Sticker implements ComponentInterface {\n  private isRtl: boolean = false;\n  private io: IntersectionObserver;\n  private contentSizeObserver: ResizeObserver;\n  private parentSizeObserver: ResizeObserver;\n  private sticker: HTMLDivElement;\n  private content: HTMLDivElement;\n  private scrollPosCache = 0;\n  private scrollPosThresholdCache = 0;\n  private cacheOffset: number | { v: number; h: number } = 0;\n  private slottedContent: Element[];\n  private pauseResizeWatcher = false;\n  private listenForScrollParent = false;\n  private stickToEleInitSize?: DOMRect;\n  private positions: Positions[] = [];\n  private pauseHide: boolean = false;\n  private hasBootstrapped = false;\n\n  @Element() host: HTMLNanoStickerElement;\n\n  // Internal State\n\n  @State() isStuck = false;\n  @State() isRootSticker = true;\n  @State() hide = false;\n  @State() scrollHide = false;\n  @State() multiStickerHide = false;\n  @State() scrollingTo = false;\n  @State() quietModeIsOn = false;\n  @State() stuckCounter = 0;\n  @State() stickerIndex = 0;\n  @State() stickToEle?: HTMLNanoStickerElement;\n  @State() triggerPos: { top: number; left: number };\n  @State() trigger: HTMLDivElement;\n  @State() _offset: number | { v: number; h: number } = 0;\n\n  // Public API\n\n  /** Only applicable to root stickers. When applied the sticker will grow or shrink to the scrollParent size */\n  @Prop() autoResize = true;\n\n  /** Manually enable / disabled sticky behaviour */\n  @Prop({ mutable: true }) isSticky = true;\n\n  /** Distance the item should be stuck from the sticky edge. */\n  @Prop({ mutable: true }) offset: number | { v: number; h: number } = 0;\n\n  /** The edge of the scroll-parent to stick to */\n  @Prop() position: 'top' | 'bottom' = 'top';\n  // other opts I'd like one day. 'start' | 'end' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end'\n\n  /** When applied, the sticker will hide when the scroll-parent\n   * is scrolling away from the sticker's stuck position and show when scrolling toward it.\n   * By default this will apply when the parent is below either the h or w dimensions */\n  @Prop() quietMode: 'on' | 'off' | { h: number; w: number } = {\n    h: 600,\n    w: 600,\n  };\n\n  /** When applied stickers will hide upon new stickers being stuck to the same position */\n  @Prop() hideOnNewStickers = true;\n\n  /** The max width of the item to implement sticky behaviour. */\n  @Prop() breakPointMax: null | number = null;\n\n  /** The min width of the item to implement sticky behaviour. */\n  @Prop() breakPointMin: null | number = null;\n\n  /** Define which scroll element to listen & stick to.\n   * By default, it will find traverse the DOM to find the closest. */\n  @Prop({ mutable: true }) scrollParent?: HTMLElement | Document;\n\n  /** Upon being stuck, attach the sticker to another sticker element.\n   * A JS query selector that returns a <nano-sticker> */\n  @Prop() stickTo: string;\n\n  // Broadcasted Events\n\n  /** Emitted when a sticker is stuck */\n  @Event() nanoStuck!: EventEmitter<{ sticker: HTMLNanoStickerElement }>;\n\n  /** Emitted when a sticker is unstuck */\n  @Event() nanoUnstuck!: EventEmitter<{ sticker: HTMLNanoStickerElement }>;\n\n  /** Emitted when a sticker is hidden */\n  @Event() nanoHide!: EventEmitter<{ sticker: HTMLNanoStickerElement }>;\n\n  /** Emitted when a sticker is showing */\n  @Event() nanoShow!: EventEmitter<{ sticker: HTMLNanoStickerElement }>;\n\n  // Public methods\n\n  @Method()\n  async isHiding() {\n    return this.hide;\n  }\n\n  @Method()\n  async isSticking() {\n    this.shouldStick();\n    return this.isStuck;\n  }\n\n  /** @internal */\n  @Method()\n  async setTriggerPos(offset: number | { v: number; h: number }) {\n    return (this._offset = offset);\n  }\n\n  /** @internal */\n  @Method()\n  async getTriggerPos() {\n    return this.triggerPos;\n  }\n\n  /** @internal */\n  @Method()\n  async pauseHiding(pause: boolean) {\n    return (this.pauseHide = pause);\n  }\n\n  // Watchers\n\n  /** Keep a note of trigger position. Need this to track sticker order in the DOM */\n  @Watch('trigger')\n  @Watch('scrollParent')\n  updateTriggerOffset() {\n    if (!this.trigger || !this.scrollParent || !this.listenForScrollParent)\n      return;\n    this.triggerPos = _getOffset(this.trigger, this.scrollParent);\n  }\n\n  /** A root sticker is a fixed element Or this sticker is sticking to another.\n   * We need a content resize watcher to make sure we maintain a correct placeholder size in the body */\n  @Watch('position')\n  stickerResizeListener() {\n    if (this.contentSizeObserver) {\n      this.contentSizeObserver.disconnect();\n      this.contentSizeObserver = undefined;\n    }\n\n    this.contentSizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        if (this.pauseResizeWatcher) return;\n\n        if (entry.contentRect.height) {\n          if (this.position === 'top')\n            this.host.style.height = entry.contentRect.height + 'px';\n          if (this.position === 'bottom')\n            this.host.style.minHeight = entry.contentRect.height + 'px';\n        }\n      }\n    });\n    this.contentSizeObserver.observe(this.content);\n  }\n\n  @Watch('quietMode')\n  quietModeChange() {\n    if (this.quietMode === 'on') raf(() => (this.quietModeIsOn = true));\n    else if (this.quietMode === 'off') raf(() => (this.quietModeIsOn = false));\n  }\n\n  /** offset is part of the public API but we also use it to manipulate trigger points */\n  @Watch('offset')\n  @Watch('_offset')\n  setOffset() {\n    this.trigger.setAttribute('style', '');\n    let v: number, h: number, _v: number, _h: number;\n    let sticker: HTMLElement =\n      this.isRootSticker || this.stickToEle ? this.sticker : this.host;\n\n    if (!sticker) return;\n\n    if (typeof this.offset === 'object') ({ v, h } = this.offset);\n    else v = h = this.offset;\n\n    if (typeof this._offset === 'object') ({ v = _v, h = _h } = this._offset);\n    else _v = _h = this._offset;\n\n    const setPos = (pos: 'top' | 'bottom' | 'left' | 'right') => {\n      let u = pos.match(/(top|bottom)/) ? v : h;\n      setTriggetPos(pos);\n      sticker.style[pos] = u + 'px';\n      if (!browserCanUseCssVariables()) return;\n      if (u)\n        this.host.style.setProperty(\n          '--hide-transform-amount',\n          `(110% + ${u}px)`\n        );\n      else this.host.style.setProperty('--hide-transform-amount', null);\n    };\n\n    const setTriggetPos = (pos: 'top' | 'bottom' | 'left' | 'right') => {\n      let u = pos.match(/(top|bottom)/) ? v + _v : h + _h;\n      this.trigger.style[pos] = u * -1 + 'px';\n      this.trigger.style.position = 'relative';\n      this.trigger.style.height = '1px';\n    };\n\n    if (\n      (this.positions.includes('start') && this.isRtl) ||\n      (this.positions.includes('end') && !this.isRtl)\n    )\n      setPos('right');\n\n    if (\n      (this.positions.includes('end') && this.isRtl) ||\n      (this.positions.includes('start') && !this.isRtl)\n    )\n      setPos('left');\n\n    if (this.positions.includes('top')) setPos('top');\n    if (this.positions.includes('bottom')) setPos('bottom');\n  }\n\n  @Watch('position')\n  positionChange() {\n    this.positions = this.position.split('-') as Positions[];\n    this.setOffset();\n  }\n\n  /** If this sticker is attached to a 'master' sticker (stickToEle),\n   * here we move the content of this sticker in and out accordingly */\n  @Watch('isStuck')\n  async stuckChange() {\n    if (this.isStuck) {\n      if (this.stickToEle) {\n        let content = hasShadowDom(this.host)\n          ? this.host.children\n          : this.content.children;\n        this.slottedContent = Array.from(content);\n\n        this.slottedContent.forEach((child: HTMLElement) => {\n          if (hasShadowDom(this.host)) this.stickToEle.appendChild(child);\n          else\n            this.stickToEle\n              .querySelector('.sticker-content')\n              .appendChild(child);\n          child.style.order = this.stickerIndex + '';\n        });\n\n        this.nanoStuck.emit({ sticker: this.stickToEle });\n      } else this.nanoStuck.emit({ sticker: this.host });\n    } else {\n      this.scrollHide = false;\n\n      if (this.stickToEle) {\n        this.slottedContent.forEach((child: HTMLElement) => {\n          this.host.appendChild(child);\n          child.style.order = '';\n        });\n        this.nanoUnstuck.emit({ sticker: this.stickToEle });\n      } else this.nanoUnstuck.emit({ sticker: this.host });\n    }\n  }\n\n  /** attach scroll listener. 'hides' stickers when scrolling away from trigger and 'shows' when scrolling toward */\n  @Watch('quietModeIsOn')\n  attachScrollListeners() {\n    if (this.quietModeIsOn)\n      this.scrollParent.addEventListener('scroll', this.onScroll, {\n        passive: true,\n        capture: false,\n      });\n    else {\n      this.scrollParent.removeEventListener('scroll', this.onScroll);\n      this.moveTrigger(true);\n    }\n  }\n\n  /** Add / remove parent scrolling listeners. If there's stickToEle we need to remove them */\n  @Watch('scrollParent')\n  @Watch('stickToEle')\n  handleParentEvents(_, oldParent: null | HTMLElement = null) {\n    if (!this.listenForScrollParent) return;\n    if (oldParent) this.manageListenersOnParent(false, oldParent);\n    if (this.scrollParent) this.manageListenersOnParent(!this.stickToEle);\n  }\n\n  /** Add remove specific listeners if we're sticking to a sticker.\n   * We need to adjust triggers according to the status of the 'master'  */\n  @Watch('stickToEle')\n  stickToEleChange(_, oldEle: null | HTMLNanoStickerElement) {\n    if (this.stickToEle) {\n      this.stickToEle.addEventListener('nanoHide', this.onStickToDisplayEvent);\n      this.stickToEle.addEventListener('nanoShow', this.onStickToDisplayEvent);\n      this.stickToEle.addEventListener('nanoStuck', this.onStickToDisplayEvent);\n      this.stickToEle.addEventListener(\n        'nanoUnstuck',\n        this.onStickToDisplayEvent\n      );\n    }\n    if (oldEle) {\n      oldEle.removeEventListener('nanoHide', this.onStickToDisplayEvent);\n      oldEle.removeEventListener('nanoShow', this.onStickToDisplayEvent);\n      oldEle.removeEventListener('nanoStuck', this.onStickToDisplayEvent);\n      oldEle.removeEventListener('nanoUnstuck', this.onStickToDisplayEvent);\n    }\n  }\n\n  /** Find and set the stickToEle from the public, selector string */\n  @Watch('stickTo')\n  stickToChange() {\n    if (this.stickTo)\n      this.stickToEle = this.scrollParent.querySelector(this.stickTo);\n    else this.stickToEle = undefined;\n  }\n\n  /** 2 potential criteria for hiding. Multi-stickers or quietmode. */\n  @Watch('multiStickerHide')\n  @Watch('scrollHide')\n  visibilityDecisionHandler() {\n    if (this.multiStickerHide || this.scrollHide) this.hide = true;\n    else this.hide = false;\n  }\n\n  @Watch('hide')\n  handleHideChange() {\n    if (this.hide) this.nanoHide.emit({ sticker: this.host });\n    else this.nanoShow.emit({ sticker: this.host });\n  }\n\n  @Watch('scrollParent')\n  setupIO() {\n    if (this.io) {\n      this.io.disconnect();\n      this.io = undefined;\n    }\n    if (!this.scrollParent || !this.hasBootstrapped || !this.trigger) return;\n\n    this.isRootSticker = this.scrollParent instanceof Document;\n    let root = this.scrollParent;\n    if (this.scrollParent instanceof Document) root = null;\n\n    this.io = new window.IntersectionObserver(\n      (_) => {\n        if (this.pauseResizeWatcher || !this.isSticky) return;\n        this.shouldStick(_.slice(-1)[0]);\n      },\n      { root: root as HTMLElement }\n    );\n\n    this.io.observe(this.trigger);\n  }\n\n  // Private methods / handlers\n\n  /** Assesses the public API quitemode and works out if it should be applied atm.\n   * If 'smallscreen', or there is a breakpointmax / min it will add a resizeobserver to conditionally add behaviour */\n  private setupParentResizeListener = () => {\n    if (this.parentSizeObserver) {\n      this.parentSizeObserver.disconnect();\n      this.parentSizeObserver = undefined;\n    }\n\n    this.parentSizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        let height: number, width: number;\n        if (entry.contentRect.height) height = entry.contentRect.height;\n        if (entry.contentRect.width) width = entry.contentRect.width;\n\n        if (typeof this.quietMode === 'object') {\n          if (width < this.quietMode.w || height < this.quietMode.h)\n            this.quietModeIsOn = true;\n          else this.quietModeIsOn = false;\n        }\n\n        if (this.breakPointMin) {\n          if (width > this.breakPointMin) this.isSticky = true;\n          else this.isSticky = false;\n        }\n\n        if (this.breakPointMax) {\n          if (width < this.breakPointMax) this.isSticky = true;\n          else this.isSticky = false;\n        }\n\n        if (this.isRootSticker && this.sticker && this.autoResize)\n          this.sticker.style.width = this.host.scrollWidth + 'px';\n      }\n    });\n\n    let toWatch =\n      this.scrollParent instanceof Document\n        ? this.scrollParent.documentElement\n        : this.scrollParent;\n    if (toWatch) this.parentSizeObserver.observe(toWatch);\n  };\n\n  /** For stickTo stickers. We listen to the events from the 'master' sticker to ammend the hide/show trigger\n   * Main diffs from rootstickers / non is height being on 'master' */\n  private onStickToDisplayEvent = (\n    e: CustomEvent<{ sticker: HTMLNanoStickerElement }>\n  ) => {\n    if (e.detail.sticker !== this.stickToEle) return;\n\n    switch (e.type) {\n      case 'nanoHide':\n        this._offset = 0;\n        this.cacheOffset = this.offset;\n        this.offset = 0;\n        /** trigger moves down, underneath sticker if the main sticker hides */\n        if (!this.isStuck) this.moveTrigger(false);\n\n        /** If it's an actual 'position: sticky' element, we need to give the sticker an appropriate height.\n         * This minimises content jumping around as items are added */\n        if (!this.isRootSticker && this.quietModeIsOn) {\n          raf(() => {\n            this.stickToEle.style.minHeight =\n              this.stickToEleInitSize.height +\n              (this.host.scrollHeight +\n                (typeof this.cacheOffset === 'object'\n                  ? this.cacheOffset.v\n                  : this.cacheOffset)) +\n              'px';\n            this.stickToEle.setTriggerPos(this.stickToEleInitSize.height * -1);\n          });\n        }\n        break;\n      case 'nanoShow':\n        this._offset = this.stickToEleInitSize.height;\n        this.offset = this.cacheOffset;\n        this.moveTrigger(true);\n\n        /** reset master sticker size */\n        if (!this.isRootSticker && this.quietModeIsOn) {\n          raf(() => {\n            this.stickToEle.style.minHeight = '';\n            this.stickToEle.setTriggerPos(0);\n          });\n        }\n        break;\n      case 'nanoStuck':\n        this.stickToEleInitSize = this.stickToEle.getBoundingClientRect();\n        this._offset = this.stickToEleInitSize.height;\n        break;\n    }\n  };\n\n  /** Add or removes event listeners / observers on scrolling parent\n   * for when the scrolling parent changes, or, this sticker is sticking to another */\n  private manageListenersOnParent(\n    addEvents: boolean,\n    ele?: HTMLElement | Document\n  ) {\n    let scrollParent = ele || this.scrollParent;\n\n    if (!scrollParent) return;\n\n    if (!addEvents) {\n      try {\n        if (this.quietModeIsOn)\n          scrollParent.removeEventListener('scroll', this.onScroll);\n        scrollParent.removeEventListener('nanoStuck', this.onStickEvent);\n        scrollParent.removeEventListener('nanoUnstuck', this.onStickEvent);\n      } catch (e) {\n        console.error('Events haven`t been added');\n      }\n    } else {\n      scrollParent.addEventListener('nanoStuck', this.onStickEvent);\n      scrollParent.addEventListener('nanoUnstuck', this.onStickEvent);\n\n      if (this.quietModeIsOn) this.attachScrollListeners();\n    }\n    this.setupParentResizeListener();\n  }\n\n  /** Handler applied to scrolling parent. When 'hideOnNewStickers' is true, hide this sticker on subsequent stuck stickers.  */\n  private onStickEvent = async (\n    e: CustomEvent<{ sticker: HTMLNanoStickerElement }>\n  ) => {\n    let sticker = e.detail ? e.detail.sticker : null;\n    if (!sticker || sticker.position !== this.position) return;\n\n    const incomingTriggerPos = await sticker.getTriggerPos();\n\n    if (\n      e.type === 'nanoStuck' &&\n      sticker !== this.host &&\n      sticker.scrollParent === this.host.scrollParent\n    ) {\n      this.stickerIndex++;\n\n      if (!this.hideOnNewStickers) return;\n\n      if (\n        (this.positions.includes('top') &&\n          this.triggerPos.top < incomingTriggerPos.top) ||\n        (this.positions.includes('bottom') &&\n          this.triggerPos.top > incomingTriggerPos.top)\n      ) {\n        this.multiStickerHide = true;\n        this.stuckCounter++;\n      }\n    }\n\n    if (\n      e.type === 'nanoUnstuck' &&\n      sticker !== this.host &&\n      sticker.scrollParent === this.host.scrollParent\n    ) {\n      this.stickerIndex--;\n\n      if (!this.hideOnNewStickers) return;\n\n      if (\n        (this.positions.includes('top') &&\n          this.triggerPos.top < incomingTriggerPos.top) ||\n        (this.positions.includes('bottom') &&\n          this.triggerPos.top > incomingTriggerPos.top)\n      ) {\n        this.stuckCounter--;\n        if (this.stuckCounter < 1) this.multiStickerHide = false;\n      }\n    }\n  };\n\n  /** Scroll handler applied to scrolling parent. Only applied when quietmode is on.\n   * 'hides' stickers when scrolling over 100px away from trigger and 'shows' when scrolling toward */\n  private onScroll = () => {\n    let y: number = _getScrollTop(this.scrollParent);\n\n    // scrolling up\n    if (y < this.scrollPosCache) {\n      if (!this.positions.includes('bottom')) this.handleScrollTo();\n      else this.handleScrollAway(y);\n    }\n\n    // scrolling down\n    if (y > this.scrollPosCache) {\n      if (!this.positions.includes('bottom')) this.handleScrollAway(y);\n      else this.handleScrollTo();\n    }\n    this.scrollPosCache = y;\n  };\n\n  /** Watch for scroll direction. Only applies when quietmode is on.\n   * We need to addjust the position of the trigger when the sticker is hidden */\n  private handleScrollTo() {\n    this.scrollPosThresholdCache = null;\n    if (!this.scrollHide) return;\n\n    if (this.scrollingTo !== true) {\n      this._offset = this.cacheOffset || this._offset;\n    }\n    this.scrollingTo = true;\n    this.scrollHide = false;\n  }\n\n  private handleScrollAway(currScroll: number) {\n    if (this.scrollHide) return;\n\n    if (!this.isStuck) return;\n\n    if (this.scrollingTo !== false) {\n      this.cacheOffset = this._offset;\n      this._offset = 0;\n    }\n    this.scrollingTo = false;\n\n    if (!this.scrollPosThresholdCache)\n      this.scrollPosThresholdCache = currScroll;\n    else if (\n      !this.pauseHide &&\n      Math.abs(currScroll - this.scrollPosThresholdCache) > 100\n    )\n      this.scrollHide = true;\n  }\n\n  private moveTrigger(toInitial?: boolean) {\n    if (\n      (this.positions.includes('bottom') && !toInitial) ||\n      (!this.positions.includes('bottom') && toInitial)\n    ) {\n      this.host.parentNode.insertBefore(this.trigger, this.host);\n    } else\n      this.host.parentNode.insertBefore(this.trigger, this.host.nextSibling);\n  }\n\n  /** Gets the 'closest' scrolling parent */\n  private getScrollParent() {\n    const regex = /(auto|scroll)/;\n    const parents = (_node: Node, ps: Node[]) => {\n      if (_node.parentNode === null) {\n        return ps;\n      }\n      return parents(_node.parentNode, ps.concat([_node]));\n    };\n    const style = (_node, prop) =>\n      getComputedStyle(_node, null).getPropertyValue(prop);\n    const overflow = (_node) =>\n      style(_node, 'overflow') +\n      style(_node, 'overflow-y') +\n      style(_node, 'overflow-x');\n    const scroll = (_node) => regex.test(overflow(_node));\n    const docHeight = document.documentElement.getBoundingClientRect().height;\n\n    const scrollParent = (_node: HTMLElement) => {\n      if (!(_node instanceof HTMLElement)) return;\n\n      const ps = parents(_node, []);\n      return (\n        ps.find(\n          (ele) =>\n            scroll(ele) && ele.getBoundingClientRect().height !== docHeight\n        ) || document\n      );\n    };\n\n    return scrollParent(this.host);\n  }\n\n  private shouldStick(data?: IntersectionObserverEntry) {\n    let scrollAmt: number;\n\n    if (this.positions.includes('top')) {\n      if (!this.isRootSticker)\n        scrollAmt = _getOffset(this.trigger, this.scrollParent).top;\n      else scrollAmt = this.trigger.getBoundingClientRect().top;\n      this.isStuck = scrollAmt < -1;\n    } else if (this.positions.includes('bottom')) {\n      scrollAmt = this.trigger.getBoundingClientRect().top;\n      const parentBounding =\n        data && data.rootBounds\n          ? data.rootBounds\n          : (this.scrollParent instanceof Document\n              ? document.documentElement\n              : this.scrollParent\n            ).getBoundingClientRect();\n      this.isStuck = scrollAmt > parentBounding.height + parentBounding.top;\n    }\n  }\n\n  private bootstrapGurantor() {\n    this.hasBootstrapped = true;\n\n    this.scrollParent = this.scrollParent || this.getScrollParent();\n    this.isRootSticker = this.scrollParent instanceof Document;\n\n    this.trigger = this.trigger || document.createElement('div');\n    this.trigger.classList.add('sticker-trigger');\n\n    this.positionChange();\n    this.moveTrigger(true);\n    this.quietModeChange();\n\n    this.listenForScrollParent = true;\n    this.handleParentEvents(true);\n\n    this.stickerIndex = Array.from(\n      this.scrollParent.querySelectorAll('nano-sticker')\n    )\n      .filter(\n        (sticker: HTMLNanoStickerElement) => sticker.position === this.position\n      )\n      .findIndex((sticker) => sticker === this.host);\n\n    this.setOffset();\n    this.stickerResizeListener();\n    this.setupParentResizeListener();\n\n    // bit of a hack ... add default 'order'. Required for 'stickTo' elements.\n    this.slottedContent = Array.from(this.host.children);\n    this.slottedContent.forEach((child: HTMLElement) => {\n      child.style.order = this.stickerIndex + '';\n    });\n\n    this.updateTriggerOffset();\n    this.stickToChange();\n    this.setupIO();\n    this.onStickToDisplayEvent = debounce(this.onStickToDisplayEvent, 50);\n  }\n\n  // Stencil metthods\n\n  connectedCallback() {\n    this.isRtl =\n      this.host.dir === 'rtl' ||\n      (this.host.ownerDocument as Document).dir === 'rtl';\n\n    // this is all horrible.... shrug\n    document.documentElement.addEventListener('nanoComponentsReady', () => {\n      setTimeout((_) => this.bootstrapGurantor(), 200);\n    });\n    setTimeout((_) => {\n      if (!this.hasBootstrapped) this.bootstrapGurantor();\n    }, 1000);\n  }\n\n  disconnectedCallback() {\n    if (this.io) {\n      this.io.disconnect();\n      this.io = undefined;\n    }\n\n    if (this.parentSizeObserver) {\n      this.parentSizeObserver.disconnect();\n      this.parentSizeObserver = undefined;\n    }\n\n    this.quietMode = 'off';\n    this.scrollParent = null;\n  }\n\n  render() {\n    return (\n      <Host\n        sticky={!this.isRootSticker && !this.stickToEle && this.isSticky}\n        hide={this.hide && this.isStuck}\n        siblings={this.stuckCounter}\n        index={this.stickerIndex}\n        stuck={this.isStuck && this.isSticky}\n        placed-bottom={this.positions.includes('bottom')}\n        placed-top={this.positions.includes('top')}\n        placed-end={this.positions.includes('end')}\n        placed-start={this.positions.includes('start')}\n      >\n        <div\n          class={{\n            sticker: true,\n            sticky: this.isRootSticker && this.isSticky,\n            stuck: this.isStuck && this.isRootSticker && this.isSticky,\n            hide: this.isRootSticker && this.hide && this.isStuck,\n          }}\n          ref={(div) => (this.sticker = div)}\n        >\n          <div class=\"sticker-content\" ref={(div) => (this.content = div)}>\n            <slot />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../global/style/nano-theme/layers';\n\n:host {\n  /**\n  * @prop --stuck-left: The left position when your sticker is stuck. This can be useful to force your sticker to fill the viewport for example. Defaults to initial\n  * @prop --stuck-right: The right position when your sticker is stuck. This can be useful to force your sticker to fill the viewport for example. Defaults to initial\n  * @prop --stuck-z-index: The z-index order to display your sticker. Can be useful when displaying multiple stickers simultaneously. Defaults to #{$layer-index-menubar};\n  @prop --top-hide: This is used for the hide transform animation (e.g. when quiet-mode is on). Defaults to translateY(-110%);\n  @prop --bottom-hide: This is used for the hide transform animation (e.g. when quiet-mode is on). Defaults to translateY(110%);\n  */\n\n  --stuck-left: initial;\n  --stuck-right: initial;\n  --stuck-z-index: #{$layer-index-menubar};\n  --top-hide: translateY(-110%);\n  --bottom-hide: translateY(110%);\n\n  display: block;\n  max-width: 100%;\n}\n\n:host([sticky]) {\n  position: sticky;\n  transition: .3s ease transform;\n  will-change: min-height;\n}\n\n:host([sticky][stuck]) {\n  left: var(--stuck-left);\n  right: var(--stuck-right);\n  z-index: var(--stuck-z-index) !important;\n}\n\n:host([sticky][hide][placed-top]) {\n  transform: var(--top-hide);\n}\n\n:host([sticky][hide][placed-bottom]) {\n  transform: var(--bottom-hide);\n}\n\n:host([sticky][index='1']) {\n  z-index: calc( var(--stuck-z-index) + 1);\n}\n\n:host([sticky][index='2']) {\n  z-index: calc( var(--stuck-z-index) + 2);\n}\n\n:host([sticky][index='3']) {\n  z-index: calc( var(--stuck-z-index) + 3);\n}\n\n:host([sticky][index='4']) {\n  z-index: calc( var(--stuck-z-index) + 4);\n}\n\n:host([sticky][index='5']) {\n  z-index: calc( var(--stuck-z-index) + 5);\n}\n\n.sticker {\n  display: inherit;\n  max-width: inherit;\n  width: 100%;\n\n  &:not(.stuck) {\n    width: auto !important;\n  }\n\n  &.sticky {\n    transition: .3s ease all;\n    position: relative;\n\n    :host([index='1']) & {\n      z-index: calc( var(--stuck-z-index) + 1);\n    }\n\n    :host([index='2']) & {\n      z-index: calc( var(--stuck-z-index) + 2);\n    }\n\n    :host([index='3']) & {\n      z-index: calc( var(--stuck-z-index) + 3);\n    }\n\n    :host([index='4']) & {\n      z-index: calc( var(--stuck-z-index) + 4);\n    }\n\n    :host([index='5']) & {\n      z-index: calc( var(--stuck-z-index) + 5);\n    }\n  }\n\n  &.stuck {\n    position: fixed;\n    left: var(--stuck-left);\n    right: var(--stuck-right);\n    z-index: var(--stuck-z-index);\n    transform: translateY(0);\n\n    :host([placed-top]) & {\n      top: 0;\n    }\n\n    :host([placed-bottom]) & {\n      bottom: 0;\n    }\n\n    &.hide {\n      :host([placed-top]) & {\n        transform: var(--top-hide);\n      }\n\n      :host([placed-bottom]) & {\n        transform: var(--bottom-hide);\n      }\n    }\n  }\n}\n\n.sticker-content {\n  display: flex;\n  flex-wrap: wrap;\n}\n"]}

package/dist/nano-components/p-48b2cb52.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,f as s,h as e,e as h,g as l}from"./p-7a6bc3c5.js";import{W as n}from"./p-e8aace3d.js";import{C as o}from"./p-3cc4cb2a.js";import"./p-dfe5a97d.js";import"./p-0e826935.js";const a=class{constructor(s){t(this,s),this.nanoFilterChanged=i(this,"nanoFilterChanged",7),this.nanoTplUpdated=i(this,"nanoTplUpdated",7),this.filterId=null,this.tplWillRnder=new Promise((t=>{this.tplDidRnder=t})),this.internalValue=[void 0],this.showFilter=!1,this.indexResults=null,this.filterChanged=null,this.filterName=null,this.value="",this.operator="or",this.storeMethod="session",this.handleChangeEvent=()=>{let t=this.getFieldValues();return!!this.didValueChange(t)&&(this.internalValue=t,!0)}}valueSet(){let t,i=this.value;if(t="string"==typeof i?i.length?i.split("|"):[]:this.value,this.didValueChange(t)){let i=this.setFieldValues(t);i&&i.length?this.internalValue=t:this.tplWillRnder.then((()=>{this.setFieldValues(t),this.internalValue=t}))}}valueChanged(){this.value=this.internalValue,this.nanoFilterChanged.emit({filterId:this.filterId,facetName:this.filterName,value:this.internalValue,operator:this.operator})}viewFilterChange(){this.showFilter?this.attachChangeListener():this.attachChangeListener(!1)}appliedFilterChanged(){this.filterName&&this.filterChanged&&(this.filterChanged!==this.filterId||"and"===this.operator)&&this.updateContent()}tplUpdate(){this.updateContent()}handleFilterChange(){if(this.indexResults&&this.indexResults.appliedFilters){const t=this.indexResults.appliedFilters.find((t=>t.name===this.filterName));if(!t)return;this.tplWillRnder.then((()=>{let i=this.setFieldValues(t.values);i&&i.length&&(this.value=i)}))}this.updateContent()}updateContent(){let t=this.outputSlot||this.outputEle;this.el&&(this.templateStr?this.filterName&&t&&(!this.templateStr||this.indexResults&&this.indexResults.origFilters[this.filterName])||(this.showFilter=!1):this.showFilter=!0,t&&(this.indexResults?s((()=>{t.innerHTML=this.tplRenderFn(this.templateStr,{orig:Object.assign({},this.indexResults.origFilters[this.filterName]),dyn:Object.assign({},this.indexResults.dynFilters[this.filterName]),selected:this.internalValue&&this.internalValue.length?this.internalValue:this.value}),this.tplDidRnder(),this.setFieldValues(),this.showFilter||(this.showFilter=!0),this.nanoTplUpdated.emit(this.el)})):this.templateStr?s((()=>{t.innerHTML=this.tplRenderFn(this.templateStr,{orig:{},dyn:{},selected:this.internalValue&&this.internalValue.length?this.internalValue:this.value}),this.value&&this.value.length||this.handleChangeEvent()})):this.value&&this.value.length||this.handleChangeEvent()))}getFieldValues(){let t=[],i=this.outputSlot.querySelectorAll('input[type="checkbox"], input[type="radio"], select');for(let s=0;s<i.length;s++){let e=i[s];if("select-multiple"===e.type){let i=e;for(let s=0;s<i.options.length;s++)i.options[s].selected&&i.options[s].value.length&&t.push(i.options[s].value)}else("checkbox"!==e.type&&"radio"!==e.type||e.checked&&e.value.length)&&t.push(e.value)}return t}setFieldValues(t){if(!(t=t||this.internalValue))return;let i=[],s=this.outputSlot.querySelectorAll('input[type="checkbox"], input[type="radio"], select, nano-select, nano-checkbox');for(let e=0;e<s.length;e++){let h=s[e];if(!h.disabled&&"file"!==h.type&&"reset"!==h.type&&"submit"!==h.type&&"button"!==h.type)if("select-multiple"===h.type||"select-one"===h.type){let s=h;for(let e=0;e<s.options.length;e++)t.includes(s.options[e].value)?(i.push(s.value),s.options[e].selected=!0,"select-one"===h.type&&(s.value=s.options[e].value)):s.options[e].selected=!1}else["checkbox","radio","tag","segment","segment-pill"].includes(h.type)&&(t.includes(h.value)?(i.push(h.value),h.checked=!0):h.checked=!t.length&&!h.value.length)}return i}didValueChange(t){if(this.internalValue&&!t)return!0;if(!this.internalValue&&!t)return!1;if(this.internalValue&&t.length!==this.internalValue.length)return!0;let i=!1;for(var s=0;s<t.length;s++)i||this.internalValue&&this.internalValue.includes(t[s])||(i=!0);return i}attachChangeListener(t=!0){this.outputSlot&&(t?(this.outputSlot.addEventListener("change",this.handleChangeEvent),this.outputSlot.addEventListener("nanoChange",this.handleChangeEvent)):(this.outputSlot.removeEventListener("change",this.handleChangeEvent),this.outputSlot.removeEventListener("nanoChange",this.handleChangeEvent)))}connectedCallback(){this.templateSlot=this.el.querySelector('[slot="filter-template"]'),this.outputSlot=this.el.querySelector('[slot="output"]'),this.filterId=this.filterName+"_"+r++,this.templateSlot&&(this.templateStr=this.templateSlot.innerHTML,this.templateStr=this.templateStr.replace(/=&gt;/gm,"=>"))}componentWillLoad(){this.storeId&&o.init(this,["value"],this.storeMethod||this.globalStoreMethod,this.storeId)}componentDidLoad(){this.updateContent(),this.templateStr&&this.filterName&&this.indexResults&&this.indexResults.origFilters[this.filterName]&&(this.showFilter=!0)}render(){return e(h,{class:{"show-filter":this.showFilter}},e("div",{ref:t=>this.outputEle=t},e("slot",{name:"output"})))}get el(){return l(this)}static get watchers(){return{value:["valueSet"],internalValue:["valueChanged"],showFilter:["viewFilterChange"],facets:["appliedFilterChanged"],tplRenderFn:["tplUpdate"],indexResults:["handleFilterChange"]}}};n(a,["globalStoreMethod","indexResults","filterChanged","facets","tplRenderFn","changeEvent"]);let r=0;a.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:none}:host ::slotted([slot=filter-template]),:host::slotted([slot=filter-template]){display:none !important}:host(.show-filter){display:block}";export{a as nano_algolia_filter}
-//# sourceMappingURL=p-48b2cb52.entry.js.map

package/dist/nano-components/p-48b2cb52.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/algolia/algolia-filter.scss?tag=nano-algolia-filter&encapsulation=shadow","src/components/algolia/algolia-filter.tsx"],"names":["AlgoliaFilter","[object Object]","hostRef","this","filterId","tplWillRnder","Promise","resolve","tplDidRnder","internalValue","undefined","showFilter","indexResults","filterChanged","filterName","value","operator","storeMethod","handleChangeEvent","vals","getFieldValues","didValueChange","valStr","length","split","foundVals","setFieldValues","then","nanoFilterChanged","emit","facetName","attachChangeListener","updateContent","appliedFilters","foundValue","find","filter","name","values","outputTo","outputSlot","outputEle","el","templateStr","origFilters","writeTask","innerHTML","tplRenderFn","orig","Object","assign","dyn","dynFilters","selected","nanoTplUpdated","fields","querySelectorAll","i","field","type","select","n","options","push","checked","found","disabled","includes","newVal","hasChanged","attach","addEventListener","removeEventListener","templateSlot","querySelector","filterIds","replace","storeId","ComponentStore","init","globalStoreMethod","h","Host","class","show-filter","ref","div","Wormhole"],"mappings":"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","sourcesContent":[":host {\n  display: none;\n\n  ::slotted([slot=\"filter-template\"]),\n  &::slotted([slot=\"filter-template\"]) {\n    display: none !important;\n  }\n}\n\n:host(.show-filter) {\n  display: block;\n}\n","import {\n  Component,\n  h,\n  Element,\n  Host,\n  Prop,\n  Watch,\n  State,\n  EventEmitter,\n  Event,\n  writeTask,\n} from '@stencil/core';\nimport {\n  IndexResult,\n  FilterChangeEventDetail,\n  AlgoliaFacet,\n} from '../../interface';\nimport {\n  SearchChangeEvent,\n  Wormhole,\n  WormholeConsumerConstructor,\n} from '../algolia/algolia-data';\nimport {\n  ComponentStore,\n  StorageMethods,\n} from '../../utils/store/component-store';\n\n/**\n * Displays and syncs algolia filters\n * Must be nested within an nano-algolia component.\n * @slot filter-template - Template string (format from nano-algolia 'tplEngine' property).\n * @slot output - A placeholder for template output.\n */\n@Component({\n  tag: 'nano-algolia-filter',\n  shadow: true,\n  styleUrl: 'algolia-filter.scss',\n})\nexport class AlgoliaFilter {\n  @Element() el: HTMLNanoAlgoliaFilterElement;\n\n  private templateStr: string;\n  private templateSlot: HTMLElement;\n  private outputSlot: HTMLElement;\n  private outputEle: HTMLElement;\n  private filterId: string = null;\n  private tplDidRnder;\n  private tplWillRnder = new Promise((resolve) => {\n    this.tplDidRnder = resolve;\n  });\n\n  @State() changeEvent: SearchChangeEvent;\n  @State() internalValue: Array<string> = [undefined];\n  @State() showFilter: boolean = false;\n  @State() indexResults: IndexResult = null;\n  @State() filterChanged: string = null;\n  @State() facets: AlgoliaFacet;\n  @State() tplRenderFn: (...args: any[]) => string;\n  @State() globalStoreMethod: StorageMethods;\n\n  /**\n   * Name of this filter - must match an appropriate algolia facet on a parent nano-algolia index to display\n   */\n  @Prop() filterName: string = null;\n\n  /**\n   * Set values of this filter. Will result in form elements being selected. '|' delimited string or array.\n   */\n  @Prop() value: string | Array<string> = '';\n\n  /**\n   * The internal operator joining filter values.\n   */\n  @Prop() operator: 'or' | 'and' = 'or';\n\n  /**\n   * Store search queries (against this ID) to the component store.\n   * Use in conjunction with storeMethod\n   */\n  @Prop() storeId?: string;\n\n  /**\n   * The method of storage.\n   * Either session storage, url hash (after the '#') or url query (after the '?').\n   */\n  @Prop() storeMethod: StorageMethods = 'session';\n\n  /**\n   * Emitted when the filter value changes\n   */\n  @Event() nanoFilterChanged!: EventEmitter<FilterChangeEventDetail>;\n\n  /**\n   * Emitted when templates are updated\n   */\n  @Event() nanoTplUpdated!: EventEmitter<HTMLNanoAlgoliaFilterElement>;\n\n  // Public facing. When changed attempts to 'check' any relevant fields in the template.\n  @Watch('value')\n  valueSet() {\n    let valStr = this.value as string;\n    let vals;\n\n    if (typeof valStr === 'string')\n      vals = valStr.length ? valStr.split('|') : [];\n    else vals = this.value as Array<string>;\n\n    if (this.didValueChange(vals)) {\n      let foundVals = this.setFieldValues(vals);\n      // found in template, set the internal state (this emits the changed event)\n      if (foundVals && foundVals.length) this.internalValue = vals;\n      // not found in template, wait for it to render.\n      else {\n        this.tplWillRnder.then((_) => {\n          this.setFieldValues(vals);\n          this.internalValue = vals;\n        });\n      }\n    }\n  }\n\n  // Value has changed and is reflected in template. Emit event.\n  @Watch('internalValue')\n  valueChanged() {\n    this.value = this.internalValue;\n    this.nanoFilterChanged.emit({\n      filterId: this.filterId,\n      facetName: this.filterName,\n      value: this.internalValue,\n      operator: this.operator,\n    });\n  }\n\n  @Watch('showFilter')\n  viewFilterChange() {\n    if (this.showFilter) this.attachChangeListener();\n    else this.attachChangeListener(false);\n  }\n\n  // New facets from algolia. Update template\n  @Watch('facets')\n  appliedFilterChanged() {\n    if (\n      this.filterName &&\n      this.filterChanged &&\n      (this.filterChanged !== this.filterId || this.operator === 'and')\n    ) {\n      this.updateContent();\n    }\n  }\n\n  @Watch('tplRenderFn')\n  tplUpdate() {\n    this.updateContent();\n  }\n\n  @Watch('indexResults')\n  handleFilterChange() {\n    if (this.indexResults && this.indexResults.appliedFilters) {\n      const foundValue = this.indexResults.appliedFilters.find(\n        (filter) => filter.name === this.filterName\n      );\n      if (!foundValue) return;\n\n      this.tplWillRnder.then((_) => {\n        let foundVals = this.setFieldValues(foundValue.values);\n        if (foundVals && foundVals.length) this.value = foundVals;\n      });\n    }\n    this.updateContent();\n  }\n\n  private updateContent() {\n    let outputTo = this.outputSlot || this.outputEle;\n    if (!this.el) return;\n\n    // there's no template so show output right away\n    if (!this.templateStr) this.showFilter = true;\n    // there's a template but no index set so hide filters atm\n    else if (\n      !this.filterName ||\n      !outputTo ||\n      (this.templateStr &&\n        (!this.indexResults || !this.indexResults.origFilters[this.filterName]))\n    ) {\n      this.showFilter = false;\n    }\n\n    // there's no output element so nothing else to do\n    if (!outputTo) return;\n\n    // there's no index set atm but get any static filter values so we can apply them\n    if (!this.indexResults) {\n      if (this.templateStr) {\n        writeTask(() => {\n          outputTo.innerHTML = this.tplRenderFn(this.templateStr, {\n            orig: {},\n            dyn: {},\n            selected:\n              this.internalValue && this.internalValue.length\n                ? this.internalValue\n                : this.value,\n          });\n          if (!this.value || !this.value.length) this.handleChangeEvent();\n        });\n      } else if (!this.value || !this.value.length) this.handleChangeEvent();\n      return;\n    }\n\n    // everything is in place - render as normal and set values\n    writeTask(() => {\n      outputTo.innerHTML = this.tplRenderFn(this.templateStr, {\n        orig: { ...this.indexResults.origFilters[this.filterName] },\n        dyn: { ...this.indexResults.dynFilters[this.filterName] },\n        selected:\n          this.internalValue && this.internalValue.length\n            ? this.internalValue\n            : this.value,\n      });\n      this.tplDidRnder();\n      this.setFieldValues();\n\n      if (!this.showFilter) this.showFilter = true;\n      this.nanoTplUpdated.emit(this.el);\n    });\n  }\n\n  private handleChangeEvent = () => {\n    let vals = this.getFieldValues();\n    if (this.didValueChange(vals)) {\n      this.internalValue = vals;\n      return true;\n    }\n    return false;\n  };\n\n  // go through form elements and extract their current value\n  private getFieldValues() {\n    let values = [];\n    let fields = this.outputSlot.querySelectorAll(\n      'input[type=\"checkbox\"], input[type=\"radio\"], select'\n    );\n\n    for (let i = 0; i < fields.length; i++) {\n      let field = fields[i] as HTMLInputElement;\n\n      // If a multi-select, get all selections\n      if (field.type === 'select-multiple') {\n        let select: HTMLSelectElement = field as any;\n        for (let n = 0; n < select.options.length; n++) {\n          if (!select.options[n].selected || !select.options[n].value.length)\n            continue;\n          values.push(select.options[n].value);\n        }\n      } else if (\n        (field.type !== 'checkbox' && field.type !== 'radio') ||\n        (field.checked && field.value.length)\n      ) {\n        values.push(field.value);\n      }\n    }\n    return values;\n  }\n\n  // go through form elements and select / check them as appropriate\n  private setFieldValues(vals?: string[]): void | string[] {\n    vals = vals || this.internalValue;\n    if (!vals) return;\n\n    let found = [];\n    let fields = this.outputSlot.querySelectorAll(\n      'input[type=\"checkbox\"], input[type=\"radio\"], select, nano-select, nano-checkbox'\n    );\n\n    for (let i = 0; i < fields.length; i++) {\n      let field = fields[i] as HTMLInputElement;\n\n      if (\n        field.disabled ||\n        field.type === 'file' ||\n        field.type === 'reset' ||\n        field.type === 'submit' ||\n        field.type === 'button'\n      )\n        continue;\n\n      if (field.type === 'select-multiple' || field.type === 'select-one') {\n        let select: HTMLSelectElement = field as any;\n        for (let n = 0; n < select.options.length; n++) {\n          if (!vals.includes(select.options[n].value))\n            select.options[n].selected = false;\n          else {\n            found.push(select.value);\n            select.options[n].selected = true;\n            if (field.type === 'select-one')\n              select.value = select.options[n].value;\n          }\n        }\n      } else if (\n        ['checkbox', 'radio', 'tag', 'segment', 'segment-pill'].includes(\n          field.type\n        )\n      ) {\n        if (vals.includes(field.value)) {\n          found.push(field.value);\n          field.checked = true;\n        } else if (!vals.length && !field.value.length) {\n          field.checked = true;\n        } else field.checked = false;\n      }\n    }\n    return found;\n  }\n\n  private didValueChange(newVal: Array<string>) {\n    if (!!this.internalValue && !newVal) return true;\n    if (!this.internalValue && !newVal) return false;\n    if (this.internalValue && newVal.length !== this.internalValue.length)\n      return true;\n\n    let hasChanged = false;\n    for (var i = 0; i < newVal.length; i++) {\n      if (\n        !hasChanged &&\n        (!this.internalValue || !this.internalValue.includes(newVal[i]))\n      )\n        hasChanged = true;\n    }\n    return hasChanged;\n  }\n\n  private attachChangeListener(attach: boolean = true) {\n    if (!this.outputSlot) return;\n    if (attach) {\n      this.outputSlot.addEventListener('change', this.handleChangeEvent);\n      this.outputSlot.addEventListener('nanoChange', this.handleChangeEvent);\n    } else {\n      this.outputSlot.removeEventListener('change', this.handleChangeEvent);\n      this.outputSlot.removeEventListener('nanoChange', this.handleChangeEvent);\n    }\n  }\n\n  connectedCallback() {\n    this.templateSlot = this.el.querySelector('[slot=\"filter-template\"]');\n    this.outputSlot = this.el.querySelector('[slot=\"output\"]');\n    this.filterId = this.filterName + '_' + filterIds++;\n\n    if (!!this.templateSlot) {\n      this.templateStr = this.templateSlot.innerHTML;\n      this.templateStr = this.templateStr.replace(/=&gt;/gm, '=>');\n    }\n  }\n\n  componentWillLoad() {\n    if (this.storeId)\n      ComponentStore.init(\n        this,\n        ['value'],\n        this.storeMethod || this.globalStoreMethod,\n        this.storeId\n      );\n  }\n\n  componentDidLoad() {\n    this.updateContent();\n\n    if (\n      this.templateStr &&\n      this.filterName &&\n      this.indexResults &&\n      this.indexResults.origFilters[this.filterName]\n    )\n      this.showFilter = true;\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          'show-filter': this.showFilter,\n        }}\n      >\n        <div ref={(div) => (this.outputEle = div)}>\n          <slot name=\"output\" />\n        </div>\n      </Host>\n    );\n  }\n}\n\nWormhole(AlgoliaFilter as WormholeConsumerConstructor, [\n  'globalStoreMethod',\n  'indexResults',\n  'filterChanged',\n  'facets',\n  'tplRenderFn',\n  'changeEvent',\n]);\nlet filterIds = 0;\n"]}

package/dist/nano-components/p-492a8fa8.system.js

@@ -1,2 +0,0 @@
-System.register([],(function(t){"use strict";return{execute:function(){t({D:void 0,a:u,b:h,c:r,d:i,e:f,f:s,g:d,h:g,i:v,j:D,k:c,p:a,s:o});var e=/^(\d{4})-(\d{2})-(\d{2})$/;var n;(function(t){t[t["Sunday"]=0]="Sunday";t[t["Monday"]=1]="Monday";t[t["Tuesday"]=2]="Tuesday";t[t["Wednesday"]=3]="Wednesday";t[t["Thursday"]=4]="Thursday";t[t["Friday"]=5]="Friday";t[t["Saturday"]=6]="Saturday"})(n||(n=t("D",{})));function r(t,e,n){var r=parseInt(n,10);var a=parseInt(e,10);var u=parseInt(t,10);var i=Number.isInteger(u)&&Number.isInteger(a)&&Number.isInteger(r)&&a>0&&a<=12&&r>0&&r<=31&&u>0;if(i){return new Date(u,a-1,r)}}function a(t){if(!t){return}var n=t.match(e);if(n){return r(n[1],n[2],n[3])}}function u(t){if(!t){return""}var e=t.getDate().toString(10);var n=(t.getMonth()+1).toString(10);var r=t.getFullYear().toString(10);if(t.getDate()<10){e="0"+e}if(t.getMonth()<9){n="0"+n}return r+"-"+n+"-"+e}function i(t,e){var n=new Date(t);n.setDate(n.getDate()+e);return n}function o(t,e){if(e===void 0){e=n.Monday}var r=new Date(t);var a=r.getDay();var u=(a<e?7:0)+a-e;r.setDate(r.getDate()-u);return r}function f(t,e){if(e===void 0){e=n.Monday}var r=new Date(t);var a=r.getDay();var u=(a<e?-7:0)+6-(a-e);r.setDate(r.getDate()+u);return r}function d(t){return new Date(t.getFullYear(),t.getMonth(),1)}function g(t){return new Date(t.getFullYear(),t.getMonth()+1,0)}function s(t,e){var n=new Date(t);n.setMonth(e);return n}function c(t,e){var n=new Date(t);n.setFullYear(e);return n}function v(t,e,n){return D(t,e,n)===t}function D(t,e,n){var r=t.getTime();if(e&&e instanceof Date&&r<e.getTime()){return e}if(n&&n instanceof Date&&r>n.getTime()){return n}return t}function y(){return Math.random().toString(16).slice(-4)}function h(t){return t+"-"+y()+y()+"-"+y()+"-"+y()+"-"+y()+"-"+y()+y()+y()}}}}));
-//# sourceMappingURL=p-492a8fa8.system.js.map

package/dist/nano-components/p-492a8fa8.system.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/utils/date-utils.ts"],"names":["ISO_DATE_FORMAT","DaysOfWeek","exports","createDate","year","month","day","dayInt","parseInt","monthInt","yearInt","isValid","Number","isInteger","Date","parseISODate","value","matches","match","printISODate","date","d","getDate","toString","m","getMonth","y","getFullYear","addDays","days","setDate","startOfWeek","firstDayOfWeek","Monday","getDay","diff","endOfWeek","startOfMonth","endOfMonth","setMonth","setYear","setFullYear","inRange","min","max","clamp","time","getTime","chr4","Math","random","slice","createIdentifier","prefix"],"mappings":"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","sourcesContent":["const ISO_DATE_FORMAT = /^(\\d{4})-(\\d{2})-(\\d{2})$/;\n\nexport enum DaysOfWeek {\n  Sunday = 0,\n  Monday = 1,\n  Tuesday = 2,\n  Wednesday = 3,\n  Thursday = 4,\n  Friday = 5,\n  Saturday = 6,\n}\n\nexport function createDate(year: string, month: string, day: string): Date {\n  var dayInt = parseInt(day, 10);\n  var monthInt = parseInt(month, 10);\n  var yearInt = parseInt(year, 10);\n\n  const isValid =\n    Number.isInteger(yearInt) && // all parts should be integers\n    Number.isInteger(monthInt) &&\n    Number.isInteger(dayInt) &&\n    monthInt > 0 && // month must be 1-12\n    monthInt <= 12 &&\n    dayInt > 0 && // day must be 1-31\n    dayInt <= 31 &&\n    yearInt > 0;\n\n  if (isValid) {\n    return new Date(yearInt, monthInt - 1, dayInt);\n  }\n}\n\n/**\n * @param value date string in ISO format YYYY-MM-DD\n */\nexport function parseISODate(value: string): Date {\n  if (!value) {\n    return;\n  }\n\n  const matches = value.match(ISO_DATE_FORMAT);\n  if (matches) {\n    return createDate(matches[1], matches[2], matches[3]);\n  }\n}\n\n/**\n * print date in format YYYY-MM-DD\n * @param date\n */\nexport function printISODate(date: Date): string {\n  if (!date) {\n    return '';\n  }\n\n  var d = date.getDate().toString(10);\n  var m = (date.getMonth() + 1).toString(10);\n  var y = date.getFullYear().toString(10);\n\n  // days are not zero-indexed, so pad if less than 10\n  if (date.getDate() < 10) {\n    d = `0${d}`;\n  }\n\n  // months *are* zero-indexed, pad if less than 9!\n  if (date.getMonth() < 9) {\n    m = `0${m}`;\n  }\n\n  return `${y}-${m}-${d}`;\n}\n\n/**\n * Compare if two dates are equal in terms of day, month, and year\n */\nexport function isEqual(a: Date, b: Date): boolean {\n  if (a == null || b == null) {\n    return false;\n  }\n\n  return (\n    a.getFullYear() === b.getFullYear() &&\n    a.getMonth() === b.getMonth() &&\n    a.getDate() === b.getDate()\n  );\n}\n\nexport function addDays(date: Date, days: number): Date {\n  var d = new Date(date);\n  d.setDate(d.getDate() + days);\n  return d;\n}\n\nexport function addMonths(date: Date, months: number): Date {\n  const d = new Date(date);\n  d.setMonth(date.getMonth() + months);\n  return d;\n}\n\nexport function addYears(date: Date, years: number): Date {\n  const d = new Date(date);\n  d.setFullYear(date.getFullYear() + years);\n  return d;\n}\n\nexport function startOfWeek(\n  date: Date,\n  firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday\n): Date {\n  var d = new Date(date);\n  var day = d.getDay();\n  var diff = (day < firstDayOfWeek ? 7 : 0) + day - firstDayOfWeek;\n\n  d.setDate(d.getDate() - diff);\n  return d;\n}\n\nexport function endOfWeek(\n  date: Date,\n  firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday\n): Date {\n  var d = new Date(date);\n  var day = d.getDay();\n  var diff = (day < firstDayOfWeek ? -7 : 0) + 6 - (day - firstDayOfWeek);\n\n  d.setDate(d.getDate() + diff);\n  return d;\n}\n\nexport function startOfMonth(date: Date): Date {\n  return new Date(date.getFullYear(), date.getMonth(), 1);\n}\n\nexport function endOfMonth(date: Date): Date {\n  return new Date(date.getFullYear(), date.getMonth() + 1, 0);\n}\n\nexport function setMonth(date: Date, month: number): Date {\n  const d = new Date(date);\n  d.setMonth(month);\n  return d;\n}\n\nexport function setYear(date: Date, year: number): Date {\n  const d = new Date(date);\n  d.setFullYear(year);\n  return d;\n}\n\n/**\n * Check if date is within a min and max\n */\nexport function inRange(date: Date, min?: Date, max?: Date): boolean {\n  return clamp(date, min, max) === date;\n}\n\n/**\n * Ensures date is within range, returns min or max if out of bounds\n */\nexport function clamp(date: Date, min?: Date, max?: Date): Date {\n  const time = date.getTime();\n\n  if (min && min instanceof Date && time < min.getTime()) {\n    return min;\n  }\n  if (max && max instanceof Date && time > max.getTime()) {\n    return max;\n  }\n  return date;\n}\n\n/**\n * given start and end date, return an (inclusive) array of all dates in between\n * @param start\n * @param end\n */\nfunction getDaysInRange(start: Date, end: Date): Date[] {\n  const days: Date[] = [];\n  let current = start;\n\n  while (!isEqual(current, end)) {\n    days.push(current);\n    current = addDays(current, 1);\n  }\n\n  days.push(current);\n\n  return days;\n}\n\n/**\n * given a date, return an array of dates from a calendar perspective\n * @param date\n * @param firstDayOfWeek\n */\nexport function getViewOfMonth(\n  date: Date,\n  firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday\n): Date[] {\n  const start = startOfWeek(startOfMonth(date), firstDayOfWeek);\n  const end = endOfWeek(endOfMonth(date), firstDayOfWeek);\n\n  return getDaysInRange(start, end);\n}\n\n/**\n * Form random hash\n */\nexport function chr4() {\n  return Math.random().toString(16).slice(-4);\n}\n\n/**\n * Create random identifier with a prefix\n * @param prefix\n */\nexport function createIdentifier(prefix) {\n  return `${prefix}-${chr4()}${chr4()}-${chr4()}-${chr4()}-${chr4()}-${chr4()}${chr4()}${chr4()}`;\n}\n"]}

package/dist/nano-components/p-4ee095f3.js

@@ -1,2 +0,0 @@
-var t="top",n="bottom",e="right",r="left",i=[t,n,e,r],o=i.reduce((function(t,n){return t.concat([n+"-start",n+"-end"])}),[]),a=[].concat(i,["auto"]).reduce((function(t,n){return t.concat([n,n+"-start",n+"-end"])}),[]),u=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function f(t){return t?(t.nodeName||"").toLowerCase():null}function c(t){if(null==t)return window;if("[object Window]"!==t.toString()){var n=t.ownerDocument;return n&&n.defaultView||window}return t}function s(t){return t instanceof c(t).Element||t instanceof Element}function p(t){return t instanceof c(t).HTMLElement||t instanceof HTMLElement}function d(t){return"undefined"!=typeof ShadowRoot&&(t instanceof c(t).ShadowRoot||t instanceof ShadowRoot)}function l(t){return t.split("-")[0]}var v=Math.round;function h(t,n){void 0===n&&(n=!1);var e=t.getBoundingClientRect(),r=1,i=1;if(p(t)&&n){var o=t.offsetHeight,a=t.offsetWidth;a>0&&(r=e.width/a||1),o>0&&(i=e.height/o||1)}return{width:v(e.width/r),height:v(e.height/i),top:v(e.top/i),right:v(e.right/r),bottom:v(e.bottom/i),left:v(e.left/r),x:v(e.left/r),y:v(e.top/i)}}function b(t){var n=h(t),e=t.offsetWidth,r=t.offsetHeight;return Math.abs(n.width-e)<=1&&(e=n.width),Math.abs(n.height-r)<=1&&(r=n.height),{x:t.offsetLeft,y:t.offsetTop,width:e,height:r}}function m(t,n){var e=n.getRootNode&&n.getRootNode();if(t.contains(n))return!0;if(e&&d(e)){var r=n;do{if(r&&t.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function y(t){return c(t).getComputedStyle(t)}function w(t){return["table","td","th"].indexOf(f(t))>=0}function g(t){return((s(t)?t.ownerDocument:t.document)||window.document).documentElement}function O(t){return"html"===f(t)?t:t.assignedSlot||t.parentNode||(d(t)?t.host:null)||g(t)}function x(t){return p(t)&&"fixed"!==y(t).position?t.offsetParent:null}function j(t){for(var n=c(t),e=x(t);e&&w(e)&&"static"===y(e).position;)e=x(e);return e&&("html"===f(e)||"body"===f(e)&&"static"===y(e).position)?n:e||function(t){var n=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&p(t)&&"fixed"===y(t).position)return null;for(var e=O(t);p(e)&&["html","body"].indexOf(f(e))<0;){var r=y(e);if("none"!==r.transform||"none"!==r.perspective||"paint"===r.contain||-1!==["transform","perspective"].indexOf(r.willChange)||n&&"filter"===r.willChange||n&&r.filter&&"none"!==r.filter)return e;e=e.parentNode}return null}(t)||n}function M(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}var E=Math.max,k=Math.min,q=Math.round;function A(t,n,e){return E(t,k(n,e))}function P(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function B(t,n){return n.reduce((function(n,e){return n[e]=t,n}),{})}function S(t){return t.split("-")[1]}var T={top:"auto",right:"auto",bottom:"auto",left:"auto"};function R(i){var o,a=i.popper,u=i.popperRect,f=i.placement,s=i.variation,p=i.offsets,d=i.position,l=i.gpuAcceleration,v=i.adaptive,h=i.roundOffsets,b=!0===h?function(t){var n=t.y,e=window.devicePixelRatio||1;return{x:q(q(t.x*e)/e)||0,y:q(q(n*e)/e)||0}}(p):"function"==typeof h?h(p):p,m=b.x,w=void 0===m?0:m,O=b.y,x=void 0===O?0:O,M=p.hasOwnProperty("x"),E=p.hasOwnProperty("y"),k=r,A=t,P=window;if(v){var B=j(a),S="clientHeight",R="clientWidth";B===c(a)&&"static"!==y(B=g(a)).position&&"absolute"===d&&(S="scrollHeight",R="scrollWidth"),B=B,f!==t&&(f!==r&&f!==e||"end"!==s)||(A=n,x-=B[S]-u.height,x*=l?1:-1),f!==r&&(f!==t&&f!==n||"end"!==s)||(k=e,w-=B[R]-u.width,w*=l?1:-1)}var W,H=Object.assign({position:d},v&&T);return Object.assign({},H,l?((W={})[A]=E?"0":"",W[k]=M?"0":"",W.transform=(P.devicePixelRatio||1)<=1?"translate("+w+"px, "+x+"px)":"translate3d("+w+"px, "+x+"px, 0)",W):((o={})[A]=E?x+"px":"",o[k]=M?w+"px":"",o.transform="",o))}var W={passive:!0},H={left:"right",right:"left",bottom:"top",top:"bottom"};function L(t){return t.replace(/left|right|bottom|top/g,(function(t){return H[t]}))}var I={start:"end",end:"start"};function C(t){return t.replace(/start|end/g,(function(t){return I[t]}))}function F(t){var n=c(t);return{scrollLeft:n.pageXOffset,scrollTop:n.pageYOffset}}function z(t){return h(g(t)).left+F(t).scrollLeft}function D(t){var n=y(t);return/auto|scroll|overlay|hidden/.test(n.overflow+n.overflowY+n.overflowX)}function U(t){return["html","body","#document"].indexOf(f(t))>=0?t.ownerDocument.body:p(t)&&D(t)?t:U(O(t))}function V(t,n){var e;void 0===n&&(n=[]);var r=U(t),i=r===(null==(e=t.ownerDocument)?void 0:e.body),o=c(r),a=i?[o].concat(o.visualViewport||[],D(r)?r:[]):r,u=n.concat(a);return i?u:u.concat(V(O(a)))}function _(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function G(t,n){return"viewport"===n?_(function(t){var n=c(t),e=g(t),r=n.visualViewport,i=e.clientWidth,o=e.clientHeight,a=0,u=0;return r&&(i=r.width,o=r.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(a=r.offsetLeft,u=r.offsetTop)),{width:i,height:o,x:a+z(t),y:u}}(t)):p(n)?function(t){var n=h(t);return n.top=n.top+t.clientTop,n.left=n.left+t.clientLeft,n.bottom=n.top+t.clientHeight,n.right=n.left+t.clientWidth,n.width=t.clientWidth,n.height=t.clientHeight,n.x=n.left,n.y=n.top,n}(n):_(function(t){var n,e=g(t),r=F(t),i=null==(n=t.ownerDocument)?void 0:n.body,o=E(e.scrollWidth,e.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),a=E(e.scrollHeight,e.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0),u=-r.scrollLeft+z(t),f=-r.scrollTop;return"rtl"===y(i||e).direction&&(u+=E(e.clientWidth,i?i.clientWidth:0)-o),{width:o,height:a,x:u,y:f}}(g(t)))}function J(i){var o,a=i.reference,u=i.element,f=i.placement,c=f?l(f):null,s=f?S(f):null,p=a.x+a.width/2-u.width/2,d=a.y+a.height/2-u.height/2;switch(c){case t:o={x:p,y:a.y-u.height};break;case n:o={x:p,y:a.y+a.height};break;case e:o={x:a.x+a.width,y:d};break;case r:o={x:a.x-u.width,y:d};break;default:o={x:a.x,y:a.y}}var v=c?M(c):null;if(null!=v){var h="y"===v?"height":"width";switch(s){case"start":o[v]=o[v]-(a[h]/2-u[h]/2);break;case"end":o[v]=o[v]+(a[h]/2-u[h]/2)}}return o}function K(r,o){void 0===o&&(o={});var a=o.placement,u=void 0===a?r.placement:a,c=o.boundary,d=void 0===c?"clippingParents":c,l=o.rootBoundary,v=void 0===l?"viewport":l,b=o.elementContext,w=void 0===b?"popper":b,x=o.altBoundary,M=void 0!==x&&x,q=o.padding,A=void 0===q?0:q,S=P("number"!=typeof A?A:B(A,i)),T=r.rects.popper,R=r.elements[M?"popper"===w?"reference":"popper":w],W=function(t,n,e){var r="clippingParents"===n?function(t){var n=V(O(t)),e=["absolute","fixed"].indexOf(y(t).position)>=0&&p(t)?j(t):t;return s(e)?n.filter((function(t){return s(t)&&m(t,e)&&"body"!==f(t)})):[]}(t):[].concat(n),i=[].concat(r,[e]),o=i.reduce((function(n,e){var r=G(t,e);return n.top=E(r.top,n.top),n.right=k(r.right,n.right),n.bottom=k(r.bottom,n.bottom),n.left=E(r.left,n.left),n}),G(t,i[0]));return o.width=o.right-o.left,o.height=o.bottom-o.top,o.x=o.left,o.y=o.top,o}(s(R)?R:R.contextElement||g(r.elements.popper),d,v),H=h(r.elements.reference),L=J({reference:H,element:T,strategy:"absolute",placement:u}),I=_(Object.assign({},T,L)),C="popper"===w?I:H,F={top:W.top-C.top+S.top,bottom:C.bottom-W.bottom+S.bottom,left:W.left-C.left+S.left,right:C.right-W.right+S.right},z=r.modifiersData.offset;if("popper"===w&&z){var D=z[u];Object.keys(F).forEach((function(r){var i=[e,n].indexOf(r)>=0?1:-1,o=[t,n].indexOf(r)>=0?"y":"x";F[r]+=D[o]*i}))}return F}function N(t,n){void 0===n&&(n={});var e=n.boundary,r=n.rootBoundary,u=n.padding,f=n.flipVariations,c=n.allowedAutoPlacements,s=void 0===c?a:c,p=S(n.placement),d=p?f?o:o.filter((function(t){return S(t)===p})):i,v=d.filter((function(t){return s.indexOf(t)>=0}));0===v.length&&(v=d);var h=v.reduce((function(n,i){return n[i]=K(t,{placement:i,boundary:e,rootBoundary:r,padding:u})[l(i)],n}),{});return Object.keys(h).sort((function(t,n){return h[t]-h[n]}))}function Q(t,n,e){return void 0===e&&(e={x:0,y:0}),{top:t.top-n.height-e.y,right:t.right-n.width+e.x,bottom:t.bottom-n.height+e.y,left:t.left-n.width-e.x}}function X(i){return[t,e,n,r].some((function(t){return i[t]>=0}))}function Y(t,n,e){void 0===e&&(e=!1);var r,i,o=p(n),a=p(n)&&function(t){var n=t.getBoundingClientRect();return 1!==(n.width/t.offsetWidth||1)||1!==(n.height/t.offsetHeight||1)}(n),u=g(n),s=h(t,a),d={scrollLeft:0,scrollTop:0},l={x:0,y:0};return(o||!o&&!e)&&(("body"!==f(n)||D(u))&&(d=(r=n)!==c(r)&&p(r)?{scrollLeft:(i=r).scrollLeft,scrollTop:i.scrollTop}:F(r)),p(n)?((l=h(n,!0)).x+=n.clientLeft,l.y+=n.clientTop):u&&(l.x=z(u))),{x:s.left+d.scrollLeft-l.x,y:s.top+d.scrollTop-l.y,width:s.width,height:s.height}}function Z(t){var n=new Map,e=new Set,r=[];function i(t){e.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!e.has(t)){var r=n.get(t);r&&i(r)}})),r.push(t)}return t.forEach((function(t){n.set(t.name,t)})),t.forEach((function(t){e.has(t.name)||i(t)})),r}var $={placement:"bottom",modifiers:[],strategy:"absolute"};function tt(){for(var t=arguments.length,n=new Array(t),e=0;e<t;e++)n[e]=arguments[e];return!n.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function nt(t){void 0===t&&(t={});var n=t.defaultModifiers,e=void 0===n?[]:n,r=t.defaultOptions,i=void 0===r?$:r;return function(t,n,r){void 0===r&&(r=i);var o,a,f={placement:"bottom",orderedModifiers:[],options:Object.assign({},$,i),modifiersData:{},elements:{reference:t,popper:n},attributes:{},styles:{}},c=[],p=!1,d={state:f,setOptions:function(r){var o="function"==typeof r?r(f.options):r;l(),f.options=Object.assign({},i,f.options,o),f.scrollParents={reference:s(t)?V(t):t.contextElement?V(t.contextElement):[],popper:V(n)};var a,p,v=function(t){var n=Z(t);return u.reduce((function(t,e){return t.concat(n.filter((function(t){return t.phase===e})))}),[])}((a=[].concat(e,f.options.modifiers),p=a.reduce((function(t,n){var e=t[n.name];return t[n.name]=e?Object.assign({},e,n,{options:Object.assign({},e.options,n.options),data:Object.assign({},e.data,n.data)}):n,t}),{}),Object.keys(p).map((function(t){return p[t]}))));return f.orderedModifiers=v.filter((function(t){return t.enabled})),f.orderedModifiers.forEach((function(t){var n=t.options,e=t.effect;if("function"==typeof e){var r=e({state:f,name:t.name,instance:d,options:void 0===n?{}:n});c.push(r||function(){})}})),d.update()},forceUpdate:function(){if(!p){var t=f.elements,n=t.reference,e=t.popper;if(tt(n,e)){f.rects={reference:Y(n,j(e),"fixed"===f.options.strategy),popper:b(e)},f.reset=!1,f.placement=f.options.placement,f.orderedModifiers.forEach((function(t){return f.modifiersData[t.name]=Object.assign({},t.data)}));for(var r=0;r<f.orderedModifiers.length;r++)if(!0!==f.reset){var i=f.orderedModifiers[r],o=i.fn,a=i.options;"function"==typeof o&&(f=o({state:f,options:void 0===a?{}:a,name:i.name,instance:d})||f)}else f.reset=!1,r=-1}}},update:(o=function(){return new Promise((function(t){d.forceUpdate(),t(f)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(o())}))}))),a}),destroy:function(){l(),p=!0}};if(!tt(t,n))return d;function l(){c.forEach((function(t){return t()})),c=[]}return d.setOptions(r).then((function(t){!p&&r.onFirstUpdate&&r.onFirstUpdate(t)})),d}}var et=nt({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var n=t.state,e=t.instance,r=t.options,i=r.scroll,o=void 0===i||i,a=r.resize,u=void 0===a||a,f=c(n.elements.popper),s=[].concat(n.scrollParents.reference,n.scrollParents.popper);return o&&s.forEach((function(t){t.addEventListener("scroll",e.update,W)})),u&&f.addEventListener("resize",e.update,W),function(){o&&s.forEach((function(t){t.removeEventListener("scroll",e.update,W)})),u&&f.removeEventListener("resize",e.update,W)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var n=t.state;n.modifiersData[t.name]=J({reference:n.rects.reference,element:n.rects.popper,strategy:"absolute",placement:n.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var n=t.state,e=t.options,r=e.gpuAcceleration,i=void 0===r||r,o=e.adaptive,a=void 0===o||o,u=e.roundOffsets,f=void 0===u||u,c={placement:l(n.placement),variation:S(n.placement),popper:n.elements.popper,popperRect:n.rects.popper,gpuAcceleration:i};null!=n.modifiersData.popperOffsets&&(n.styles.popper=Object.assign({},n.styles.popper,R(Object.assign({},c,{offsets:n.modifiersData.popperOffsets,position:n.options.strategy,adaptive:a,roundOffsets:f})))),null!=n.modifiersData.arrow&&(n.styles.arrow=Object.assign({},n.styles.arrow,R(Object.assign({},c,{offsets:n.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:f})))),n.attributes.popper=Object.assign({},n.attributes.popper,{"data-popper-placement":n.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var n=t.state;Object.keys(n.elements).forEach((function(t){var e=n.styles[t]||{},r=n.attributes[t]||{},i=n.elements[t];p(i)&&f(i)&&(Object.assign(i.style,e),Object.keys(r).forEach((function(t){var n=r[t];!1===n?i.removeAttribute(t):i.setAttribute(t,!0===n?"":n)})))}))},effect:function(t){var n=t.state,e={popper:{position:n.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(n.elements.popper.style,e.popper),n.styles=e,n.elements.arrow&&Object.assign(n.elements.arrow.style,e.arrow),function(){Object.keys(n.elements).forEach((function(t){var r=n.elements[t],i=n.attributes[t]||{},o=Object.keys(n.styles.hasOwnProperty(t)?n.styles[t]:e[t]).reduce((function(t,n){return t[n]="",t}),{});p(r)&&f(r)&&(Object.assign(r.style,o),Object.keys(i).forEach((function(t){r.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(n){var i=n.state,o=n.name,u=n.options.offset,f=void 0===u?[0,0]:u,c=a.reduce((function(n,o){return n[o]=function(n,i,o){var a=l(n),u=[r,t].indexOf(a)>=0?-1:1,f="function"==typeof o?o(Object.assign({},i,{placement:n})):o,c=f[0],s=f[1];return c=c||0,s=(s||0)*u,[r,e].indexOf(a)>=0?{x:s,y:c}:{x:c,y:s}}(o,i.rects,f),n}),{}),s=c[i.placement],p=s.y;null!=i.modifiersData.popperOffsets&&(i.modifiersData.popperOffsets.x+=s.x,i.modifiersData.popperOffsets.y+=p),i.modifiersData[o]=c}},{name:"flip",enabled:!0,phase:"main",fn:function(i){var o=i.state,a=i.options,u=i.name;if(!o.modifiersData[u]._skip){for(var f=a.mainAxis,c=void 0===f||f,s=a.altAxis,p=void 0===s||s,d=a.fallbackPlacements,v=a.padding,h=a.boundary,b=a.rootBoundary,m=a.altBoundary,y=a.flipVariations,w=void 0===y||y,g=a.allowedAutoPlacements,O=o.options.placement,x=l(O),j=d||(x!==O&&w?function(t){if("auto"===l(t))return[];var n=L(t);return[C(t),n,C(n)]}(O):[L(O)]),M=[O].concat(j).reduce((function(t,n){return t.concat("auto"===l(n)?N(o,{placement:n,boundary:h,rootBoundary:b,padding:v,flipVariations:w,allowedAutoPlacements:g}):n)}),[]),E=o.rects.reference,k=o.rects.popper,q=new Map,A=!0,P=M[0],B=0;B<M.length;B++){var T=M[B],R=l(T),W="start"===S(T),H=[t,n].indexOf(R)>=0,I=H?"width":"height",F=K(o,{placement:T,boundary:h,rootBoundary:b,altBoundary:m,padding:v}),z=H?W?e:r:W?n:t;E[I]>k[I]&&(z=L(z));var D=L(z),U=[];if(c&&U.push(F[R]<=0),p&&U.push(F[z]<=0,F[D]<=0),U.every((function(t){return t}))){P=T,A=!1;break}q.set(T,U)}if(A)for(var V=function(t){var n=M.find((function(n){var e=q.get(n);if(e)return e.slice(0,t).every((function(t){return t}))}));if(n)return P=n,"break"},_=w?3:1;_>0&&"break"!==V(_);_--);o.placement!==P&&(o.modifiersData[u]._skip=!0,o.placement=P,o.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:function(i){var o=i.state,a=i.options,u=i.name,f=a.mainAxis,c=void 0===f||f,s=a.altAxis,p=void 0!==s&&s,d=a.tether,v=void 0===d||d,h=a.tetherOffset,m=void 0===h?0:h,y=K(o,{boundary:a.boundary,rootBoundary:a.rootBoundary,padding:a.padding,altBoundary:a.altBoundary}),w=l(o.placement),g=S(o.placement),O=!g,x=M(w),q="x"===x?"y":"x",P=o.modifiersData.popperOffsets,B=o.rects.reference,T=o.rects.popper,R="function"==typeof m?m(Object.assign({},o.rects,{placement:o.placement})):m,W={x:0,y:0};if(P){if(c||p){var H="y"===x?t:r,L="y"===x?n:e,I="y"===x?"height":"width",C=P[x],F=P[x]+y[H],z=P[x]-y[L],D=v?-T[I]/2:0,U="start"===g?B[I]:T[I],V="start"===g?-T[I]:-B[I],_=o.elements.arrow,G=v&&_?b(_):{width:0,height:0},J=o.modifiersData["arrow#persistent"]?o.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},N=J[H],Q=J[L],X=A(0,B[I],G[I]),Y=O?B[I]/2-D-X-N-R:U-X-N-R,Z=O?-B[I]/2+D+X+Q+R:V+X+Q+R,$=o.elements.arrow&&j(o.elements.arrow),tt=o.modifiersData.offset?o.modifiersData.offset[o.placement][x]:0,nt=P[x]+Y-tt-($?"y"===x?$.clientTop||0:$.clientLeft||0:0),et=P[x]+Z-tt;if(c){var rt=A(v?k(F,nt):F,C,v?E(z,et):z);P[x]=rt,W[x]=rt-C}if(p){var it=P[q],ot=it+y["x"===x?t:r],at=it-y["x"===x?n:e],ut=A(v?k(ot,nt):ot,it,v?E(at,et):at);P[q]=ut,W[q]=ut-it}}o.modifiersData[u]=W}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(o){var a,u=o.state,f=o.name,c=o.options,s=u.elements.arrow,p=u.modifiersData.popperOffsets,d=l(u.placement),v=M(d),h=[r,e].indexOf(d)>=0?"height":"width";if(s&&p){var m=function(t,n){return P("number"!=typeof(t="function"==typeof t?t(Object.assign({},n.rects,{placement:n.placement})):t)?t:B(t,i))}(c.padding,u),y=b(s),w="y"===v?t:r,g="y"===v?n:e,O=u.rects.reference[h]+u.rects.reference[v]-p[v]-u.rects.popper[h],x=p[v]-u.rects.reference[v],E=j(s),k=E?"y"===v?E.clientHeight||0:E.clientWidth||0:0,q=k/2-y[h]/2+(O/2-x/2),S=A(m[w],q,k-y[h]-m[g]);u.modifiersData[f]=((a={})[v]=S,a.centerOffset=S-q,a)}},effect:function(t){var n=t.state,e=t.options.element,r=void 0===e?"[data-popper-arrow]":e;null!=r&&("string"!=typeof r||(r=n.elements.popper.querySelector(r)))&&m(n.elements.popper,r)&&(n.elements.arrow=r)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var n=t.state,e=t.name,r=n.rects.reference,i=n.rects.popper,o=n.modifiersData.preventOverflow,a=K(n,{elementContext:"reference"}),u=K(n,{altBoundary:!0}),f=Q(a,r),c=Q(u,i,o),s=X(f),p=X(c);n.modifiersData[e]={referenceClippingOffsets:f,popperEscapeOffsets:c,isReferenceHidden:s,hasPopperEscaped:p},n.attributes.popper=Object.assign({},n.attributes.popper,{"data-popper-reference-hidden":s,"data-popper-escaped":p})}}]});class rt{constructor(t,n,e){this.handleTransitionEnd=this.handleTransitionEnd.bind(this),this.anchor=t,this.popover=n,this.options=Object.assign({skidding:0,distance:0,placement:"bottom-start",strategy:"absolute",transitionElement:this.popover,visibleClass:"popover-visible",onAfterShow:()=>{},onAfterHide:()=>{},onTransitionEnd:()=>{}},e),this.popover.hidden=!0,this.popover.classList.remove(this.options.visibleClass),this.popover.addEventListener("transitionend",this.handleTransitionEnd)}handleTransitionEnd(t){t.target===this.options.transitionElement&&(this.options.onTransitionEnd.call(this,t),!1!==this.isVisible||this.popover.hidden||(this.popover.hidden=!0,this.popover.classList.remove(this.options.visibleClass),this.options.onAfterHide.call(this)))}destroy(){this.popover.removeEventListener("transitionend",this.handleTransitionEnd),this.popper&&(this.popper.destroy(),this.popper=null)}show(){this.isVisible=!0,this.popover.hidden=!1,requestAnimationFrame((()=>this.popover.classList.add(this.options.visibleClass))),this.popper&&this.popper.destroy(),this.popper=et(this.anchor,this.popover,{placement:this.options.placement,strategy:this.options.strategy,modifiers:[{name:"flip",options:{boundary:"viewport"}},{name:"offset",options:{padding:5,offset:[this.options.skidding,this.options.distance]}}]}),this.popover.addEventListener("transitionend",(()=>this.options.onAfterShow.call(this)),{once:!0}),requestAnimationFrame((()=>this.popper.update()))}hide(){this.isVisible=!1,this.popover.classList.remove(this.options.visibleClass)}setOptions(t){this.options=Object.assign(this.options,t),this.isVisible?this.popover.classList.add(this.options.visibleClass):this.popover.classList.remove(this.options.visibleClass),this.popper&&(this.popper.setOptions({placement:this.options.placement,strategy:this.options.strategy}),requestAnimationFrame((()=>this.popper.update())))}}export{rt as P}
-//# sourceMappingURL=p-4ee095f3.js.map