@nanoporetech-digital/components 1.13.17 → 1.13.21

package/dist/nano-components/p-9b9ca075.system.entry.js

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(t,e,i,s){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,o){function r(t){try{h(s.next(t))}catch(e){o(e)}}function c(t){try{h(s["throw"](t))}catch(e){o(e)}}function h(t){t.done?i(t.value):n(t.value).then(r,c)}h((s=s.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},s,n,o,r;return r={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function c(t){return function(e){return h([t,e])}}function h(r){if(s)throw new TypeError("Generator is already executing.");while(i)try{if(s=1,n&&(o=r[0]&2?n["return"]:r[0]?n["throw"]||((o=n["return"])&&o.call(n),0):n.next)&&!(o=o.call(n,r[1])).done)return o;if(n=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:i.label++;return{value:r[1],done:false};case 5:i.label++;n=r[1];r=[0];continue;case 7:r=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){i=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]<o[3])){i.label=r[1];break}if(r[0]===6&&i.label<o[1]){i.label=o[1];o=r;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(r);break}if(o[2])i.ops.pop();i.trys.pop();continue}r=e.call(t,i)}catch(c){r=[6,c];n=0}finally{s=o=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};System.register(["./p-2d59dda3.system.js","./p-12a93bc3.system.js","./p-89a5c54a.system.js","./p-3d1c1c19.system.js","./p-22b50344.system.js"],(function(t){"use strict";var e,i,s,n,o,r,c,h,a,l,u;return{setters:[function(t){e=t.r;i=t.c;s=t.h;n=t.e;o=t.g},function(t){r=t.i},function(t){c=t.r;h=t.h;a=t.b},function(t){l=t.a},function(t){u=t.d}],execute:function(){var f=':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}';function d(t){return t instanceof Document?window.pageYOffset:t.scrollTop}function p(t,e){var i=e instanceof Document?document.documentElement:e;return l(t,i)}var k=t("nano_sticker",function(){function t(t){var s=this;e(this,t);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=false;this.scrollPosCache=0;this.scrollPosThresholdCache=0;this.cacheOffset=0;this.pauseResizeWatcher=false;this.listenForScrollParent=false;this.positions=[];this.pauseHide=false;this.hasBootstrapped=false;this.isStuck=false;this.isRootSticker=true;this.hide=false;this.scrollHide=false;this.multiStickerHide=false;this.scrollingTo=false;this.quietModeIsOn=false;this.stuckCounter=0;this.stickerIndex=0;this._offset=0;this.autoResize=true;this.isSticky=true;this.offset=0;this.position="top";this.quietMode={h:600,w:600};this.hideOnNewStickers=true;this.breakPointMax=null;this.breakPointMin=null;this.setupParentResizeListener=function(){if(s.parentSizeObserver){s.parentSizeObserver.disconnect();s.parentSizeObserver=undefined}s.parentSizeObserver=new r((function(t){for(var e=0,i=t;e<i.length;e++){var n=i[e];var o=void 0,r=void 0;if(n.contentRect.height)o=n.contentRect.height;if(n.contentRect.width)r=n.contentRect.width;if(typeof s.quietMode==="object"){if(r<s.quietMode.w||o<s.quietMode.h)s.quietModeIsOn=true;else s.quietModeIsOn=false}if(s.breakPointMin){if(r>s.breakPointMin)s.isSticky=true;else s.isSticky=false}if(s.breakPointMax){if(r<s.breakPointMax)s.isSticky=true;else s.isSticky=false}if(s.isRootSticker&&s.sticker&&s.autoResize)s.sticker.style.width=s.host.scrollWidth+"px"}}));var t=s.scrollParent instanceof Document?s.scrollParent.documentElement:s.scrollParent;if(t)s.parentSizeObserver.observe(t)};this.onStickToDisplayEvent=function(t){if(t.detail.sticker!==s.stickToEle)return;switch(t.type){case"nanoHide":s._offset=0;s.cacheOffset=s.offset;s.offset=0;if(!s.isStuck)s.moveTrigger(false);if(!s.isRootSticker&&s.quietModeIsOn){c((function(){s.stickToEle.style.minHeight=s.stickToEleInitSize.height+(s.host.scrollHeight+(typeof s.cacheOffset==="object"?s.cacheOffset.v:s.cacheOffset))+"px";s.stickToEle.setTriggerPos(s.stickToEleInitSize.height*-1)}))}break;case"nanoShow":s._offset=s.stickToEleInitSize.height;s.offset=s.cacheOffset;s.moveTrigger(true);if(!s.isRootSticker&&s.quietModeIsOn){c((function(){s.stickToEle.style.minHeight="";s.stickToEle.setTriggerPos(0)}))}break;case"nanoStuck":s.stickToEleInitSize=s.stickToEle.getBoundingClientRect();s._offset=s.stickToEleInitSize.height;break}};this.onStickEvent=function(t){return __awaiter(s,void 0,void 0,(function(){var e,i;return __generator(this,(function(s){switch(s.label){case 0:e=t.detail?t.detail.sticker:null;if(!e||e.position!==this.position)return[2];return[4,e.getTriggerPos()];case 1:i=s.sent();if(t.type==="nanoStuck"&&e!==this.host&&e.scrollParent===this.host.scrollParent){this.stickerIndex++;if(!this.hideOnNewStickers)return[2];if(this.positions.includes("top")&&this.triggerPos.top<i.top||this.positions.includes("bottom")&&this.triggerPos.top>i.top){this.multiStickerHide=true;this.stuckCounter++}}if(t.type==="nanoUnstuck"&&e!==this.host&&e.scrollParent===this.host.scrollParent){this.stickerIndex--;if(!this.hideOnNewStickers)return[2];if(this.positions.includes("top")&&this.triggerPos.top<i.top||this.positions.includes("bottom")&&this.triggerPos.top>i.top){this.stuckCounter--;if(this.stuckCounter<1)this.multiStickerHide=false}}return[2]}}))}))};this.onScroll=function(){var t=d(s.scrollParent);if(t<s.scrollPosCache){if(!s.positions.includes("bottom"))s.handleScrollTo();else s.handleScrollAway(t)}if(t>s.scrollPosCache){if(!s.positions.includes("bottom"))s.handleScrollAway(t);else s.handleScrollTo()}s.scrollPosCache=t}}t.prototype.isHiding=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.hide]}))}))};t.prototype.isSticking=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.shouldStick();return[2,this.isStuck]}))}))};t.prototype.setTriggerPos=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this._offset=t]}))}))};t.prototype.getTriggerPos=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.triggerPos]}))}))};t.prototype.pauseHiding=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.pauseHide=t]}))}))};t.prototype.updateTriggerOffset=function(){if(!this.trigger||!this.scrollParent||!this.listenForScrollParent)return;this.triggerPos=p(this.trigger,this.scrollParent)};t.prototype.stickerResizeListener=function(){var t=this;if(this.contentSizeObserver){this.contentSizeObserver.disconnect();this.contentSizeObserver=undefined}this.contentSizeObserver=new r((function(e){for(var i=0,s=e;i<s.length;i++){var n=s[i];if(t.pauseResizeWatcher)return;if(n.contentRect.height){if(t.position==="top")t.host.style.height=n.contentRect.height+"px";if(t.position==="bottom")t.host.style.minHeight=n.contentRect.height+"px"}}}));this.contentSizeObserver.observe(this.content)};t.prototype.quietModeChange=function(){var t=this;if(this.quietMode==="on")c((function(){return t.quietModeIsOn=true}));else if(this.quietMode==="off")c((function(){return t.quietModeIsOn=false}))};t.prototype.setOffset=function(){var t,e,i,s;var n=this;this.trigger.setAttribute("style","");var o,r,c,h;var l=this.isRootSticker||this.stickToEle?this.sticker:this.host;if(!l)return;if(typeof this.offset==="object")t=this.offset,o=t.v,r=t.h;else o=r=this.offset;if(typeof this._offset==="object")e=this._offset,i=e.v,o=i===void 0?c:i,s=e.h,r=s===void 0?h:s;else c=h=this._offset;var u=function(t){var e=t.match(/(top|bottom)/)?o:r;f(t);l.style[t]=e+"px";if(!a())return;if(e)n.host.style.setProperty("--hide-transform-amount","(110% + "+e+"px)");else n.host.style.setProperty("--hide-transform-amount",null)};var f=function(t){var e=t.match(/(top|bottom)/)?o+c:r+h;n.trigger.style[t]=e*-1+"px";n.trigger.style.position="relative";n.trigger.style.height="1px"};if(this.positions.includes("start")&&this.isRtl||this.positions.includes("end")&&!this.isRtl)u("right");if(this.positions.includes("end")&&this.isRtl||this.positions.includes("start")&&!this.isRtl)u("left");if(this.positions.includes("top"))u("top");if(this.positions.includes("bottom"))u("bottom")};t.prototype.positionChange=function(){this.positions=this.position.split("-");this.setOffset()};t.prototype.stuckChange=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(i){if(this.isStuck){if(this.stickToEle){t=h(this.host)?this.host.children:this.content.children;this.slottedContent=Array.from(t);this.slottedContent.forEach((function(t){if(h(e.host))e.stickToEle.appendChild(t);else e.stickToEle.querySelector(".sticker-content").appendChild(t);t.style.order=e.stickerIndex+""}));this.nanoStuck.emit({sticker:this.stickToEle})}else this.nanoStuck.emit({sticker:this.host})}else{this.scrollHide=false;if(this.stickToEle){this.slottedContent.forEach((function(t){e.host.appendChild(t);t.style.order=""}));this.nanoUnstuck.emit({sticker:this.stickToEle})}else this.nanoUnstuck.emit({sticker:this.host})}return[2]}))}))};t.prototype.attachScrollListeners=function(){if(this.quietModeIsOn)this.scrollParent.addEventListener("scroll",this.onScroll,{passive:true,capture:false});else{this.scrollParent.removeEventListener("scroll",this.onScroll);this.moveTrigger(true)}};t.prototype.handleParentEvents=function(t,e){if(e===void 0){e=null}if(!this.listenForScrollParent)return;if(e)this.manageListenersOnParent(false,e);if(this.scrollParent)this.manageListenersOnParent(!this.stickToEle)};t.prototype.stickToEleChange=function(t,e){if(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)}if(e){e.removeEventListener("nanoHide",this.onStickToDisplayEvent);e.removeEventListener("nanoShow",this.onStickToDisplayEvent);e.removeEventListener("nanoStuck",this.onStickToDisplayEvent);e.removeEventListener("nanoUnstuck",this.onStickToDisplayEvent)}};t.prototype.stickToChange=function(){if(this.stickTo)this.stickToEle=this.scrollParent.querySelector(this.stickTo);else this.stickToEle=undefined};t.prototype.visibilityDecisionHandler=function(){if(this.multiStickerHide||this.scrollHide)this.hide=true;else this.hide=false};t.prototype.handleHideChange=function(){if(this.hide)this.nanoHide.emit({sticker:this.host});else this.nanoShow.emit({sticker:this.host})};t.prototype.setupIO=function(){var t=this;if(this.io){this.io.disconnect();this.io=undefined}if(!this.scrollParent||!this.hasBootstrapped||!this.trigger)return;this.isRootSticker=this.scrollParent instanceof Document;var e=this.scrollParent;if(this.scrollParent instanceof Document)e=null;this.io=new window.IntersectionObserver((function(e){if(t.pauseResizeWatcher||!t.isSticky)return;t.shouldStick(e.slice(-1)[0])}),{root:e});this.io.observe(this.trigger)};t.prototype.manageListenersOnParent=function(t,e){var i=e||this.scrollParent;if(!i)return;if(!t){try{if(this.quietModeIsOn)i.removeEventListener("scroll",this.onScroll);i.removeEventListener("nanoStuck",this.onStickEvent);i.removeEventListener("nanoUnstuck",this.onStickEvent)}catch(s){console.error("Events haven`t been added")}}else{i.addEventListener("nanoStuck",this.onStickEvent);i.addEventListener("nanoUnstuck",this.onStickEvent);if(this.quietModeIsOn)this.attachScrollListeners()}this.setupParentResizeListener()};t.prototype.handleScrollTo=function(){this.scrollPosThresholdCache=null;if(!this.scrollHide)return;if(this.scrollingTo!==true){this._offset=this.cacheOffset||this._offset}this.scrollingTo=true;this.scrollHide=false};t.prototype.handleScrollAway=function(t){if(this.scrollHide)return;if(!this.isStuck)return;if(this.scrollingTo!==false){this.cacheOffset=this._offset;this._offset=0}this.scrollingTo=false;if(!this.scrollPosThresholdCache)this.scrollPosThresholdCache=t;else if(!this.pauseHide&&Math.abs(t-this.scrollPosThresholdCache)>100)this.scrollHide=true};t.prototype.moveTrigger=function(t){if(this.positions.includes("bottom")&&!t||!this.positions.includes("bottom")&&t){this.host.parentNode.insertBefore(this.trigger,this.host)}else this.host.parentNode.insertBefore(this.trigger,this.host.nextSibling)};t.prototype.getScrollParent=function(){var t=/(auto|scroll)/;var e=function(t,i){if(t.parentNode===null){return i}return e(t.parentNode,i.concat([t]))};var i=function(t,e){return getComputedStyle(t,null).getPropertyValue(e)};var s=function(t){return i(t,"overflow")+i(t,"overflow-y")+i(t,"overflow-x")};var n=function(e){return t.test(s(e))};var o=document.documentElement.getBoundingClientRect().height;var r=function(t){if(!(t instanceof HTMLElement))return;var i=e(t,[]);return i.find((function(t){return n(t)&&t.getBoundingClientRect().height!==o}))||document};return r(this.host)};t.prototype.shouldStick=function(t){var e;if(this.positions.includes("top")){if(!this.isRootSticker)e=p(this.trigger,this.scrollParent).top;else e=this.trigger.getBoundingClientRect().top;this.isStuck=e<-1}else if(this.positions.includes("bottom")){e=this.trigger.getBoundingClientRect().top;var i=t&&t.rootBounds?t.rootBounds:(this.scrollParent instanceof Document?document.documentElement:this.scrollParent).getBoundingClientRect();this.isStuck=e>i.height+i.top}};t.prototype.bootstrapGurantor=function(){var t=this;this.hasBootstrapped=true;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(true);this.quietModeChange();this.listenForScrollParent=true;this.handleParentEvents(true);this.stickerIndex=Array.from(this.scrollParent.querySelectorAll("nano-sticker")).filter((function(e){return e.position===t.position})).findIndex((function(e){return e===t.host}));this.setOffset();this.stickerResizeListener();this.setupParentResizeListener();this.slottedContent=Array.from(this.host.children);this.slottedContent.forEach((function(e){e.style.order=t.stickerIndex+""}));this.updateTriggerOffset();this.stickToChange();this.setupIO();this.onStickToDisplayEvent=u(this.onStickToDisplayEvent,50)};t.prototype.connectedCallback=function(){var t=this;this.isRtl=this.host.dir==="rtl"||this.host.ownerDocument.dir==="rtl";document.documentElement.addEventListener("nanoComponentsReady",(function(){setTimeout((function(e){return t.bootstrapGurantor()}),200)}));setTimeout((function(e){if(!t.hasBootstrapped)t.bootstrapGurantor()}),1e3)};t.prototype.disconnectedCallback=function(){if(this.io){this.io.disconnect();this.io=undefined}if(this.parentSizeObserver){this.parentSizeObserver.disconnect();this.parentSizeObserver=undefined}this.quietMode="off";this.scrollParent=null};t.prototype.render=function(){var t=this;return s(n,{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:true,sticky:this.isRootSticker&&this.isSticky,stuck:this.isStuck&&this.isRootSticker&&this.isSticky,hide:this.isRootSticker&&this.hide&&this.isStuck},ref:function(e){return t.sticker=e}},s("div",{class:"sticker-content",ref:function(e){return t.content=e}},s("slot",null))))};Object.defineProperty(t.prototype,"host",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){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"]}},enumerable:false,configurable:true});return t}());k.style=f}}}));
+//# sourceMappingURL=p-9b9ca075.system.entry.js.map

package/dist/nano-components/p-9b9ca075.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/sticky/sticker.scss?tag=nano-sticker&encapsulation=shadow","src/components/sticky/sticker.tsx"],"names":["stickerCss","_getScrollTop","ele","Document","window","pageYOffset","scrollTop","_getOffset","parent","parentEle","document","documentElement","getOffset","Sticker","exports","class_1","hostRef","_this","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","_i","entries_1","length","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","__awaiter","getTriggerPos","incomingTriggerPos","_a","sent","includes","triggerPos","top","onScroll","y","handleScrollTo","handleScrollAway","prototype","isHiding","isSticking","shouldStick","pauseHiding","pause","updateTriggerOffset","trigger","stickerResizeListener","contentSizeObserver","entries_2","content","quietModeChange","setOffset","setAttribute","_v","_h","_b","_c","_d","setPos","pos","u","match","setTriggetPos","browserCanUseCssVariables","setProperty","positionChange","split","stuckChange","hasShadowDom","children","slottedContent","Array","from","forEach","child","appendChild","querySelector","order","nanoStuck","emit","nanoUnstuck","attachScrollListeners","addEventListener","passive","capture","removeEventListener","handleParentEvents","_","oldParent","manageListenersOnParent","stickToEleChange","oldEle","stickToChange","stickTo","visibilityDecisionHandler","handleHideChange","nanoHide","nanoShow","setupIO","io","root","IntersectionObserver","slice","addEvents","console","error","currScroll","Math","abs","toInitial","parentNode","insertBefore","nextSibling","getScrollParent","regex","parents","_node","ps","concat","prop","getComputedStyle","getPropertyValue","overflow","scroll","test","docHeight","HTMLElement","find","data","scrollAmt","parentBounding","rootBounds","bootstrapGurantor","createElement","classList","add","querySelectorAll","filter","findIndex","debounce","connectedCallback","dir","ownerDocument","setTimeout","disconnectedCallback","render","Host","sticky","siblings","index","stuck","placed-bottom","placed-top","placed-end","placed-start","class","ref","div"],"mappings":"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","sourcesContent":["@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: 0.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: 0.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","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  /**\n   * Method to return the visibility status of the sticker\n   * @returns boolean\n   */\n  @Method()\n  async isHiding() {\n    return this.hide;\n  }\n\n  /**\n   * Method to return the stuck status of the sticker\n   * @returns boolean\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"]}

package/dist/nano-components/p-9c26b459.js

@@ -0,0 +1,2 @@
+var n=function(){return(n=Object.assign||function(n){for(var t,r=1,i=arguments.length;r<i;r++)for(var u in t=arguments[r])Object.prototype.hasOwnProperty.call(t,u)&&(n[u]=t[u]);return n}).apply(this,arguments)},t=function(){this.start=0,this.end=0,this.previous=null,this.parent=null,this.rules=null,this.parsedCssText="",this.cssText="",this.atRule=!1,this.type=0,this.keyframesName="",this.selector="",this.parsedSelector=""};function r(n){return i(function(n){var r=new t;r.start=0,r.end=n.length;for(var i=r,u=0,f=n.length;u<f;u++)if(n[u]===e){i.rules||(i.rules=[]);var s=i,a=s.rules[s.rules.length-1]||null;(i=new t).start=u+1,i.parent=s,i.previous=a,s.rules.push(i)}else n[u]===o&&(i.end=u+1,i=i.parent||r);return r}(n=function(n){return n.replace(f.comments,"").replace(f.port,"")}(n)),n)}function i(n,t){var r=t.substring(n.start,n.end-1);if(n.parsedCssText=n.cssText=r.trim(),n.parent){r=(r=(r=function(n){return n.replace(/\\([0-9a-f]{1,6})\s/gi,(function(){for(var n=arguments[1],t=6-n.length;t--;)n="0"+n;return"\\"+n}))}(r=t.substring(n.previous?n.previous.end:n.parent.start,n.start-1))).replace(f.multipleSpaces," ")).substring(r.lastIndexOf(";")+1);var e=n.parsedSelector=n.selector=r.trim();n.atRule=0===e.indexOf(c),n.atRule?0===e.indexOf(a)?n.type=u.MEDIA_RULE:e.match(f.keyframesRule)&&(n.type=u.KEYFRAMES_RULE,n.keyframesName=n.selector.split(f.multipleSpaces).pop()):n.type=0===e.indexOf(s)?u.MIXIN_RULE:u.STYLE_RULE}var o=n.rules;if(o)for(var v=0,h=o.length,l=void 0;v<h&&(l=o[v]);v++)i(l,t);return n}var u={STYLE_RULE:1,KEYFRAMES_RULE:7,MEDIA_RULE:4,MIXIN_RULE:1e3},e="{",o="}",f={comments:/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,port:/@import[^;]*;/gim,customProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,mixinProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,mixinApply:/@apply\s*\(?[^);]*\)?\s*(?:[;\n]|$)?/gim,varApply:/[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,keyframesRule:/^@[^\s]*keyframes/,multipleSpaces:/\s+/g},s="--",a="@media",c="@";function v(n,t,r){n.lastIndex=0;var i=t.substring(r).match(n);if(i){var u=r+i.index;return{start:u,end:u+i[0].length}}return null}var h=/\bvar\(/,l=/\B--[\w-]+\s*:/,m=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,p=/^[\t ]+\n/gm;function d(n,t,r){var i=function(n,t){var r=v(h,n,t);if(!r)return null;var i=function(n,t){for(var r=0,i=t;i<n.length;i++){var u=n[i];if("("===u)r++;else if(")"===u&&--r<=0)return i+1}return i}(n,r.start),u=n.substring(r.end,i-1).split(","),e=u[0],o=u.slice(1);return{start:r.start,end:i,propName:e.trim(),fallback:o.length>0?o.join(",").trim():void 0}}(n,r);if(!i)return t.push(n.substring(r,n.length)),n.length;var u=i.propName,e=null!=i.fallback?w(i.fallback):void 0;return t.push(n.substring(r,i.start),(function(n){return function(n,t,r){return n[t]?n[t]:r?y(r,n):""}(n,u,e)})),i.end}function y(n,t){for(var r="",i=0;i<n.length;i++){var u=n[i];r+="string"==typeof u?u:u(t)}return r}function g(n,t){for(var r=!1,i=!1,u=t;u<n.length;u++){var e=n[u];if(r)i&&'"'===e&&(r=!1),i||"'"!==e||(r=!1);else if('"'===e)r=!0,i=!0;else if("'"===e)r=!0,i=!1;else{if(";"===e)return u+1;if("}"===e)return u}}return u}function w(n){var t=0;n=function(n){for(var t="",r=0;;){var i=v(l,n,r),u=i?i.start:n.length;if(t+=n.substring(r,u),!i)break;r=g(n,u)}return t}(n=n.replace(m,"")).replace(p,"");for(var r=[];t<n.length;)t=d(n,r,t);return r}function b(n){var t={};n.forEach((function(n){n.declarations.forEach((function(n){t[n.prop]=n.value}))}));for(var r={},i=Object.entries(t),u=function(){var n=!1;if(i.forEach((function(t){var i=t[0],u=y(t[1],r);u!==r[i]&&(r[i]=u,n=!0)})),!n)return"break"},e=0;e<10&&"break"!==u();e++);return r}function E(n,t){if(void 0===t&&(t=0),!n.rules)return[];var r=[];return n.rules.filter((function(n){return n.type===u.STYLE_RULE})).forEach((function(n){var i=function(n){for(var t,r=[];t=k.exec(n.trim());){var i=M(t[2]),u=i.value,e=i.important;r.push({prop:t[1].trim(),value:w(u),important:e})}return r}(n.cssText);i.length>0&&n.parsedSelector.split(",").forEach((function(n){n=n.trim(),r.push({selector:n,declarations:i,specificity:1,nu:t})})),t++})),r}var k=/(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};{])+)|\{([^}]*)\}(?:(?=[;\s}])|$))/gm;function M(n){var t=(n=n.replace(/\s+/gim," ").trim()).endsWith("!important");return t&&(n=n.substr(0,n.length-10).trim()),{value:n,important:t}}function R(n){var t=[];return n.forEach((function(n){t.push.apply(t,n.selectors)})),t}function A(n){var t=r(n),i=w(n);return{original:n,template:i,selectors:E(t),usesCssVars:i.length>1}}function L(n,t){if(n.some((function(n){return n.styleEl===t})))return!1;var r=A(t.textContent);return r.styleEl=t,n.push(r),!0}function $(n){var t=b(R(n));n.forEach((function(n){n.usesCssVars&&(n.styleEl.textContent=y(n.template,t))}))}function O(n,t,r){return function(n,t,r){return n.replace(RegExp(t,"g"),r)}(n,"\\."+t,"."+r)}function P(n,t){return Array.from(n.querySelectorAll("style:not([data-styles]):not([data-no-shim])")).map((function(n){return L(t,n)})).some(Boolean)}function I(n,t,r){var i=r.href;return fetch(i).then((function(n){return n.text()})).then((function(u){if(function(n){return n.indexOf("var(")>-1||U.test(n)}(u)&&r.parentNode){(function(n){return _.lastIndex=0,_.test(n)})(u)&&(u=function(n,t){var r=t.replace(/[^/]*$/,"");return n.replace(_,(function(n,t){return n.replace(t,r+t)}))}(u,i));var e=n.createElement("style");e.setAttribute("data-styles",""),e.textContent=u,L(t,e),r.parentNode.insertBefore(e,r),r.remove()}})).catch((function(n){console.error(n)}))}var U=/[\s;{]--[-a-zA-Z0-9]+\s*:/m,_=/url[\s]*\([\s]*['"]?(?!(?:https?|data)\:|\/)([^\'\"\)]*)[\s]*['"]?\)[\s]*/gim,j=function(){function t(n,t){this.win=n,this.doc=t,this.count=0,this.hostStyleMap=new WeakMap,this.hostScopeMap=new WeakMap,this.globalScopes=[],this.scopesMap=new Map,this.didInit=!1}return t.prototype.i=function(){var n=this;return this.didInit||!this.win.requestAnimationFrame?Promise.resolve():(this.didInit=!0,new Promise((function(t){n.win.requestAnimationFrame((function(){(function(n,t){"undefined"!=typeof MutationObserver&&new MutationObserver((function(){P(n,t)&&$(t)})).observe(document.head,{childList:!0})})(n.doc,n.globalScopes),function(n,t){return P(n,t),function(n,t){for(var r=[],i=n.querySelectorAll('link[rel="stylesheet"][href]:not([data-no-shim])'),u=0;u<i.length;u++)r.push(I(n,t,i[u]));return Promise.all(r)}(n,t).then((function(){$(t)}))}(n.doc,n.globalScopes).then((function(){return t()}))}))})))},t.prototype.addLink=function(n){var t=this;return I(this.doc,this.globalScopes,n).then((function(){t.updateGlobal()}))},t.prototype.addGlobalStyle=function(n){L(this.globalScopes,n)&&this.updateGlobal()},t.prototype.createHostStyle=function(t,r,i,u){if(this.hostScopeMap.has(t))throw Error("host style already created");var e=this.registerHostTemplate(i,r,u),o=this.doc.createElement("style");return o.setAttribute("data-no-shim",""),e.usesCssVars?u?(o["s-sc"]=r=e.scopeId+"-"+this.count,o.textContent="/*needs update*/",this.hostStyleMap.set(t,o),this.hostScopeMap.set(t,function(t,r){var i=t.template.map((function(n){return"string"==typeof n?O(n,t.scopeId,r):n})),u=t.selectors.map((function(i){return n(n({},i),{selector:O(i.selector,t.scopeId,r)})}));return n(n({},t),{template:i,selectors:u,scopeId:r})}(e,r)),this.count++):(e.styleEl=o,e.usesCssVars||(o.textContent=y(e.template,{})),this.globalScopes.push(e),this.updateGlobal(),this.hostScopeMap.set(t,e)):o.textContent=i,o},t.prototype.removeHost=function(n){var t=this.hostStyleMap.get(n);t&&t.remove(),this.hostStyleMap.delete(n),this.hostScopeMap.delete(n)},t.prototype.updateHost=function(n){var t=this.hostScopeMap.get(n);if(t&&t.usesCssVars&&t.isScoped){var r=this.hostStyleMap.get(n);if(r){var i=b(function(n,t,r){var i=[],u=function(n,t){for(var r=[];t;){var i=n.get(t);i&&r.push(i),t=t.parentElement}return r}(t,n);return r.forEach((function(n){return i.push(n)})),u.forEach((function(n){return i.push(n)})),function(n){return n.sort((function(n,t){return n.specificity===t.specificity?n.nu-t.nu:n.specificity-t.specificity})),n}(R(i).filter((function(t){return function(n,t){return":root"===t||"html"===t||n.matches(t)}(n,t.selector)})))}(n,this.hostScopeMap,this.globalScopes));r.textContent=y(t.template,i)}}},t.prototype.updateGlobal=function(){$(this.globalScopes)},t.prototype.registerHostTemplate=function(n,t,r){var i=this.scopesMap.get(t);return i||((i=A(n)).scopeId=t,i.isScoped=r,this.scopesMap.set(t,i)),i},t}();!function(n){!n||n.__cssshim||n.CSS&&n.CSS.supports&&n.CSS.supports("color","var(--c)")||(n.__cssshim=new j(n,n.document))}("undefined"!=typeof window&&window);
+//# sourceMappingURL=p-9c26b459.js.map

package/dist/nano-components/p-9c26b459.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["node_modules/@stencil/core/internal/client/css-shim.js"],"names":["__assign","Object","assign","e","t","r","n","arguments","length","s","prototype","hasOwnProperty","call","apply","this","StyleNode","start","end","previous","parent","rules","parsedCssText","cssText","atRule","type","keyframesName","selector","parsedSelector","parse","parseCss","OPEN_BRACE","o","a","push","CLOSE_BRACE","lex","replace","RX","comments","port","clean","substring","trim","_expandUnicodeEscapes","multipleSpaces","lastIndexOf","indexOf","AT_START","MEDIA_START","types","MEDIA_RULE","match","keyframesRule","KEYFRAMES_RULE","split","pop","VAR_START","MIXIN_RULE","STYLE_RULE","i","l","customProp","mixinProp","mixinApply","varApply","findRegex","lastIndex","index","VAR_USAGE_START","VAR_ASSIGN_START","COMMENTS","TRAILING_LINES","compileVar","findVarEndIndex","slice","propName","fallback","join","parseVar","compileTemplate","executeTemplate","resolveVar","findEndValue","removeCustomAssigns","resolveValues","forEach","declarations","prop","value","entries","getSelectors","filter","FIND_DECLARATIONS","exec","normalizeValue","important","getDeclarations","specificity","nu","endsWith","substr","IMPORTANT","getSelectorsForScopes","selectors","parseCSS","original","template","usesCssVars","addGlobalStyle","some","styleEl","textContent","updateGlobalScopes","replaceScope","RegExp","replaceAll","loadDocumentStyles","Array","from","querySelectorAll","map","Boolean","addGlobalLink","href","fetch","then","text","CSS_VARIABLE_REGEXP","test","hasCssVariables","parentNode","CSS_URL_REGEXP","hasRelativeUrls","fixRelativeUrls","createElement","setAttribute","insertBefore","remove","catch","console","error","CustomStyle","win","doc","count","hostStyleMap","WeakMap","hostScopeMap","globalScopes","scopesMap","Map","didInit","requestAnimationFrame","Promise","resolve","MutationObserver","observe","document","head","childList","startWatcher","all","loadDocumentLinks","loadDocument","addLink","updateGlobal","createHostStyle","has","Error","registerHostTemplate","scopeId","set","reScope","removeHost","get","delete","updateHost","isScoped","parentElement","getScopesForElement","sort","sortSelectors","matches","getActiveSelectors","__cssshim","CSS","supports","window"],"mappings":"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","sourcesContent":["/*\n Stencil Client Patch Esm v2.5.9 | MIT Licensed | https://stenciljs.com\n */\nvar __assign=undefined&&undefined.__assign||function(){return (__assign=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var s in t=arguments[r])Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s]);return e}).apply(this,arguments)},StyleNode=function(){this.start=0,this.end=0,this.previous=null,this.parent=null,this.rules=null,this.parsedCssText=\"\",this.cssText=\"\",this.atRule=!1,this.type=0,this.keyframesName=\"\",this.selector=\"\",this.parsedSelector=\"\";};function parse(e){return parseCss(lex(e=clean(e)),e)}function clean(e){return e.replace(RX.comments,\"\").replace(RX.port,\"\")}function lex(e){var t=new StyleNode;t.start=0,t.end=e.length;for(var r=t,n=0,s=e.length;n<s;n++)if(e[n]===OPEN_BRACE){r.rules||(r.rules=[]);var o=r,a=o.rules[o.rules.length-1]||null;(r=new StyleNode).start=n+1,r.parent=o,r.previous=a,o.rules.push(r);}else e[n]===CLOSE_BRACE&&(r.end=n+1,r=r.parent||t);return t}function parseCss(e,t){var r=t.substring(e.start,e.end-1);if(e.parsedCssText=e.cssText=r.trim(),e.parent){var n=e.previous?e.previous.end:e.parent.start;r=(r=(r=_expandUnicodeEscapes(r=t.substring(n,e.start-1))).replace(RX.multipleSpaces,\" \")).substring(r.lastIndexOf(\";\")+1);var s=e.parsedSelector=e.selector=r.trim();e.atRule=0===s.indexOf(AT_START),e.atRule?0===s.indexOf(MEDIA_START)?e.type=types.MEDIA_RULE:s.match(RX.keyframesRule)&&(e.type=types.KEYFRAMES_RULE,e.keyframesName=e.selector.split(RX.multipleSpaces).pop()):0===s.indexOf(VAR_START)?e.type=types.MIXIN_RULE:e.type=types.STYLE_RULE;}var o=e.rules;if(o)for(var a=0,i=o.length,l=void 0;a<i&&(l=o[a]);a++)parseCss(l,t);return e}function _expandUnicodeEscapes(e){return e.replace(/\\\\([0-9a-f]{1,6})\\s/gi,(function(){for(var e=arguments[1],t=6-e.length;t--;)e=\"0\"+e;return \"\\\\\"+e}))}var types={STYLE_RULE:1,KEYFRAMES_RULE:7,MEDIA_RULE:4,MIXIN_RULE:1e3},OPEN_BRACE=\"{\",CLOSE_BRACE=\"}\",RX={comments:/\\/\\*[^*]*\\*+([^/*][^*]*\\*+)*\\//gim,port:/@import[^;]*;/gim,customProp:/(?:^[^;\\-\\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\\n]|$)/gim,mixinProp:/(?:^[^;\\-\\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\\n]|$)?/gim,mixinApply:/@apply\\s*\\(?[^);]*\\)?\\s*(?:[;\\n]|$)?/gim,varApply:/[^;:]*?:[^;]*?var\\([^;]*\\)(?:[;\\n]|$)?/gim,keyframesRule:/^@[^\\s]*keyframes/,multipleSpaces:/\\s+/g},VAR_START=\"--\",MEDIA_START=\"@media\",AT_START=\"@\";function findRegex(e,t,r){e.lastIndex=0;var n=t.substring(r).match(e);if(n){var s=r+n.index;return {start:s,end:s+n[0].length}}return null}var VAR_USAGE_START=/\\bvar\\(/,VAR_ASSIGN_START=/\\B--[\\w-]+\\s*:/,COMMENTS=/\\/\\*[^*]*\\*+([^/*][^*]*\\*+)*\\//gim,TRAILING_LINES=/^[\\t ]+\\n/gm;function resolveVar(e,t,r){return e[t]?e[t]:r?executeTemplate(r,e):\"\"}function findVarEndIndex(e,t){for(var r=0,n=t;n<e.length;n++){var s=e[n];if(\"(\"===s)r++;else if(\")\"===s&&--r<=0)return n+1}return n}function parseVar(e,t){var r=findRegex(VAR_USAGE_START,e,t);if(!r)return null;var n=findVarEndIndex(e,r.start),s=e.substring(r.end,n-1).split(\",\"),o=s[0],a=s.slice(1);return {start:r.start,end:n,propName:o.trim(),fallback:a.length>0?a.join(\",\").trim():void 0}}function compileVar(e,t,r){var n=parseVar(e,r);if(!n)return t.push(e.substring(r,e.length)),e.length;var s=n.propName,o=null!=n.fallback?compileTemplate(n.fallback):void 0;return t.push(e.substring(r,n.start),(function(e){return resolveVar(e,s,o)})),n.end}function executeTemplate(e,t){for(var r=\"\",n=0;n<e.length;n++){var s=e[n];r+=\"string\"==typeof s?s:s(t);}return r}function findEndValue(e,t){for(var r=!1,n=!1,s=t;s<e.length;s++){var o=e[s];if(r)n&&'\"'===o&&(r=!1),n||\"'\"!==o||(r=!1);else if('\"'===o)r=!0,n=!0;else if(\"'\"===o)r=!0,n=!1;else {if(\";\"===o)return s+1;if(\"}\"===o)return s}}return s}function removeCustomAssigns(e){for(var t=\"\",r=0;;){var n=findRegex(VAR_ASSIGN_START,e,r),s=n?n.start:e.length;if(t+=e.substring(r,s),!n)break;r=findEndValue(e,s);}return t}function compileTemplate(e){var t=0;e=removeCustomAssigns(e=e.replace(COMMENTS,\"\")).replace(TRAILING_LINES,\"\");for(var r=[];t<e.length;)t=compileVar(e,r,t);return r}function resolveValues(e){var t={};e.forEach((function(e){e.declarations.forEach((function(e){t[e.prop]=e.value;}));}));for(var r={},n=Object.entries(t),s=function(e){var t=!1;if(n.forEach((function(e){var n=e[0],s=executeTemplate(e[1],r);s!==r[n]&&(r[n]=s,t=!0);})),!t)return \"break\"},o=0;o<10;o++){if(\"break\"===s())break}return r}function getSelectors(e,t){if(void 0===t&&(t=0),!e.rules)return [];var r=[];return e.rules.filter((function(e){return e.type===types.STYLE_RULE})).forEach((function(e){var n=getDeclarations(e.cssText);n.length>0&&e.parsedSelector.split(\",\").forEach((function(e){e=e.trim(),r.push({selector:e,declarations:n,specificity:computeSpecificity(),nu:t});})),t++;})),r}function computeSpecificity(e){return 1}var IMPORTANT=\"!important\",FIND_DECLARATIONS=/(?:^|[;\\s{]\\s*)(--[\\w-]*?)\\s*:\\s*(?:((?:'(?:\\\\'|.)*?'|\"(?:\\\\\"|.)*?\"|\\([^)]*?\\)|[^};{])+)|\\{([^}]*)\\}(?:(?=[;\\s}])|$))/gm;function getDeclarations(e){for(var t,r=[];t=FIND_DECLARATIONS.exec(e.trim());){var n=normalizeValue(t[2]),s=n.value,o=n.important;r.push({prop:t[1].trim(),value:compileTemplate(s),important:o});}return r}function normalizeValue(e){var t=(e=e.replace(/\\s+/gim,\" \").trim()).endsWith(IMPORTANT);return t&&(e=e.substr(0,e.length-IMPORTANT.length).trim()),{value:e,important:t}}function getActiveSelectors(e,t,r){var n=[],s=getScopesForElement(t,e);return r.forEach((function(e){return n.push(e)})),s.forEach((function(e){return n.push(e)})),sortSelectors(getSelectorsForScopes(n).filter((function(t){return matches(e,t.selector)})))}function getScopesForElement(e,t){for(var r=[];t;){var n=e.get(t);n&&r.push(n),t=t.parentElement;}return r}function getSelectorsForScopes(e){var t=[];return e.forEach((function(e){t.push.apply(t,e.selectors);})),t}function sortSelectors(e){return e.sort((function(e,t){return e.specificity===t.specificity?e.nu-t.nu:e.specificity-t.specificity})),e}function matches(e,t){return \":root\"===t||\"html\"===t||e.matches(t)}function parseCSS(e){var t=parse(e),r=compileTemplate(e);return {original:e,template:r,selectors:getSelectors(t),usesCssVars:r.length>1}}function addGlobalStyle(e,t){if(e.some((function(e){return e.styleEl===t})))return !1;var r=parseCSS(t.textContent);return r.styleEl=t,e.push(r),!0}function updateGlobalScopes(e){var t=resolveValues(getSelectorsForScopes(e));e.forEach((function(e){e.usesCssVars&&(e.styleEl.textContent=executeTemplate(e.template,t));}));}function reScope(e,t){var r=e.template.map((function(r){return \"string\"==typeof r?replaceScope(r,e.scopeId,t):r})),n=e.selectors.map((function(r){return __assign(__assign({},r),{selector:replaceScope(r.selector,e.scopeId,t)})}));return __assign(__assign({},e),{template:r,selectors:n,scopeId:t})}function replaceScope(e,t,r){return e=replaceAll(e,\"\\\\.\"+t,\".\"+r)}function replaceAll(e,t,r){return e.replace(new RegExp(t,\"g\"),r)}function loadDocument(e,t){return loadDocumentStyles(e,t),loadDocumentLinks(e,t).then((function(){updateGlobalScopes(t);}))}function startWatcher(e,t){\"undefined\"!=typeof MutationObserver&&new MutationObserver((function(){loadDocumentStyles(e,t)&&updateGlobalScopes(t);})).observe(document.head,{childList:!0});}function loadDocumentLinks(e,t){for(var r=[],n=e.querySelectorAll('link[rel=\"stylesheet\"][href]:not([data-no-shim])'),s=0;s<n.length;s++)r.push(addGlobalLink(e,t,n[s]));return Promise.all(r)}function loadDocumentStyles(e,t){return Array.from(e.querySelectorAll(\"style:not([data-styles]):not([data-no-shim])\")).map((function(e){return addGlobalStyle(t,e)})).some(Boolean)}function addGlobalLink(e,t,r){var n=r.href;return fetch(n).then((function(e){return e.text()})).then((function(s){if(hasCssVariables(s)&&r.parentNode){hasRelativeUrls(s)&&(s=fixRelativeUrls(s,n));var o=e.createElement(\"style\");o.setAttribute(\"data-styles\",\"\"),o.textContent=s,addGlobalStyle(t,o),r.parentNode.insertBefore(o,r),r.remove();}})).catch((function(e){console.error(e);}))}var CSS_VARIABLE_REGEXP=/[\\s;{]--[-a-zA-Z0-9]+\\s*:/m;function hasCssVariables(e){return e.indexOf(\"var(\")>-1||CSS_VARIABLE_REGEXP.test(e)}var CSS_URL_REGEXP=/url[\\s]*\\([\\s]*['\"]?(?!(?:https?|data)\\:|\\/)([^\\'\\\"\\)]*)[\\s]*['\"]?\\)[\\s]*/gim;function hasRelativeUrls(e){return CSS_URL_REGEXP.lastIndex=0,CSS_URL_REGEXP.test(e)}function fixRelativeUrls(e,t){var r=t.replace(/[^/]*$/,\"\");return e.replace(CSS_URL_REGEXP,(function(e,t){var n=r+t;return e.replace(t,n)}))}var CustomStyle=function(){function e(e,t){this.win=e,this.doc=t,this.count=0,this.hostStyleMap=new WeakMap,this.hostScopeMap=new WeakMap,this.globalScopes=[],this.scopesMap=new Map,this.didInit=!1;}return e.prototype.i=function(){var e=this;return this.didInit||!this.win.requestAnimationFrame?Promise.resolve():(this.didInit=!0,new Promise((function(t){e.win.requestAnimationFrame((function(){startWatcher(e.doc,e.globalScopes),loadDocument(e.doc,e.globalScopes).then((function(){return t()}));}));})))},e.prototype.addLink=function(e){var t=this;return addGlobalLink(this.doc,this.globalScopes,e).then((function(){t.updateGlobal();}))},e.prototype.addGlobalStyle=function(e){addGlobalStyle(this.globalScopes,e)&&this.updateGlobal();},e.prototype.createHostStyle=function(e,t,r,n){if(this.hostScopeMap.has(e))throw new Error(\"host style already created\");var s=this.registerHostTemplate(r,t,n),o=this.doc.createElement(\"style\");return o.setAttribute(\"data-no-shim\",\"\"),s.usesCssVars?n?(o[\"s-sc\"]=t=s.scopeId+\"-\"+this.count,o.textContent=\"/*needs update*/\",this.hostStyleMap.set(e,o),this.hostScopeMap.set(e,reScope(s,t)),this.count++):(s.styleEl=o,s.usesCssVars||(o.textContent=executeTemplate(s.template,{})),this.globalScopes.push(s),this.updateGlobal(),this.hostScopeMap.set(e,s)):o.textContent=r,o},e.prototype.removeHost=function(e){var t=this.hostStyleMap.get(e);t&&t.remove(),this.hostStyleMap.delete(e),this.hostScopeMap.delete(e);},e.prototype.updateHost=function(e){var t=this.hostScopeMap.get(e);if(t&&t.usesCssVars&&t.isScoped){var r=this.hostStyleMap.get(e);if(r){var n=resolveValues(getActiveSelectors(e,this.hostScopeMap,this.globalScopes));r.textContent=executeTemplate(t.template,n);}}},e.prototype.updateGlobal=function(){updateGlobalScopes(this.globalScopes);},e.prototype.registerHostTemplate=function(e,t,r){var n=this.scopesMap.get(t);return n||((n=parseCSS(e)).scopeId=t,n.isScoped=r,this.scopesMap.set(t,n)),n},e}();!function(e){!e||e.__cssshim||e.CSS&&e.CSS.supports&&e.CSS.supports(\"color\",\"var(--c)\")||(e.__cssshim=new CustomStyle(e,e.document));}(\"undefined\"!=typeof window&&window);\n"]}

package/dist/nano-components/p-9f25f107.js

@@ -0,0 +1,2 @@
+class t{constructor(t,s,e,i,r){this.id=s,this.name=e,this.disableScroll=r,this.priority=1e6*i+s,this.ctrl=t}canStart(){return!!this.ctrl&&this.ctrl.canStart(this.name)}start(){return!!this.ctrl&&this.ctrl.start(this.name,this.id,this.priority)}capture(){if(!this.ctrl)return!1;const t=this.ctrl.capture(this.name,this.id,this.priority);return t&&this.disableScroll&&this.ctrl.disableScroll(this.id),t}release(){this.ctrl&&(this.ctrl.release(this.id),this.disableScroll&&this.ctrl.enableScroll(this.id))}destroy(){this.release(),this.ctrl=void 0}}class s{constructor(t,s,e,i){this.id=s,this.disable=e,this.disableScroll=i,this.ctrl=t}block(){if(this.ctrl){if(this.disable)for(const t of this.disable)this.ctrl.disableGesture(t,this.id);this.disableScroll&&this.ctrl.disableScroll(this.id)}}unblock(){if(this.ctrl){if(this.disable)for(const t of this.disable)this.ctrl.enableGesture(t,this.id);this.disableScroll&&this.ctrl.enableScroll(this.id)}}destroy(){this.unblock(),this.ctrl=void 0}}const e=new class{constructor(){this.gestureId=0,this.requestedStart=new Map,this.disabledGestures=new Map,this.disabledScroll=new Set}createGesture(s){return new t(this,this.newID(),s.name,s.priority||0,!!s.disableScroll)}createBlocker(t={}){return new s(this,this.newID(),t.disable,!!t.disableScroll)}start(t,s,e){return this.canStart(t)?(this.requestedStart.set(s,e),!0):(this.requestedStart.delete(s),!1)}capture(t,s,e){if(!this.start(t,s,e))return!1;const i=this.requestedStart;let r=-1e4;if(i.forEach((t=>{r=Math.max(r,t)})),r===e){this.capturedId=s,i.clear();const e=new CustomEvent("ionGestureCaptured",{detail:{gestureName:t}});return document.dispatchEvent(e),!0}return i.delete(s),!1}release(t){this.requestedStart.delete(t),this.capturedId===t&&(this.capturedId=void 0)}disableGesture(t,s){let e=this.disabledGestures.get(t);void 0===e&&(e=new Set,this.disabledGestures.set(t,e)),e.add(s)}enableGesture(t,s){const e=this.disabledGestures.get(t);void 0!==e&&e.delete(s)}disableScroll(t){this.disabledScroll.add(t),1===this.disabledScroll.size&&document.body.classList.add("backdrop-no-scroll")}enableScroll(t){this.disabledScroll.delete(t),0===this.disabledScroll.size&&document.body.classList.remove("backdrop-no-scroll")}canStart(t){return void 0===this.capturedId&&!this.isDisabled(t)}isCaptured(){return void 0!==this.capturedId}isScrollDisabled(){return this.disabledScroll.size>0}isDisabled(t){const s=this.disabledGestures.get(t);return!!(s&&s.size>0)}newID(){return this.gestureId++,this.gestureId}},i=(t,s,e,i)=>{const n=r(t)?{capture:!!i.capture,passive:!!i.passive}:!!i.capture;let o,h;return t.__zone_symbol__addEventListener?(o="__zone_symbol__addEventListener",h="__zone_symbol__removeEventListener"):(o="addEventListener",h="removeEventListener"),t[o](s,e,n),()=>{t[h](s,e,n)}},r=t=>{if(void 0===n)try{const s=Object.defineProperty({},"passive",{get:()=>{n=!0}});t.addEventListener("optsTest",(()=>{}),s)}catch(s){n=!1}return!!n};let n;const o=t=>t instanceof Document?t:t.ownerDocument,h=t=>{let s=!1,r=!1,n=!0,h=!1;const l=Object.assign({disableScroll:!1,direction:"x",gesturePriority:0,passive:!0,maxAngle:40,threshold:10},t),d=l.canStart,v=l.onWillStart,m=l.onStart,f=l.onEnd,p=l.notCaptured,b=l.onMove,y=l.threshold,w=l.passive,_=l.blurOnStart,S={type:"pan",startX:0,startY:0,startTime:0,currentX:0,currentY:0,velocityX:0,velocityY:0,deltaX:0,deltaY:0,currentTime:0,event:void 0,data:void 0},D=((t,s,e)=>{const i=e*(Math.PI/180),r="x"===t,n=Math.cos(i),o=s*s;let h=0,c=0,a=!1,u=0;return{start(t,s){h=t,c=s,u=0,a=!0},detect(t,s){if(!a)return!1;const e=t-h,i=s-c,l=e*e+i*i;if(l<o)return!1;const d=Math.sqrt(l),v=(r?e:i)/d;return u=v>n?1:v<-n?-1:0,a=!1,!0},isGesture:()=>0!==u,getDirection:()=>u}})(l.direction,l.threshold,l.maxAngle),M=e.createGesture({name:t.gestureName,priority:t.gesturePriority,disableScroll:t.disableScroll}),g=()=>{s&&(h=!1,b&&b(S))},k=()=>!(M&&!M.capture()||(s=!0,n=!1,S.startX=S.currentX,S.startY=S.currentY,S.startTime=S.currentTime,v?v(S).then(E):E(),0)),E=()=>{_&&(()=>{if("undefined"!=typeof document){const t=document.activeElement;null!==t&&t.blur&&t.blur()}})(),m&&m(S),n=!0},G=()=>{s=!1,r=!1,h=!1,n=!0,M.release()},x=t=>{const e=s,i=n;G(),i&&(c(S,t),e?f&&f(S):p&&p(S))},L=((t,s,e,r,n)=>{let h,c,a,u,l,d,v,m=0;const f=r=>{m=Date.now()+2e3,s(r)&&(!c&&e&&(c=i(t,"touchmove",e,n)),a||(a=i(t,"touchend",b,n)),u||(u=i(t,"touchcancel",b,n)))},p=r=>{m>Date.now()||s(r)&&(!d&&e&&(d=i(o(t),"mousemove",e,n)),v||(v=i(o(t),"mouseup",y,n)))},b=t=>{w(),r&&r(t)},y=t=>{_(),r&&r(t)},w=()=>{c&&c(),a&&a(),u&&u(),c=a=u=void 0},_=()=>{d&&d(),v&&v(),d=v=void 0},S=()=>{w(),_()},D=(s=!0)=>{s?(h||(h=i(t,"touchstart",f,n)),l||(l=i(t,"mousedown",p,n))):(h&&h(),l&&l(),h=l=void 0,S())};return{enable:D,stop:S,destroy:()=>{D(!1),r=e=s=void 0}}})(l.el,(t=>{const s=u(t);return!(r||!n)&&(a(t,S),S.startX=S.currentX,S.startY=S.currentY,S.startTime=S.currentTime=s,S.velocityX=S.velocityY=S.deltaX=S.deltaY=0,S.event=t,(!d||!1!==d(S))&&(M.release(),!!M.start()&&(r=!0,0===y?k():(D.start(S.startX,S.startY),!0))))}),(t=>{s?!h&&n&&(h=!0,c(S,t),requestAnimationFrame(g)):(c(S,t),D.detect(S.currentX,S.currentY)&&(D.isGesture()&&k()||X()))}),x,{capture:!1,passive:w}),X=()=>{G(),L.stop(),p&&p(S)};return{enable(t=!0){t||(s&&x(void 0),G()),L.enable(t)},destroy(){M.destroy(),L.destroy()}}},c=(t,s)=>{if(!s)return;const e=t.currentX,i=t.currentY,r=t.currentTime;a(s,t);const n=t.currentX,o=t.currentY,h=(t.currentTime=u(s))-r;if(h>0&&h<100){const s=(o-i)/h;t.velocityX=(n-e)/h*.7+.3*t.velocityX,t.velocityY=.7*s+.3*t.velocityY}t.deltaX=n-t.startX,t.deltaY=o-t.startY,t.event=s},a=(t,s)=>{let e=0,i=0;if(t){const s=t.changedTouches;if(s&&s.length>0){const t=s[0];e=t.clientX,i=t.clientY}else void 0!==t.pageX&&(e=t.pageX,i=t.pageY)}s.currentX=e,s.currentY=i},u=t=>t.timeStamp||Date.now();export{e as GESTURE_CONTROLLER,h as createGesture}
+//# sourceMappingURL=p-9f25f107.js.map

package/dist/nano-components/p-9f25f107.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/utils/gesture/gesture-controller.ts","src/utils/gesture/listener.ts","src/utils/gesture/pointer-events.ts","src/utils/gesture/index.ts","src/utils/gesture/recognizers.ts"],"names":["GestureDelegate","[object Object]","ctrl","id","name","priority","disableScroll","this","canStart","start","captured","capture","release","enableScroll","undefined","BlockerDelegate","disable","gesture","disableGesture","enableGesture","unblock","GESTURE_CONTROLLER","gestureId","requestedStart","Map","disabledGestures","disabledScroll","Set","config","newID","opts","gestureName","set","delete","maxPriority","forEach","value","Math","max","capturedId","clear","event","CustomEvent","detail","document","dispatchEvent","get","add","size","body","classList","remove","isDisabled","disabled","addEventListener","el","eventName","callback","listenerOpts","supportsPassive","passive","node","_sPassive","Object","defineProperty","e","getDocument","Document","ownerDocument","createGesture","hasCapturedPan","hasStartedPan","hasFiredStart","isMoveQueued","finalConfig","assign","direction","gesturePriority","maxAngle","threshold","onWillStart","onStart","onEnd","notCaptured","onMove","blurOnStart","type","startX","startY","startTime","currentX","currentY","velocityX","velocityY","deltaX","deltaY","currentTime","data","pan","thresh","radians","PI","isDirX","maxCosine","cos","dirty","isPan","x","y","distance","hypotenuse","sqrt","cosine","isGesture","getDirection","createPanRecognizer","fireOnMove","tryToCapturePan","then","fireOnStart","activeElement","blur","blurActiveElement","reset","pointerUp","ev","tmpHasCaptured","tmpHasFiredStart","calcGestureData","pointerEvents","pointerDown","pointerMove","options","rmTouchStart","rmTouchMove","rmTouchEnd","rmTouchCancel","rmMouseStart","rmMouseMove","rmMouseUp","lastTouchEvent","handleTouchStart","Date","now","handleTouchEnd","handleMouseDown","handleMouseUp","stopTouch","stopMouse","stop","enable","isEnabled","destroy","createPointerEvents","timeStamp","updateDetail","requestAnimationFrame","detect","abortGesture","prevX","prevY","prevT","timeDelta","changedTouches","length","touch","clientX","clientY","pageX","pageY"],"mappings":"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","sourcesContent":["class GestureController {\n  private gestureId = 0;\n  private requestedStart = new Map<number, number>();\n  private disabledGestures = new Map<string, Set<number>>();\n  private disabledScroll = new Set<number>();\n  private capturedId?: number;\n\n  /**\n   * Creates a gesture delegate based on the GestureConfig passed\n   */\n  createGesture(config: GestureConfig): GestureDelegate {\n    return new GestureDelegate(\n      this,\n      this.newID(),\n      config.name,\n      config.priority || 0,\n      !!config.disableScroll\n    );\n  }\n\n  /**\n   * Creates a blocker that will block any other gesture events from firing. Set in the ion-gesture component.\n   */\n  createBlocker(opts: BlockerConfig = {}): BlockerDelegate {\n    return new BlockerDelegate(\n      this,\n      this.newID(),\n      opts.disable,\n      !!opts.disableScroll\n    );\n  }\n\n  start(gestureName: string, id: number, priority: number): boolean {\n    if (!this.canStart(gestureName)) {\n      this.requestedStart.delete(id);\n      return false;\n    }\n    this.requestedStart.set(id, priority);\n    return true;\n  }\n\n  capture(gestureName: string, id: number, priority: number): boolean {\n    if (!this.start(gestureName, id, priority)) {\n      return false;\n    }\n    const requestedStart = this.requestedStart;\n    let maxPriority = -10000;\n\n    requestedStart.forEach((value) => {\n      maxPriority = Math.max(maxPriority, value);\n    });\n\n    if (maxPriority === priority) {\n      this.capturedId = id;\n      requestedStart.clear();\n\n      const event = new CustomEvent('ionGestureCaptured', {\n        detail: { gestureName },\n      });\n      document.dispatchEvent(event);\n      return true;\n    }\n    requestedStart.delete(id);\n\n    return false;\n  }\n\n  release(id: number) {\n    this.requestedStart.delete(id);\n\n    if (this.capturedId === id) {\n      this.capturedId = undefined;\n    }\n  }\n\n  disableGesture(gestureName: string, id: number) {\n    let set = this.disabledGestures.get(gestureName);\n    if (set === undefined) {\n      set = new Set<number>();\n      this.disabledGestures.set(gestureName, set);\n    }\n    set.add(id);\n  }\n\n  enableGesture(gestureName: string, id: number) {\n    const set = this.disabledGestures.get(gestureName);\n    if (set !== undefined) {\n      set.delete(id);\n    }\n  }\n\n  disableScroll(id: number) {\n    this.disabledScroll.add(id);\n    if (this.disabledScroll.size === 1) {\n      document.body.classList.add(BACKDROP_NO_SCROLL);\n    }\n  }\n\n  enableScroll(id: number) {\n    this.disabledScroll.delete(id);\n    if (this.disabledScroll.size === 0) {\n      document.body.classList.remove(BACKDROP_NO_SCROLL);\n    }\n  }\n\n  canStart(gestureName: string): boolean {\n    if (this.capturedId !== undefined) {\n      // a gesture already captured\n      return false;\n    }\n\n    if (this.isDisabled(gestureName)) {\n      return false;\n    }\n\n    return true;\n  }\n\n  isCaptured(): boolean {\n    return this.capturedId !== undefined;\n  }\n\n  isScrollDisabled(): boolean {\n    return this.disabledScroll.size > 0;\n  }\n\n  isDisabled(gestureName: string): boolean {\n    const disabled = this.disabledGestures.get(gestureName);\n    if (disabled && disabled.size > 0) {\n      return true;\n    }\n    return false;\n  }\n\n  private newID(): number {\n    this.gestureId++;\n    return this.gestureId;\n  }\n}\n\nclass GestureDelegate {\n  private ctrl?: GestureController;\n  private priority: number;\n\n  constructor(\n    ctrl: GestureController,\n    private id: number,\n    private name: string,\n    priority: number,\n    private disableScroll: boolean\n  ) {\n    this.priority = priority * 1000000 + id;\n    this.ctrl = ctrl;\n  }\n\n  canStart(): boolean {\n    if (!this.ctrl) {\n      return false;\n    }\n\n    return this.ctrl.canStart(this.name);\n  }\n\n  start(): boolean {\n    if (!this.ctrl) {\n      return false;\n    }\n\n    return this.ctrl.start(this.name, this.id, this.priority);\n  }\n\n  capture(): boolean {\n    if (!this.ctrl) {\n      return false;\n    }\n\n    const captured = this.ctrl.capture(this.name, this.id, this.priority);\n    if (captured && this.disableScroll) {\n      this.ctrl.disableScroll(this.id);\n    }\n\n    return captured;\n  }\n\n  release() {\n    if (this.ctrl) {\n      this.ctrl.release(this.id);\n\n      if (this.disableScroll) {\n        this.ctrl.enableScroll(this.id);\n      }\n    }\n  }\n\n  destroy() {\n    this.release();\n    this.ctrl = undefined;\n  }\n}\n\nclass BlockerDelegate {\n  private ctrl?: GestureController;\n\n  constructor(\n    ctrl: GestureController,\n    private id: number,\n    private disable: string[] | undefined,\n    private disableScroll: boolean\n  ) {\n    this.ctrl = ctrl;\n  }\n\n  block() {\n    if (!this.ctrl) {\n      return;\n    }\n    if (this.disable) {\n      for (const gesture of this.disable) {\n        this.ctrl.disableGesture(gesture, this.id);\n      }\n    }\n\n    if (this.disableScroll) {\n      this.ctrl.disableScroll(this.id);\n    }\n  }\n\n  unblock() {\n    if (!this.ctrl) {\n      return;\n    }\n    if (this.disable) {\n      for (const gesture of this.disable) {\n        this.ctrl.enableGesture(gesture, this.id);\n      }\n    }\n    if (this.disableScroll) {\n      this.ctrl.enableScroll(this.id);\n    }\n  }\n\n  destroy() {\n    this.unblock();\n    this.ctrl = undefined;\n  }\n}\n\nexport interface GestureConfig {\n  name: string;\n  priority?: number;\n  disableScroll?: boolean;\n}\n\nexport interface BlockerConfig {\n  disable?: string[];\n  disableScroll?: boolean;\n}\n\nconst BACKDROP_NO_SCROLL = 'backdrop-no-scroll';\nexport const GESTURE_CONTROLLER = new GestureController();\n","export const addEventListener = (\n  el: any,\n  eventName: string,\n  callback: EventListenerOrEventListenerObject,\n  opts: {\n    passive?: boolean;\n    capture?: boolean;\n  }\n): (() => void) => {\n  // use event listener options when supported\n  // otherwise it's just a boolean for the \"capture\" arg\n  const listenerOpts = supportsPassive(el)\n    ? {\n        capture: !!opts.capture,\n        passive: !!opts.passive,\n      }\n    : !!opts.capture;\n\n  let add: string;\n  let remove: string;\n  if (el['__zone_symbol__addEventListener']) {\n    add = '__zone_symbol__addEventListener';\n    remove = '__zone_symbol__removeEventListener';\n  } else {\n    add = 'addEventListener';\n    remove = 'removeEventListener';\n  }\n\n  el[add](eventName, callback, listenerOpts);\n  return () => {\n    el[remove](eventName, callback, listenerOpts);\n  };\n};\n\nconst supportsPassive = (node: Node) => {\n  if (_sPassive === undefined) {\n    try {\n      const opts = Object.defineProperty({}, 'passive', {\n        get: () => {\n          _sPassive = true;\n        },\n      });\n      node.addEventListener(\n        'optsTest',\n        () => {\n          return;\n        },\n        opts\n      );\n    } catch (e) {\n      _sPassive = false;\n    }\n  }\n  return !!_sPassive;\n};\n\nlet _sPassive: boolean | undefined;\n","import { addEventListener } from './listener';\n\nconst MOUSE_WAIT = 2000;\n\nexport const createPointerEvents = (\n  el: Node,\n  pointerDown: any,\n  pointerMove: any,\n  pointerUp: any,\n  options: {\n    passive?: boolean;\n    capture?: boolean;\n  }\n) => {\n  let rmTouchStart: (() => void) | undefined;\n  let rmTouchMove: (() => void) | undefined;\n  let rmTouchEnd: (() => void) | undefined;\n  let rmTouchCancel: (() => void) | undefined;\n  let rmMouseStart: (() => void) | undefined;\n  let rmMouseMove: (() => void) | undefined;\n  let rmMouseUp: (() => void) | undefined;\n  let lastTouchEvent = 0;\n\n  const handleTouchStart = (ev: any) => {\n    lastTouchEvent = Date.now() + MOUSE_WAIT;\n    if (!pointerDown(ev)) {\n      return;\n    }\n    if (!rmTouchMove && pointerMove) {\n      rmTouchMove = addEventListener(el, 'touchmove', pointerMove, options);\n    }\n    if (!rmTouchEnd) {\n      rmTouchEnd = addEventListener(el, 'touchend', handleTouchEnd, options);\n    }\n    if (!rmTouchCancel) {\n      rmTouchCancel = addEventListener(\n        el,\n        'touchcancel',\n        handleTouchEnd,\n        options\n      );\n    }\n  };\n\n  const handleMouseDown = (ev: any) => {\n    if (lastTouchEvent > Date.now()) {\n      return;\n    }\n    if (!pointerDown(ev)) {\n      return;\n    }\n    if (!rmMouseMove && pointerMove) {\n      rmMouseMove = addEventListener(\n        getDocument(el),\n        'mousemove',\n        pointerMove,\n        options\n      );\n    }\n    if (!rmMouseUp) {\n      rmMouseUp = addEventListener(\n        getDocument(el),\n        'mouseup',\n        handleMouseUp,\n        options\n      );\n    }\n  };\n\n  const handleTouchEnd = (ev: any) => {\n    stopTouch();\n    if (pointerUp) {\n      pointerUp(ev);\n    }\n  };\n\n  const handleMouseUp = (ev: any) => {\n    stopMouse();\n    if (pointerUp) {\n      pointerUp(ev);\n    }\n  };\n\n  const stopTouch = () => {\n    if (rmTouchMove) {\n      rmTouchMove();\n    }\n    if (rmTouchEnd) {\n      rmTouchEnd();\n    }\n    if (rmTouchCancel) {\n      rmTouchCancel();\n    }\n    rmTouchMove = rmTouchEnd = rmTouchCancel = undefined;\n  };\n\n  const stopMouse = () => {\n    if (rmMouseMove) {\n      rmMouseMove();\n    }\n    if (rmMouseUp) {\n      rmMouseUp();\n    }\n    rmMouseMove = rmMouseUp = undefined;\n  };\n\n  const stop = () => {\n    stopTouch();\n    stopMouse();\n  };\n\n  const enable = (isEnabled = true) => {\n    if (!isEnabled) {\n      if (rmTouchStart) {\n        rmTouchStart();\n      }\n      if (rmMouseStart) {\n        rmMouseStart();\n      }\n      rmTouchStart = rmMouseStart = undefined;\n      stop();\n    } else {\n      if (!rmTouchStart) {\n        rmTouchStart = addEventListener(\n          el,\n          'touchstart',\n          handleTouchStart,\n          options\n        );\n      }\n      if (!rmMouseStart) {\n        rmMouseStart = addEventListener(\n          el,\n          'mousedown',\n          handleMouseDown,\n          options\n        );\n      }\n    }\n  };\n\n  const destroy = () => {\n    enable(false);\n    pointerUp = pointerMove = pointerDown = undefined;\n  };\n\n  return {\n    enable,\n    stop,\n    destroy,\n  };\n};\n\nconst getDocument = (node: Node) => {\n  return node instanceof Document ? node : node.ownerDocument;\n};\n\nexport interface PointerEventsConfig {\n  element?: HTMLElement;\n  pointerDown: (ev: any) => boolean;\n  pointerMove?: (ev: any) => void;\n  pointerUp?: (ev: any) => void;\n  zone?: boolean;\n  capture?: boolean;\n  passive?: boolean;\n}\n","import { GESTURE_CONTROLLER } from './gesture-controller';\nimport { createPointerEvents } from './pointer-events';\nimport { createPanRecognizer } from './recognizers';\n\nexport const createGesture = (config: GestureConfig): Gesture => {\n  let hasCapturedPan = false;\n  let hasStartedPan = false;\n  let hasFiredStart = true;\n  let isMoveQueued = false;\n\n  const finalConfig = {\n    disableScroll: false,\n    direction: 'x',\n    gesturePriority: 0,\n    passive: true,\n    maxAngle: 40,\n    threshold: 10,\n\n    ...config,\n  };\n\n  const canStart = finalConfig.canStart;\n  const onWillStart = finalConfig.onWillStart;\n  const onStart = finalConfig.onStart;\n  const onEnd = finalConfig.onEnd;\n  const notCaptured = finalConfig.notCaptured;\n  const onMove = finalConfig.onMove;\n  const threshold = finalConfig.threshold;\n  const passive = finalConfig.passive;\n  const blurOnStart = finalConfig.blurOnStart;\n\n  const detail = {\n    type: 'pan',\n    startX: 0,\n    startY: 0,\n    startTime: 0,\n    currentX: 0,\n    currentY: 0,\n    velocityX: 0,\n    velocityY: 0,\n    deltaX: 0,\n    deltaY: 0,\n    currentTime: 0,\n    event: undefined as any,\n    data: undefined,\n  };\n\n  const pan = createPanRecognizer(\n    finalConfig.direction,\n    finalConfig.threshold,\n    finalConfig.maxAngle\n  );\n  const gesture = GESTURE_CONTROLLER.createGesture({\n    name: config.gestureName,\n    priority: config.gesturePriority,\n    disableScroll: config.disableScroll,\n  });\n\n  const pointerDown = (ev: UIEvent): boolean => {\n    const timeStamp = now(ev);\n    if (hasStartedPan || !hasFiredStart) {\n      return false;\n    }\n\n    updateDetail(ev, detail);\n    detail.startX = detail.currentX;\n    detail.startY = detail.currentY;\n    detail.startTime = detail.currentTime = timeStamp;\n    detail.velocityX = detail.velocityY = detail.deltaX = detail.deltaY = 0;\n    detail.event = ev;\n\n    // Check if gesture can start\n    if (canStart && canStart(detail) === false) {\n      return false;\n    }\n    // Release fallback\n    gesture.release();\n\n    // Start gesture\n    if (!gesture.start()) {\n      return false;\n    }\n\n    hasStartedPan = true;\n    if (threshold === 0) {\n      return tryToCapturePan();\n    }\n    pan.start(detail.startX, detail.startY);\n    return true;\n  };\n\n  const pointerMove = (ev: UIEvent) => {\n    // fast path, if gesture is currently captured\n    // do minimum job to get user-land even dispatched\n    if (hasCapturedPan) {\n      if (!isMoveQueued && hasFiredStart) {\n        isMoveQueued = true;\n        calcGestureData(detail, ev);\n        requestAnimationFrame(fireOnMove);\n      }\n      return;\n    }\n\n    // gesture is currently being detected\n    calcGestureData(detail, ev);\n    if (pan.detect(detail.currentX, detail.currentY)) {\n      if (!pan.isGesture() || !tryToCapturePan()) {\n        abortGesture();\n      }\n    }\n  };\n\n  const fireOnMove = () => {\n    // Since fireOnMove is called inside a RAF, onEnd() might be called,\n    // we must double check hasCapturedPan\n    if (!hasCapturedPan) {\n      return;\n    }\n    isMoveQueued = false;\n    if (onMove) {\n      onMove(detail);\n    }\n  };\n\n  const tryToCapturePan = (): boolean => {\n    if (gesture && !gesture.capture()) {\n      return false;\n    }\n    hasCapturedPan = true;\n    hasFiredStart = false;\n\n    // reset start position since the real user-land event starts here\n    // If the pan detector threshold is big, not resetting the start position\n    // will cause a jump in the animation equal to the detector threshold.\n    // the array of positions used to calculate the gesture velocity does not\n    // need to be cleaned, more points in the positions array always results in a\n    // more accurate value of the velocity.\n    detail.startX = detail.currentX;\n    detail.startY = detail.currentY;\n    detail.startTime = detail.currentTime;\n\n    if (onWillStart) {\n      onWillStart(detail).then(fireOnStart);\n    } else {\n      fireOnStart();\n    }\n    return true;\n  };\n\n  const blurActiveElement = () => {\n    /* tslint:disable-next-line */\n    if (typeof document !== 'undefined') {\n      const activeElement = document.activeElement as HTMLElement | null;\n      if (activeElement !== null && activeElement.blur) {\n        activeElement.blur();\n      }\n    }\n  };\n\n  const fireOnStart = () => {\n    if (blurOnStart) {\n      blurActiveElement();\n    }\n    if (onStart) {\n      onStart(detail);\n    }\n    hasFiredStart = true;\n  };\n\n  const reset = () => {\n    hasCapturedPan = false;\n    hasStartedPan = false;\n    isMoveQueued = false;\n    hasFiredStart = true;\n\n    gesture.release();\n  };\n\n  // END *************************\n\n  const pointerUp = (ev: UIEvent | undefined) => {\n    const tmpHasCaptured = hasCapturedPan;\n    const tmpHasFiredStart = hasFiredStart;\n    reset();\n\n    if (!tmpHasFiredStart) {\n      return;\n    }\n    calcGestureData(detail, ev);\n\n    // Try to capture press\n    if (tmpHasCaptured) {\n      if (onEnd) {\n        onEnd(detail);\n      }\n      return;\n    }\n\n    // Not captured any event\n    if (notCaptured) {\n      notCaptured(detail);\n    }\n  };\n\n  const pointerEvents = createPointerEvents(\n    finalConfig.el,\n    pointerDown,\n    pointerMove,\n    pointerUp,\n    {\n      capture: false,\n      passive,\n    }\n  );\n\n  const abortGesture = () => {\n    reset();\n    pointerEvents.stop();\n    if (notCaptured) {\n      notCaptured(detail);\n    }\n  };\n\n  return {\n    enable(enable = true) {\n      if (!enable) {\n        if (hasCapturedPan) {\n          pointerUp(undefined);\n        }\n\n        reset();\n      }\n      pointerEvents.enable(enable);\n    },\n    destroy() {\n      gesture.destroy();\n      pointerEvents.destroy();\n    },\n  };\n};\n\nconst calcGestureData = (detail: GestureDetail, ev: UIEvent | undefined) => {\n  if (!ev) {\n    return;\n  }\n  const prevX = detail.currentX;\n  const prevY = detail.currentY;\n  const prevT = detail.currentTime;\n\n  updateDetail(ev, detail);\n\n  const currentX = detail.currentX;\n  const currentY = detail.currentY;\n  const timestamp = (detail.currentTime = now(ev));\n  const timeDelta = timestamp - prevT;\n  if (timeDelta > 0 && timeDelta < 100) {\n    const velocityX = (currentX - prevX) / timeDelta;\n    const velocityY = (currentY - prevY) / timeDelta;\n    detail.velocityX = velocityX * 0.7 + detail.velocityX * 0.3;\n    detail.velocityY = velocityY * 0.7 + detail.velocityY * 0.3;\n  }\n  detail.deltaX = currentX - detail.startX;\n  detail.deltaY = currentY - detail.startY;\n  detail.event = ev;\n};\n\nconst updateDetail = (ev: any, detail: GestureDetail) => {\n  // get X coordinates for either a mouse click\n  // or a touch depending on the given event\n  let x = 0;\n  let y = 0;\n  if (ev) {\n    const changedTouches = ev.changedTouches;\n    if (changedTouches && changedTouches.length > 0) {\n      const touch = changedTouches[0];\n      x = touch.clientX;\n      y = touch.clientY;\n    } else if (ev.pageX !== undefined) {\n      x = ev.pageX;\n      y = ev.pageY;\n    }\n  }\n  detail.currentX = x;\n  detail.currentY = y;\n};\n\nconst now = (ev: UIEvent) => {\n  return ev.timeStamp || Date.now();\n};\n\nexport interface GestureDetail {\n  type: string;\n  startX: number;\n  startY: number;\n  startTime: number;\n  currentX: number;\n  currentY: number;\n  velocityX: number;\n  velocityY: number;\n  deltaX: number;\n  deltaY: number;\n  currentTime: number;\n  event: UIEvent;\n  data?: any;\n}\n\nexport type GestureCallback = (detail: GestureDetail) => boolean | void;\n\nexport interface Gesture {\n  enable(enable?: boolean): void;\n  destroy(): void;\n}\n\nexport interface GestureConfig {\n  el: Node;\n  disableScroll?: boolean;\n\n  direction?: 'x' | 'y';\n  gestureName: string;\n  gesturePriority?: number;\n  passive?: boolean;\n  maxAngle?: number;\n  threshold?: number;\n  blurOnStart?: boolean;\n\n  canStart?: GestureCallback;\n  onWillStart?: (_: GestureDetail) => Promise<void>;\n  onStart?: GestureCallback;\n  onMove?: GestureCallback;\n  onEnd?: GestureCallback;\n  notCaptured?: GestureCallback;\n}\n\nexport { GESTURE_CONTROLLER };\n","export interface PanRecognizer {\n  start(x: number, y: number): void;\n  detect(x: number, y: number): boolean;\n  isGesture(): boolean;\n  getDirection(): number;\n}\n\nexport const createPanRecognizer = (\n  direction: string,\n  thresh: number,\n  maxAngle: number\n): PanRecognizer => {\n  const radians = maxAngle * (Math.PI / 180);\n  const isDirX = direction === 'x';\n  const maxCosine = Math.cos(radians);\n  const threshold = thresh * thresh;\n\n  let startX = 0;\n  let startY = 0;\n\n  let dirty = false;\n  let isPan = 0;\n\n  return {\n    start(x: number, y: number) {\n      startX = x;\n      startY = y;\n      isPan = 0;\n      dirty = true;\n    },\n\n    detect(x: number, y: number): boolean {\n      if (!dirty) {\n        return false;\n      }\n\n      const deltaX = x - startX;\n      const deltaY = y - startY;\n      const distance = deltaX * deltaX + deltaY * deltaY;\n\n      if (distance < threshold) {\n        return false;\n      }\n      const hypotenuse = Math.sqrt(distance);\n      const cosine = (isDirX ? deltaX : deltaY) / hypotenuse;\n\n      if (cosine > maxCosine) {\n        isPan = 1;\n      } else if (cosine < -maxCosine) {\n        isPan = -1;\n      } else {\n        isPan = 0;\n      }\n\n      dirty = false;\n      return true;\n    },\n\n    isGesture(): boolean {\n      return isPan !== 0;\n    },\n\n    getDirection(): number {\n      return isPan;\n    },\n  };\n};\n"]}

package/dist/nano-components/p-a057ad2d.system.js

@@ -0,0 +1,2 @@
+System.register([],(function(r){"use strict";return{execute:function(){var n=r("c",(function(r,n){var t;return typeof r==="string"&&r.length>0?Object.assign((t={"nano-color":true},t["nano-color-"+r]=true,t),n):n}));var t=function(r){if(r!==undefined){var n=Array.isArray(r)?r:r.split(" ");return n.filter((function(r){return r!=null})).map((function(r){return r.trim()})).filter((function(r){return r!==""}))}return[]};var e=r("g",(function(r){var n={};t(r).forEach((function(r){return n[r]=true}));return n}))}}}));
+//# sourceMappingURL=p-a057ad2d.system.js.map

package/dist/nano-components/p-a057ad2d.system.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/utils/theme.ts"],"names":["createColorClasses","exports","color","cssClassMap","length","nano-color","_a","getClassList","classes","undefined","array","Array","isArray","split","filter","c","map","trim","getClassMap","forEach"],"mappings":"2EASaA,EAAkBC,EAAA,KAAG,SAChCC,EACAC,SAEA,cAAcD,IAAU,UAAYA,EAAME,OAAS,oBAE7CC,aAAc,MACdC,EAAC,cAAcJ,GAAU,KAAII,GAC1BH,GAELA,KAGC,IAAMI,EAAe,SAC1BC,GAEA,GAAIA,IAAYC,UAAW,CACzB,IAAMC,EAAQC,MAAMC,QAAQJ,GAAWA,EAAUA,EAAQK,MAAM,KAC/D,OAAOH,EACJI,QAAO,SAACC,GAAM,OAAAA,GAAK,QACnBC,KAAI,SAACD,GAAO,OAAAA,EAAaE,UACzBH,QAAO,SAACC,GAAM,OAAAA,IAAM,MAEzB,MAAO,QAGIG,EAAWjB,EAAA,KAAG,SACzBO,GAEA,IAAMQ,EAAmB,GACzBT,EAAaC,GAASW,SAAQ,SAACJ,GAAC,OAAMC,EAAID,GAAK,QAC/C,OAAOC","sourcesContent":["import { Color, CssClassMap } from '../interface';\n\nexport const hostContext = (selector: string, el: HTMLElement): boolean => {\n  return el.closest(selector) !== null;\n};\n\n/**\n * Create the mode and color classes for the component based on the classes passed in\n */\nexport const createColorClasses = (\n  color: Color | undefined | null,\n  cssClassMap?: CssClassMap\n): CssClassMap | undefined => {\n  return typeof color === 'string' && color.length > 0\n    ? {\n        'nano-color': true,\n        [`nano-color-${color}`]: true,\n        ...cssClassMap,\n      }\n    : cssClassMap;\n};\n\nexport const getClassList = (\n  classes: string | (string | null | undefined)[] | undefined\n): string[] => {\n  if (classes !== undefined) {\n    const array = Array.isArray(classes) ? classes : classes.split(' ');\n    return array\n      .filter((c) => c != null)\n      .map((c) => (c as string).trim())\n      .filter((c) => c !== '');\n  }\n  return [];\n};\n\nexport const getClassMap = (\n  classes: string | string[] | undefined\n): CssClassMap => {\n  const map: CssClassMap = {};\n  getClassList(classes).forEach((c) => (map[c] = true));\n  return map;\n};\n"]}

package/dist/nano-components/p-a0ddf496.js

@@ -0,0 +1,2 @@
+function e(e,n=this){return function n(t){if(!t||t===document||t===window)return null;return t.assignedSlot&&(t=t.assignedSlot),t.closest(e)||n(t.getRootNode().host)}(n)}const n=(e,n)=>{Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector);let t=[];return Array.from(e.children).forEach((e=>{e instanceof Element&&e.matches(n)&&t.push(e)})),t},t=(e,n)=>{Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector);let t=[],l=e.parentNode.firstElementChild;do{(!n||l!==e&&l.matches(n))&&t.push(l)}while(l=l.nextElementSibling);return t};function l(e,n){if(n&&e)return{top:e.getBoundingClientRect().top-n.getBoundingClientRect().top,left:e.getBoundingClientRect().left-n.getBoundingClientRect().left}}export{l as a,t as b,e as c,n as g}
+//# sourceMappingURL=p-a0ddf496.js.map

package/dist/nano-components/p-a0ddf496.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/utils/dom.ts"],"names":["closestElement","selector","base","this","__closestFrom","el","document","window","assignedSlot","closest","getRootNode","host","getDirectChildren","elm","sel","Element","prototype","matches","msMatchesSelector","webkitMatchesSelector","ret","Array","from","children","forEach","push","getSiblings","siblings","firstChild","parentNode","firstElementChild","nextElementSibling","getOffset","element","parent","top","getBoundingClientRect","left"],"mappings":"SAAgBA,EAAeC,EAAkBC,EAAgBC,MAU/D,OATA,SAASC,EAAcC,GACrB,IAAKA,GAAMA,IAAOC,UAAYD,IAAOE,OAAQ,OAAO,KAIpD,OAHKF,EAAuBG,eAC1BH,EAAMA,EAAuBG,cAClBH,EAAeI,QAAQR,IAGhCG,EAAgBC,EAAeK,cAA6BC,MAE3DP,CAAcF,SAGVU,EAAoB,CAC/BC,EACAC,KAEKC,QAAQC,UAAUC,UACrBF,QAAQC,UAAUC,QAChBF,QAAQC,UAAUE,mBAClBH,QAAQC,UAAUG,uBAEtB,IAAIC,EAA0B,GAI9B,OAHAC,MAAMC,KAAKT,EAAIU,UAAUC,SAASnB,IAC5BA,aAAcU,SAAWV,EAAGY,QAAQH,IAAMM,EAAIK,KAAKpB,MAElDe,GAGIM,EAAc,CAACrB,EAAaS,KAClCC,QAAQC,UAAUC,UACrBF,QAAQC,UAAUC,QAChBF,QAAQC,UAAUE,mBAClBH,QAAQC,UAAUG,uBAEtB,IAAIQ,EAAW,GACXC,EAAavB,EAAGwB,WAAWC,kBAC/B,KACOhB,GAAQc,IAAevB,GAAMuB,EAAWX,QAAQH,KACnDa,EAASF,KAAKG,SACRA,EAAaA,EAAWG,oBAClC,OAAOJ,YAGOK,EAAUC,EAAsBC,GAC9C,GAAKA,GAAWD,EAChB,MAAO,CACLE,IACEF,EAAQG,wBAAwBD,IAAMD,EAAOE,wBAAwBD,IACvEE,KACEJ,EAAQG,wBAAwBC,KAChCH,EAAOE,wBAAwBC","sourcesContent":["export function closestElement(selector: string, base: Element = this) {\n  function __closestFrom(el: Element | Window | Document): Element {\n    if (!el || el === document || el === window) return null;\n    if ((el as HTMLSlotElement).assignedSlot)\n      el = (el as HTMLSlotElement).assignedSlot;\n    let found = (el as Element).closest(selector);\n    return found\n      ? found\n      : __closestFrom(((el as Element).getRootNode() as ShadowRoot).host);\n  }\n  return __closestFrom(base);\n}\n\nexport const getDirectChildren = (\n  elm: Element,\n  sel: string\n): Array<HTMLElement> => {\n  if (!Element.prototype.matches) {\n    Element.prototype.matches =\n      Element.prototype.msMatchesSelector ||\n      Element.prototype.webkitMatchesSelector;\n  }\n  let ret: Array<HTMLElement> = [];\n  Array.from(elm.children).forEach((el) => {\n    if (el instanceof Element && el.matches(sel)) ret.push(el as HTMLElement);\n  });\n  return ret;\n};\n\nexport const getSiblings = (el: Element, sel?: string): Array<Element> => {\n  if (!Element.prototype.matches) {\n    Element.prototype.matches =\n      Element.prototype.msMatchesSelector ||\n      Element.prototype.webkitMatchesSelector;\n  }\n  let siblings = [];\n  let firstChild = el.parentNode.firstElementChild;\n  do {\n    if (!sel || (firstChild !== el && firstChild.matches(sel)))\n      siblings.push(firstChild);\n  } while ((firstChild = firstChild.nextElementSibling));\n  return siblings;\n};\n\nexport function getOffset(element: HTMLElement, parent: HTMLElement) {\n  if (!parent || !element) return;\n  return {\n    top:\n      element.getBoundingClientRect().top - parent.getBoundingClientRect().top,\n    left:\n      element.getBoundingClientRect().left -\n      parent.getBoundingClientRect().left,\n  };\n}\n"]}

package/dist/nano-components/p-a50ca06f.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-2d59dda3.system.js"],(function(t){"use strict";var e,s;return{setters:[function(t){e=t.r;s=t.h}],execute:function(){var i=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:none !important}:host *{display:none !important}";var o=t("nano_select_option",function(){function t(t){e(this,t);this.optId="nano-option-"+n++;this.label="";this.value="";this.selected=false;this.disabled=false}t.prototype.render=function(){return s("div",{id:this.optId,role:"option","data-value":this.value,"aria-selected":this.selected?"true":"false","aria-disabled":this.disabled?"true":"false"},s("slot",{name:"start"}),this.label?this.label:s("slot",null),s("slot",{name:"end"}))};return t}());var n=0;o.style=i}}}));
+//# sourceMappingURL=p-a50ca06f.system.entry.js.map

package/dist/nano-components/p-a50ca06f.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/select/select-option.scss?tag=nano-select-option&encapsulation=shadow","src/components/select/select-option.tsx"],"names":["selectOptionCss","SelectOption","exports","class_1","hostRef","this","optId","optIds","label","value","selected","disabled","prototype","render","h","id","role","data-value","aria-selected","aria-disabled","name"],"mappings":"0IAAA,IAAMA,EAAkB,wMCSXC,EAAYC,EAAA,qBAAA,WALzB,SAAAC,EAAAC,aAMUC,KAAAC,MAAQ,eAAeC,IAOvBF,KAAAG,MAAgB,GAKhBH,KAAAI,MAAgB,GAKhBJ,KAAAK,SAAoB,MAKpBL,KAAAM,SAAoB,MAE5BR,EAAAS,UAAAC,OAAA,WACE,OACEC,EAAA,MAAA,CACEC,GAAIV,KAAKC,MACTU,KAAK,SAAQC,aACDZ,KAAKI,MAAKS,gBACPb,KAAKK,SAAW,OAAS,QAAOS,gBAChCd,KAAKM,SAAW,OAAS,SAExCG,EAAA,OAAA,CAAMM,KAAK,UACVf,KAAKG,MAAQH,KAAKG,MAAQM,EAAA,OAAA,MAC3BA,EAAA,OAAA,CAAMM,KAAK,mBApCM,IA0CzB,IAAIb,EAAS","sourcesContent":["@import '../../global/style/utilities/globals';\n\n:host {\n  // for now.. as it doesn't work.\n  display: none !important;\n\n  * {\n    display: none !important;\n  }\n\n  // --padding-top: inherit;\n  // --padding-bottom: inherit;\n  // --padding-start: inherit;\n  // --padding-end: inherit;\n  // --margin: inherit;\n\n  // --icon-size: inherit;\n\n  // --color: inherit;\n  // --color-hover: inherit;\n  // --color-focus: inherit;\n  // --color-selected: inherit;\n\n  // --bg-color: inherit;\n  // --bg-color-hover: inherit;\n  // --bg-color-selected: inherit;\n\n  // opacity: inherit;\n  // display: block;\n  // color: var(--color) !important;\n  // margin: var(--margin);\n\n  // ::slotted(*),\n  // &::slotted(*),\n  // * {\n  //   box-sizing: border-box;\n  // }\n\n  // ::slotted(button),\n  // &::slotted(button),\n  // button {\n  //   background: none;\n  //   border: none;\n  // }\n\n  // ::slotted(button),\n  // &::slotted(button),\n  // ::slotted(a),\n  // &::slotted(a),\n  // button,\n  // a {\n  //   @include text-inherit();\n  //   @include padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start));\n  //   display: var(--display, block);\n  //   white-space: nowrap;\n\n  //   color: var(--color) !important;\n  //   background-color: var(--bg-color);\n  //   display: block;\n  // }\n\n  // ::slotted(nano-icon[slot=\"icon-start\"]) {\n  //   @include padding(null, var(--padding-end), null, null);\n  // }\n\n  // ::slotted(nano-icon[slot=\"icon-end\"]) {\n  //   @include padding(null, null, null, var(--padding-start));\n  // }\n}\n","import { Component, Prop, h } from '@stencil/core';\n/**\n * Select options to be used with [select](/story/nano-components-select) elements\n */\n@Component({\n  tag: 'nano-select-option',\n  styleUrl: 'select-option.scss',\n  shadow: true,\n})\nexport class SelectOption {\n  private optId = `nano-option-${optIds++}`;\n\n  // @Element() private el: HTMLNanoSelectOptionElement;\n\n  /**\n   * Label of the option\n   */\n  @Prop() label: string = '';\n\n  /**\n   * Value of the option\n   */\n  @Prop() value: string = '';\n\n  /**\n   * Whether this option is selected\n   */\n  @Prop() selected: boolean = false;\n\n  /**\n   * Whether this option should be disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  render() {\n    return (\n      <div\n        id={this.optId}\n        role=\"option\"\n        data-value={this.value}\n        aria-selected={this.selected ? 'true' : 'false'}\n        aria-disabled={this.disabled ? 'true' : 'false'}\n      >\n        <slot name=\"start\" />\n        {this.label ? this.label : <slot />}\n        <slot name=\"end\" />\n      </div>\n    );\n  }\n}\n\nlet optIds = 0;\n"]}

package/dist/nano-components/p-a5917bdc.js

@@ -0,0 +1,2 @@
+function e(t){const n=[];return t instanceof HTMLElement&&(function(e){const t=e.tagName.toLowerCase();return"-1"!==e.getAttribute("tabindex")&&!e.hasAttribute("disabled")&&(!e.hasAttribute("aria-disabled")||"false"===e.getAttribute("aria-disabled"))&&(!!e.hasAttribute("tabindex")||!(!e.hasAttribute("contenteditable")||"false"===e.getAttribute("contenteditable"))||!("audio"!==t&&"video"!==t||!e.hasAttribute("controls"))||!("input"===t&&"radio"===e.getAttribute("type")&&!e.hasAttribute("checked"))&&!!e.offsetParent&&"hidden"!==window.getComputedStyle(e).visibility&&["button","input","select","textarea","a","audio","video","summary"].includes(t))}(t)&&n.push(t),t.shadowRoot&&"open"===t.shadowRoot.mode&&e(t.shadowRoot).map((e=>n.push(e))),HTMLSlotElement&&t instanceof HTMLSlotElement&&t.assignedElements().map((t=>{e(t).map((e=>n.push(e)))}))),Array.from(t.querySelectorAll("*")).map((t=>{e(t).map((e=>n.push(e)))})),n}function t(t){const n=e(t);return n.length?n[0]:null}export{t as a,e as g}
+//# sourceMappingURL=p-a5917bdc.js.map

package/dist/nano-components/p-a5917bdc.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/utils/tabbable.ts"],"names":["getTabbableElements","root","tabbableElements","HTMLElement","el","tag","tagName","toLowerCase","getAttribute","hasAttribute","offsetParent","window","getComputedStyle","visibility","includes","isTabbable","push","shadowRoot","mode","map","HTMLSlotElement","assignedElements","slottedEl","Array","from","querySelectorAll","getNearestTabbableElement","length"],"mappings":"SA0EgBA,EAAoBC,GAClC,MAAMC,EAAkC,GA4BxC,OA1BID,aAAgBE,cA5EtB,SAAoBC,GAClB,MAAMC,EAAMD,EAAGE,QAAQC,cAGvB,MAAoC,OAAhCH,EAAGI,aAAa,cAKhBJ,EAAGK,aAAa,eAMlBL,EAAGK,aAAa,kBACqB,UAArCL,EAAGI,aAAa,sBAMdJ,EAAGK,aAAa,gBAMlBL,EAAGK,aAAa,oBACuB,UAAvCL,EAAGI,aAAa,uBAML,UAARH,GAA2B,UAARA,IAAoBD,EAAGK,aAAa,gBAMlD,UAARJ,GAC4B,UAA5BD,EAAGI,aAAa,UACfJ,EAAGK,aAAa,eAMdL,EAAGM,cAKuC,WAA3CC,OAAOC,iBAAiBR,GAAIS,YAKzB,CACL,SACA,QACA,SACA,WACA,IACA,QACA,QACA,WACAC,SAAST,IAULU,CAAWd,IACbC,EAAiBc,KAAKf,GAIpBA,EAAKgB,YAAuC,SAAzBhB,EAAKgB,WAAWC,MACrClB,EAAoBC,EAAKgB,YAAYE,KAAKf,GACxCF,EAAiBc,KAAKZ,KAKtBgB,iBAAmBnB,aAAgBmB,iBACrCnB,EAAKoB,mBAAmBF,KAAKG,IAC3BtB,EAAoBsB,GAAWH,KAAKf,GAAOF,EAAiBc,KAAKZ,SAMvEmB,MAAMC,KAAKvB,EAAKwB,iBAAiB,MAAMN,KAAKf,IAC1CJ,EAAoBI,GAAIe,KAAKf,GAAOF,EAAiBc,KAAKZ,QAGrDF,WAGOwB,EAA0BtB,GACxC,MAAMF,EAAmBF,EAAoBI,GAC7C,OAAOF,EAAiByB,OAASzB,EAAiB,GAAK","sourcesContent":["// Determines if the specified element is tabbable using heuristics inspired by https://github.com/focus-trap/tabbable\nfunction isTabbable(el: HTMLElement) {\n  const tag = el.tagName.toLowerCase();\n\n  // Elements with a -1 tab index are not tabbable\n  if (el.getAttribute('tabindex') === '-1') {\n    return false;\n  }\n\n  // Elements with a disabled attribute are not tabbable\n  if (el.hasAttribute('disabled')) {\n    return false;\n  }\n\n  // Elements with aria-disabled are not tabbable\n  if (\n    el.hasAttribute('aria-disabled') &&\n    el.getAttribute('aria-disabled') !== 'false'\n  ) {\n    return false;\n  }\n\n  // Elements with a tabindex other than -1 are tabbable\n  if (el.hasAttribute('tabindex')) {\n    return true;\n  }\n\n  // Elements with a contenteditable attribute are tabbable\n  if (\n    el.hasAttribute('contenteditable') &&\n    el.getAttribute('contenteditable') !== 'false'\n  ) {\n    return true;\n  }\n\n  // Audio and video elements with the controls attribute are tabbable\n  if ((tag === 'audio' || tag === 'video') && el.hasAttribute('controls')) {\n    return true;\n  }\n\n  // Radios without a checked attribute are not tabbable\n  if (\n    tag === 'input' &&\n    el.getAttribute('type') === 'radio' &&\n    !el.hasAttribute('checked')\n  ) {\n    return false;\n  }\n\n  // Elements that are hidden have no offsetParent and are not tabbable\n  if (!el.offsetParent) {\n    return false;\n  }\n\n  // Elements without visibility are not tabbable (calculated last due to performance)\n  if (window.getComputedStyle(el).visibility === 'hidden') {\n    return false;\n  }\n\n  // At this point, the following elements are considered tabbable\n  return [\n    'button',\n    'input',\n    'select',\n    'textarea',\n    'a',\n    'audio',\n    'video',\n    'summary',\n  ].includes(tag);\n}\n\n// Locates all tabbable elements within an element. If the target element is tabbable, it will be included in the\n// resulting array. This function will also look in open shadow roots.\nexport function getTabbableElements(root: HTMLElement | ShadowRoot) {\n  const tabbableElements: HTMLElement[] = [];\n\n  if (root instanceof HTMLElement) {\n    // Is the root element tabbable?\n    if (isTabbable(root)) {\n      tabbableElements.push(root);\n    }\n\n    // Look for tabbable elements in the shadow root\n    if (root.shadowRoot && root.shadowRoot.mode === 'open') {\n      getTabbableElements(root.shadowRoot).map((el) =>\n        tabbableElements.push(el)\n      );\n    }\n\n    // Look at slotted elements\n    if (HTMLSlotElement && root instanceof HTMLSlotElement) {\n      root.assignedElements().map((slottedEl: HTMLElement) => {\n        getTabbableElements(slottedEl).map((el) => tabbableElements.push(el));\n      });\n    }\n  }\n\n  // Look for tabbable elements in children\n  Array.from(root.querySelectorAll('*')).map((el: HTMLElement) => {\n    getTabbableElements(el).map((el) => tabbableElements.push(el));\n  });\n\n  return tabbableElements;\n}\n\nexport function getNearestTabbableElement(el: HTMLElement): HTMLElement | null {\n  const tabbableElements = getTabbableElements(el);\n  return tabbableElements.length ? tabbableElements[0] : null;\n}\n"]}

package/dist/nano-components/p-a897cfae.system.entry.js

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(t,e,n,i){function a(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,o){function r(t){try{l(i.next(t))}catch(e){o(e)}}function s(t){try{l(i["throw"](t))}catch(e){o(e)}}function l(t){t.done?n(t.value):a(t.value).then(r,s)}l((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,a,o,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(t){return function(e){return l([t,e])}}function l(r){if(i)throw new TypeError("Generator is already executing.");while(n)try{if(i=1,a&&(o=r[0]&2?a["return"]:r[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,r[1])).done)return o;if(a=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:n.label++;return{value:r[1],done:false};case 5:n.label++;a=r[1];r=[0];continue;case 7:r=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){n=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]<o[3])){n.label=r[1];break}if(r[0]===6&&n.label<o[1]){n.label=o[1];o=r;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(r);break}if(o[2])n.ops.pop();n.trys.pop();continue}r=e.call(t,n)}catch(s){r=[6,s];a=0}finally{i=o=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};System.register(["./p-2d59dda3.system.js","./p-f60dde31.system.js","./p-89a5c54a.system.js","./p-f00d0c25.system.js","./p-a057ad2d.system.js","./p-0c67773b.system.js","./p-3d1c1c19.system.js"],(function(t){"use strict";var e,n,i,a,o,r,s,l,d,c;return{setters:[function(t){e=t.r;n=t.c;i=t.h;a=t.e;o=t.g},function(t){r=t.M},function(t){s=t.r},function(t){l=t.l;d=t.u},function(t){c=t.c},function(){},function(){}],execute:function(){var u=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{--border-radius:var(--nano-layer-border-radius, var(--nano-border-radius-medium, 4px));--border-color:var(--nano-layer-border-color, rgba(0, 0, 0, 0.1));--border-width:var(--nano-layer-border-width, 1px);--background:var(--nano-layer-bg, #fff);--tint-color:var(--nano-color-base, var(--nano-color-primary, #0084a9));--icon-size:2rem;--scrim-color:var(--nano-layer-overlay-dark, rgba(74, 74, 74, .5));--close-button-color:#b5aea7;display:block}:host(.nano-color){--tint-color:var(--nano-color-base, var(--nano-color-primary, #0084a9))}.alert{position:relative;background-color:var(--background);border:solid var(--border-width) var(--border-color);border-top-width:4px;border-top-color:var(--tint-color);border-radius:var(--border-radius);opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-transition:var(--nano-transition-medium, 0.5s) opacity ease, var(--nano-transition-fast, 0.3s) transform ease;transition:var(--nano-transition-medium, 0.5s) opacity ease, var(--nano-transition-fast, 0.3s) transform ease}.alert:focus{outline:none}.alert:not(.alert--showing){position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;pointer-events:none;visibility:hidden}.alert--open{opacity:1;-webkit-transform:none;transform:none}.alert--toasty,.alert--modal{-webkit-box-shadow:var(--nano-layer-shadow-large, 0 2px 8px rgba(0, 0, 0, 0.3));box-shadow:var(--nano-layer-shadow-large, 0 2px 8px rgba(0, 0, 0, 0.3));margin:var(--nano-spacing-medium, 16px)}.alert__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.alert__modal-wrap{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:0;right:0;bottom:0;left:0;z-index:var(--nano-layer-index-alert, 800)}.alert__message{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:var(--nano-spacing-medium, 16px);overflow:hidden;line-height:1.6}.alert__close{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.1em;padding-left:0;padding-right:var(--nano-spacing-medium, 16px);padding-top:0;padding-bottom:0;--color:var(--close-button-color)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.alert__close{padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--nano-spacing-medium, 16px);padding-inline-end:var(--nano-spacing-medium, 16px)}}.alert__footer{padding:0 var(--nano-spacing-small, 8px) 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.alert__footer ::slotted(*),.alert__footer::slotted(*){-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 var(--nano-spacing-small, 8px) var(--nano-spacing-medium, 16px) !important}.alert__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--scrim-color);opacity:0;-webkit-transition:var(--nano-transition-fast, 0.3s) opacity;transition:var(--nano-transition-fast, 0.3s) opacity;z-index:var(--nano-layer-index-alert, 800);-webkit-backdrop-filter:blur(var(--nano-layer-overlay-blur, 3px));backdrop-filter:blur(var(--nano-layer-overlay-blur, 3px))}.alert__overlay--open{opacity:1}.alert__icon{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--icon-size)}.alert__icon::slotted(*){color:var(--tint-color);margin-left:var(--nano-spacing-medium, 16px)}.alert__icon ::slotted(*){color:var(--tint-color);margin-left:var(--nano-spacing-medium, 16px);margin-right:0;margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.alert__icon ::slotted(*){margin-left:unset;margin-right:unset;-webkit-margin-start:var(--nano-spacing-medium, 16px);margin-inline-start:var(--nano-spacing-medium, 16px);-webkit-margin-end:0;margin-inline-end:0}}.something{color:black}";var f=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--tr"});var h=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--tl"});var p=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--bl"});var b=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--br"});var m=t("nano_alert",function(){function t(t){var a=this;e(this,t);this.nanoShow=n(this,"nanoShow",7);this.nanoAfterShow=n(this,"nanoAfterShow",7);this.nanoHide=n(this,"nanoHide",7);this.nanoAfterHide=n(this,"nanoAfterHide",7);this.addedTransEnd=false;this.goingToHide=false;this.goingToShow=false;this.isModal=false;this.isToast=false;this.isShowing=false;this.open=false;this.closable=false;this.duration=Infinity;this.handleMouseMove=function(){a.restartAutoHide()};this.handleCloseClick=function(){a.hide()};this.handleTransitionEnd=function(t){if(t.propertyName==="opacity"&&(t.target===a.panel||t.target===a.overlay)){a.host.hidden=!a.open;a.isShowing=a.open;a.open?a.nanoAfterShow.emit():a.nanoAfterHide.emit()}};this.handleButtonClick=function(t){var e=t.target;if(t.defaultPrevented)return;if(e.tagName&&e.tagName.toLowerCase()==="button")a.hide()};this.restartAutoHide=function(){clearTimeout(a.autoHideTimeout);if(a.open&&a.duration<Infinity){a.autoHideTimeout=setTimeout((function(){return a.hide()}),a.duration)}};this.Panel=function(){return i("div",{ref:function(t){return a.panel=t},part:"panel",class:{alert:true,"alert--open":a.open,"alert--toasty":a.isToast,"alert--modal":!!a.isModal,"alert--showing":a.isShowing},role:!!a.isModal?"alertdialog":"alert","aria-live":"assertive","aria-atomic":"true","aria-hidden":a.open?"false":"true","aria-modal":!!a.isModal?"true":undefined,"aria-label":a.label?a.label:undefined,onMouseMove:a.handleMouseMove,tabIndex:!!a.isModal?0:undefined},i("div",{class:"alert__content"},i("div",{part:"icon",class:"alert__icon"},i("slot",{name:"icon"})),i("div",{part:"message",class:"alert__message"},i("slot",null)),a.closable&&i("div",{class:"alert__close"},i("nano-icon-button",{class:"alert__close",iconName:"light/times",label:"close menu",onClick:a.handleCloseClick}))),i("div",{class:"alert__footer"},i("slot",{name:"footer"})))}}t.prototype.handleOpenChange=function(){this.open?this.show():this.hide()};t.prototype.handleDurationChange=function(){this.restartAutoHide()};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(n){if(this.goingToShow){return[2]}t=this.nanoShow.emit();if(t.defaultPrevented){this.open=false;return[2,false]}this.host.hidden=false;this.goingToShow=true;this.open=true;s((function(){e.isShowing=true;e.goingToShow=false}));if(this.duration<Infinity){clearTimeout(this.autoHideTimeout);this.autoHideTimeout=setTimeout((function(){return e.hide()}),this.duration)}return[2]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(n){if(this.goingToHide){return[2]}t=this.nanoHide.emit();if(t.defaultPrevented){this.open=true;return[2,false]}this.goingToHide=true;this.open=false;s((function(){return e.goingToHide=false}));clearTimeout(this.autoHideTimeout);return[2]}))}))};t.prototype.toast=function(t){if(t===void 0){t="tr"}return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(n){this.isToast=true;return[2,new Promise((function(n){var i;switch(t){case"tl":i=h;break;case"bl":i=p;break;case"br":i=b;break;default:i=f;break}if(!i.parentElement){document.body.appendChild(i)}i.appendChild(e.host);e.connectedCallback();e.show();e.host.addEventListener("nanoAfterHide",(function(){e.host.remove();e.isToast=false;n();if(!i.querySelector("nano-alert")){i.remove()}}),{once:true})}))]}))}))};t.prototype.alert=function(t){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(n){this.isModal=true;this.label=t;return[2,new Promise((function(t){if(!document.body.contains(e.host)){document.body.appendChild(e.host)}e.modal.activate();l(e.host);e.originalTrigger=document.activeElement;s((function(){e.show()}));e.host.addEventListener("nanoAfterShow",(function(){s((function(){return e.panel.focus({preventScroll:true})}))}),{once:true});e.host.addEventListener("nanoAfterHide",(function(){e.modal.deactivate();e.host.remove();e.label=undefined;e.isModal=false;t();if(e.originalTrigger&&typeof e.originalTrigger.focus==="function"){setTimeout((function(){return e.originalTrigger.focus()}))}}),{once:true})}))]}))}))};t.prototype.connectedCallback=function(){this.modal=new r(this.host);this.host.addEventListener("click",this.handleButtonClick);if(this.panel){this.addedTransEnd=true;this.panel.addEventListener("transitionend",this.handleTransitionEnd)}};t.prototype.disconnectedCallback=function(){d(this.host);this.host.removeEventListener("click",this.handleButtonClick);this.addedTransEnd=false;this.panel.removeEventListener("transitionend",this.handleTransitionEnd)};t.prototype.componentDidLoad=function(){if(this.open){this.show()}if(!this.addedTransEnd){this.panel.addEventListener("transitionend",this.handleTransitionEnd)}};t.prototype.render=function(){var t=this;return i(a,{class:Object.assign({},c(this.color)),showing:this.isShowing},this.isModal&&[i("div",{part:"overlay",class:{alert__overlay:true,"alert__overlay--open":this.open},ref:function(e){return t.overlay=e}}),i("div",{class:"alert__modal-wrap"},i(this.Panel,null))],!this.isModal&&i(this.Panel,null))};Object.defineProperty(t.prototype,"host",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["handleOpenChange"],duration:["handleDurationChange"]}},enumerable:false,configurable:true});return t}());m.style=u}}}));
+//# sourceMappingURL=p-a897cfae.system.entry.js.map

package/dist/nano-components/p-a897cfae.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/alert/alert.scss?tag=nano-alert&encapsulation=shadow","src/components/alert/alert.tsx"],"names":["alertCss","toastStackTr","Object","assign","document","createElement","className","toastStackTl","toastStackBl","toastStackBr","Alert","exports","class_1","hostRef","_this","this","addedTransEnd","goingToHide","goingToShow","isModal","isToast","isShowing","open","closable","duration","Infinity","handleMouseMove","restartAutoHide","handleCloseClick","hide","handleTransitionEnd","event","propertyName","target","panel","overlay","host","hidden","nanoAfterShow","emit","nanoAfterHide","handleButtonClick","defaultPrevented","tagName","toLowerCase","clearTimeout","autoHideTimeout","setTimeout","Panel","h","ref","el","part","class","alert","alert--open","alert--toasty","alert--modal","alert--showing","role","aria-live","aria-atomic","aria-hidden","aria-modal","undefined","aria-label","label","onMouseMove","tabIndex","name","iconName","onClick","prototype","handleOpenChange","show","handleDurationChange","nanoShow","raf","nanoHide","toast","position","Promise","resolve","toastStack","parentElement","body","appendChild","connectedCallback","addEventListener","remove","querySelector","once","contains","modal","activate","lockBodyScrolling","originalTrigger","activeElement","focus","preventScroll","deactivate","Modal","disconnectedCallback","unlockBodyScrolling","removeEventListener","componentDidLoad","render","Host","createColorClasses","color","showing","alert__overlay","alert__overlay--open","div"],"mappings":"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","sourcesContent":["@import '../../global/style/nano-theme/base';\n@import '../../global/style/nano-theme/colours';\n@import '../../global/style/nano-theme/layers';\n\n:host {\n  /**\n   * @prop --border-radius: defaults to #{$layer-border-radius};\n   * @prop --border-color: defaults to #{$layer-border-color};\n   * @prop --border-width: defaults to #{$layer-border-width};\n   * @prop --background: defaults to #{$layer-bg-color};\n   * @prop --tint-color: defaults to var(--nano-color-base, #{nano-color(primary, base)});\n   * @prop --icon-size: defaults to 1.5rem;\n   * @prop --scrim-color: overlay colour of alert display. Defaults to #{$layer-overlay-dark};\n   * @prop --close-button-color: defaults to #{$color-mediumgrey} ;\n   */\n\n  --border-radius: #{$layer-border-radius};\n  --border-color: #{$layer-border-color};\n  --border-width: #{$layer-border-width};\n  --background: #{$layer-bg-color};\n  --tint-color: var(--nano-color-base, #{nano-color(primary, base)});\n  --icon-size: 2rem;\n  --scrim-color: #{$layer-overlay-dark};\n  --close-button-color: #{$color-palegrey};\n\n  display: block;\n}\n\n:host(.nano-color) {\n  --tint-color: var(--nano-color-base, #{nano-color(primary, base)});\n}\n\n.alert {\n  position: relative;\n  background-color: var(--background);\n  border: solid var(--border-width) var(--border-color);\n  border-top-width: 4px;\n  border-top-color: var(--tint-color);\n  border-radius: var(--border-radius);\n  opacity: 0;\n  transform: scale(0.9);\n  transition:\n    #{$transition-medium} opacity ease,\n    #{$transition-fast} transform ease;\n\n  &:focus {\n    outline: none;\n  }\n\n  &:not(.alert--showing) {\n    @include hidden;\n  }\n\n  &--open {\n    opacity: 1;\n    transform: none;\n  }\n\n  &--toasty,\n  &--modal {\n    box-shadow: #{$layer-shadow-large};\n    margin: #{$spacing-medium};\n  }\n}\n\n.alert__content {\n  display: flex;\n  align-items: stretch;\n}\n\n.alert__modal-wrap {\n  position: fixed;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: #{$layer-index-alert};\n}\n\n.alert__message {\n  flex: 1 1 auto;\n  padding: #{$spacing-medium};\n  overflow: hidden;\n  line-height: 1.6;\n}\n\n.alert__close {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  font-size: 1.1em;\n\n  @include padding(0, #{$spacing-medium}, 0, 0);\n\n  --color: var(--close-button-color);\n}\n\n.alert__footer {\n  padding: 0 #{$spacing-small} 0;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-around;\n  align-items: center;\n\n  ::slotted(*),\n  &::slotted(*) {\n    flex: 1;\n    margin: 0 #{$spacing-small} #{$spacing-medium} !important;\n  }\n}\n\n.alert__overlay {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: var(--scrim-color);\n  opacity: 0;\n  transition: #{$transition-fast} opacity;\n  z-index: #{$layer-index-alert};\n  backdrop-filter: blur(#{$layer-overlay-blur});\n\n  &--open {\n    opacity: 1;\n  }\n}\n\n.alert__icon {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  font-size: var(--icon-size);\n\n  &::slotted(*) {\n    color: var(--tint-color);\n    margin-left: #{$spacing-medium};\n  }\n}\n\n.alert__icon ::slotted(*) {\n  color: var(--tint-color);\n\n  @include margin(0, 0, 0, #{$spacing-medium});\n}\n// just testing - rm later\n.something {\n  color: black;\n}\n","import {\n  Component,\n  ComponentInterface,\n  Element,\n  Event,\n  EventEmitter,\n  Method,\n  Prop,\n  State,\n  Watch,\n  h,\n  Host,\n  VNode,\n} from '@stencil/core';\nimport { Color } from '../../interface';\nimport Modal from '../../utils/modal';\nimport {\n  createColorClasses,\n  lockBodyScrolling,\n  raf,\n  unlockBodyScrolling,\n} from '../../utils/utils';\n\nconst toastStackTr = Object.assign(document.createElement('div'), {\n  className: 'nano-toast-stack nano-toast-stack--tr',\n});\nconst toastStackTl = Object.assign(document.createElement('div'), {\n  className: 'nano-toast-stack nano-toast-stack--tl',\n});\nconst toastStackBl = Object.assign(document.createElement('div'), {\n  className: 'nano-toast-stack nano-toast-stack--bl',\n});\nconst toastStackBr = Object.assign(document.createElement('div'), {\n  className: 'nano-toast-stack nano-toast-stack--br',\n});\n\n/**\n * Alerts are used to display important messages either inline, as toast notifications or as modals requiring action.\n * @slot - The alert's content.\n * @slot icon - An icon to show in the alert.\n * @slot footer - Place items at the bottom of the alert. Best used with `button` elements - esp when used as with the `alert()` method.\n */\n@Component({\n  tag: 'nano-alert',\n  styleUrl: 'alert.scss',\n  shadow: true,\n})\nexport class Alert implements ComponentInterface {\n  private autoHideTimeout: ReturnType<typeof setTimeout>;\n  private panel: HTMLElement;\n  private overlay: HTMLElement;\n  private modal: Modal;\n  private originalTrigger: HTMLElement | null;\n  private addedTransEnd = false;\n  private goingToHide = false;\n  private goingToShow = false;\n\n  @State() isModal = false;\n  @State() isToast = false;\n  @State() isShowing = false;\n  @State() label: string;\n\n  @Element() host: HTMLNanoAlertElement;\n\n  /** Indicates whether or not the alert is open. You can use this in lieu of the show/hide methods. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  @Watch('open')\n  handleOpenChange() {\n    this.open ? this.show() : this.hide();\n  }\n\n  /** Set to true to make the alert closable. */\n  @Prop({ reflect: true }) closable = false;\n\n  /** The color to use from the application's color palette. */\n  @Prop({ reflect: true }) color?: Color;\n\n  /**\n   * The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with the\n   * alert before it closes (e.g. moves the mouse over it), the timer will restart.\n   */\n  @Prop() duration = Infinity;\n\n  @Watch('duration')\n  handleDurationChange() {\n    this.restartAutoHide();\n  }\n\n  /** Emitted when the alert opens. Calling `event.preventDefault()` will prevent it from being opened. */\n  @Event() nanoShow: EventEmitter;\n\n  /** Emitted after the alert opens and all transitions are complete. */\n  @Event() nanoAfterShow: EventEmitter;\n\n  /** Emitted when the alert closes. Calling `event.preventDefault()` will prevent it from being closed. */\n  @Event() nanoHide: EventEmitter;\n\n  /** Emitted after the alert closes and all transitions are complete. */\n  @Event() nanoAfterHide: EventEmitter;\n\n  /** Shows the alert. */\n  @Method()\n  async show() {\n    if (this.goingToShow) {\n      return;\n    }\n    const nanoShow = this.nanoShow.emit();\n    if (nanoShow.defaultPrevented) {\n      this.open = false;\n      return false;\n    }\n\n    this.host.hidden = false;\n    this.goingToShow = true;\n    this.open = true;\n    raf(() => {\n      this.isShowing = true;\n      this.goingToShow = false;\n    });\n\n    if (this.duration < Infinity) {\n      clearTimeout(this.autoHideTimeout);\n      this.autoHideTimeout = setTimeout(() => this.hide(), this.duration);\n    }\n  }\n\n  /** Hides the alert */\n  @Method()\n  async hide() {\n    if (this.goingToHide) {\n      return;\n    }\n    const nanoHide = this.nanoHide.emit();\n\n    if (nanoHide.defaultPrevented) {\n      this.open = true;\n      return false;\n    }\n    this.goingToHide = true;\n    this.open = false;\n\n    raf(() => (this.goingToHide = false));\n    clearTimeout(this.autoHideTimeout);\n  }\n\n  /**\n   * Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\n   * dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\n   * calling this method again. The returned promise will resolve after the alert is hidden.\n   *\n   * @param position options are tr (top-right - default), tl (top-left), br (bottom-right), bl (bottom-left)\n   * @returns a promise which will resolve after the alert has hidden\n   */\n  @Method()\n  async toast(position: 'tr' | 'tl' | 'bl' | 'br' = 'tr') {\n    this.isToast = true;\n    return new Promise<void>((resolve) => {\n      let toastStack: HTMLElement;\n      switch (position) {\n        case 'tl':\n          toastStack = toastStackTl;\n          break;\n        case 'bl':\n          toastStack = toastStackBl;\n          break;\n        case 'br':\n          toastStack = toastStackBr;\n          break;\n        default:\n          toastStack = toastStackTr;\n          break;\n      }\n\n      if (!toastStack.parentElement) {\n        document.body.appendChild(toastStack);\n      }\n\n      toastStack.appendChild(this.host);\n      this.connectedCallback();\n      this.show();\n\n      this.host.addEventListener(\n        'nanoAfterHide',\n        () => {\n          this.host.remove();\n          this.isToast = false;\n          resolve();\n\n          // Remove the toast stack from the DOM when there are no more alerts\n          if (!toastStack.querySelector('nano-alert')) {\n            toastStack.remove();\n          }\n        },\n        { once: true }\n      );\n    });\n  }\n\n  /**\n   * Displays the alert as a dialog / modal - more akin to a traditional js alert().\n   * @param label a label for assistive technology\n   */\n  @Method()\n  async alert(label: string) {\n    this.isModal = true;\n    this.label = label;\n\n    return new Promise<void>((resolve) => {\n      if (!document.body.contains(this.host)) {\n        document.body.appendChild(this.host);\n      }\n\n      this.modal.activate();\n      lockBodyScrolling(this.host);\n      this.originalTrigger = document.activeElement as HTMLElement;\n\n      raf(() => {\n        this.show();\n      });\n\n      this.host.addEventListener(\n        'nanoAfterShow',\n        () => {\n          raf(() => this.panel.focus({ preventScroll: true }));\n        },\n        { once: true }\n      );\n\n      this.host.addEventListener(\n        'nanoAfterHide',\n        () => {\n          this.modal.deactivate();\n          this.host.remove();\n          this.label = undefined;\n          this.isModal = false;\n          resolve();\n\n          // Restore focus to the original trigger\n          if (\n            this.originalTrigger &&\n            typeof this.originalTrigger.focus === 'function'\n          ) {\n            setTimeout(() => this.originalTrigger.focus());\n          }\n        },\n        { once: true }\n      );\n    });\n  }\n\n  private handleMouseMove = () => {\n    this.restartAutoHide();\n  };\n\n  private handleCloseClick = () => {\n    this.hide();\n  };\n\n  private handleTransitionEnd = (event: TransitionEvent) => {\n    if (\n      event.propertyName === 'opacity' &&\n      (event.target === this.panel || event.target === this.overlay)\n    ) {\n      this.host.hidden = !this.open;\n      this.isShowing = this.open;\n      this.open ? this.nanoAfterShow.emit() : this.nanoAfterHide.emit();\n    }\n  };\n\n  private handleButtonClick = (event: Event) => {\n    const target = event.target as HTMLElement;\n    if (event.defaultPrevented) return;\n    if (target.tagName && target.tagName.toLowerCase() === 'button')\n      this.hide();\n  };\n\n  private restartAutoHide = () => {\n    clearTimeout(this.autoHideTimeout);\n    if (this.open && this.duration < Infinity) {\n      this.autoHideTimeout = setTimeout(() => this.hide(), this.duration);\n    }\n  };\n\n  connectedCallback() {\n    this.modal = new Modal(this.host);\n    this.host.addEventListener('click', this.handleButtonClick);\n\n    if (this.panel) {\n      this.addedTransEnd = true;\n      this.panel.addEventListener('transitionend', this.handleTransitionEnd);\n    }\n  }\n\n  disconnectedCallback() {\n    unlockBodyScrolling(this.host);\n    this.host.removeEventListener('click', this.handleButtonClick);\n\n    this.addedTransEnd = false;\n    this.panel.removeEventListener('transitionend', this.handleTransitionEnd);\n  }\n\n  componentDidLoad() {\n    // Show on init if open\n    if (this.open) {\n      this.show();\n    }\n    if (!this.addedTransEnd) {\n      this.panel.addEventListener('transitionend', this.handleTransitionEnd);\n    }\n  }\n\n  private Panel = (): VNode => {\n    return (\n      <div\n        ref={(el) => (this.panel = el)}\n        part=\"panel\"\n        class={{\n          alert: true,\n          'alert--open': this.open,\n          'alert--toasty': this.isToast,\n          'alert--modal': !!this.isModal,\n          'alert--showing': this.isShowing,\n        }}\n        role={!!this.isModal ? 'alertdialog' : 'alert'}\n        aria-live=\"assertive\"\n        aria-atomic=\"true\"\n        aria-hidden={this.open ? 'false' : 'true'}\n        aria-modal={!!this.isModal ? 'true' : undefined}\n        aria-label={this.label ? this.label : undefined}\n        onMouseMove={this.handleMouseMove}\n        tabIndex={!!this.isModal ? 0 : undefined}\n      >\n        <div class=\"alert__content\">\n          <div part=\"icon\" class=\"alert__icon\">\n            <slot name=\"icon\" />\n          </div>\n          <div part=\"message\" class=\"alert__message\">\n            <slot />\n          </div>\n          {this.closable && (\n            <div class=\"alert__close\">\n              <nano-icon-button\n                class=\"alert__close\"\n                iconName=\"light/times\"\n                label=\"close menu\"\n                onClick={this.handleCloseClick}\n              ></nano-icon-button>\n            </div>\n          )}\n        </div>\n        <div class=\"alert__footer\">\n          <slot name=\"footer\" />\n        </div>\n      </div>\n    );\n  };\n\n  render() {\n    return (\n      <Host\n        class={{ ...createColorClasses(this.color) }}\n        showing={this.isShowing}\n      >\n        {this.isModal && [\n          <div\n            part=\"overlay\"\n            class={{\n              alert__overlay: true,\n              'alert__overlay--open': this.open,\n            }}\n            ref={(div) => (this.overlay = div)}\n          />,\n          <div class=\"alert__modal-wrap\">\n            <this.Panel />\n          </div>,\n        ]}\n        {!this.isModal && <this.Panel />}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/nano-components/p-acfe1b68.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as s,B as i,i as h,h as e,e as n,g as a}from"./p-f55560d3.js";import{S as l,W as o}from"./p-1f7502fa.js";let d=class{constructor(i){t(this,i),this.nanoPageChanged=s(this,"nanoPageChanged",7),this.nanoTplUpdated=s(this,"nanoTplUpdated",7),this.append=!1,this.shouldClear=!0,this.currHitNum=0,this.showResults=!1,this.results=null,this.indexResults=null,this.resultsPage=0,this.changeEvent=l.Init,this.isLoading=!0,this.infiniteScroll=!1,this.appendPages=!1}addContentIndex(){this.shouldPageClear(),(this.shouldClear||0===this.resultsPage)&&(this.currHitNum=0),this.indexResults&&this.indexResults.results&&this.indexResults.results.map((t=>{t._uIndex=this.currHitNum++}))}resultsChange(){this.shouldPageClear(),this.updateResultContent(),this.infiniteScrollChange()}headerFooterChange(){this.updateStartEndContent()}appendChange(){this.append=!!this.infiniteScroll||this.appendPages}infiniteScrollChange(){this.append=!!this.infiniteScroll||this.appendPages,this.infiniteScroll?this.attachIO():this.detachIO()}handlePageChage(){this.infiniteScroll?this.attachIO():this.detachIO()}handleLoading(){this.isLoading||this.infiniteScrollChange()}shouldPageClear(){this.shouldClear=this.changeEvent!==l.Page||!this.append}nextPage(){this.shouldClear=!this.append,this.nanoPageChanged.emit({page:this.resultsPage+1})}attachIO(){this.infiniteScrollBar&&this.infiniteScroll&&!this.io&&i.isBrowser&&"undefined"!=typeof window&&window.IntersectionObserver&&(this.io=new window.IntersectionObserver((async t=>{(t[0].isIntersecting||t[1]&&t[1].isIntersecting)&&(this.nextPage(),this.detachIO())}),{document,rootMargin:"100px",threshold:1}),this.io.observe(this.infiniteScrollBar))}detachIO(){this.io&&(this.io.disconnect(),this.io=null)}updateStartEndContent(){this.startTpl&&this.startOutputSlot&&(this.startOutputSlot.innerHTML=this.tplRenderFn(this.startTpl,this.indexResults)),this.endOutputSlot&&this.endTpl&&(this.endOutputSlot.innerHTML=this.tplRenderFn(this.endTpl,this.indexResults)),this.nanoTplUpdated.emit(this.el)}updateResultContent(){if(this.outputTo=this.outputSlot||this.outputEle,!this.resultTpl||!this.indexResults)return;if(this.shouldClear&&(this.outputTo.innerHTML=""),!this.tplRenderFn)return;let t=document.createElement("div");t.innerHTML=this.tplRenderFn(this.resultTpl,this.indexResults),Array.from(t.children).forEach((t=>{this.outputTo.appendChild(t)})),this.shouldClear=!0,this.nanoTplUpdated.emit(this.el)}connectedCallback(){h((()=>{this.startTplSlot=this.el.querySelector('[slot="start-template"]'),this.startOutputSlot=this.el.querySelector('[slot="start-output"]'),this.startTplSlot&&(this.startTpl=this.startTplSlot.innerHTML,this.startTpl=this.startTpl.replace(/=>/gm,"=>")),this.resultTplSlot=this.el.querySelector('[slot="result-template"]'),this.outputSlot=this.el.querySelector('[slot="result-output"]'),this.resultTplSlot&&(this.resultTpl=this.resultTplSlot.innerHTML,this.resultTpl=this.resultTpl.replace(/=>/gm,"=>")),this.endTplSlot=this.el.querySelector('[slot="end-template"]'),this.endOutputSlot=this.el.querySelector('[slot="end-output"]'),this.endTplSlot&&(this.endTpl=this.endTplSlot.innerHTML,this.endTpl=this.endTpl.replace(/=>/gm,"=>")),this.indexResults&&(this.addContentIndex(),this.updateResultContent())}))}componentDidLoad(){this.updateStartEndContent()}disconnectedCallback(){this.io&&(this.io.disconnect(),this.io=void 0)}render(){return e(n,{class:{"show-results":this.showResults}},e("div",{class:"default"},e("slot",null)),e("div",{ref:t=>this.outputEle=t},e("slot",{name:"start-output"}),e("slot",{name:"result-output"}),e("div",{ref:t=>this.infiniteScrollBar=t}),e("slot",{name:"end-output"})))}get el(){return a(this)}static get watchers(){return{results:["addContentIndex","resultsChange"],tplRenderFn:["resultsChange"],facets:["headerFooterChange"],appendPages:["appendChange"],infiniteScroll:["infiniteScrollChange"],resultsPage:["handlePageChage"],isLoading:["handleLoading"]}}};o(d,["indexResults","results","tplRenderFn","resultsPage","changeEvent","facets","isLoading"]);export{d as nano_algolia_results}
+//# sourceMappingURL=p-acfe1b68.entry.js.map

package/dist/nano-components/p-acfe1b68.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/algolia/algolia-results.tsx"],"names":["AlgoliaResults","[object Object]","hostRef","this","append","shouldClear","currHitNum","showResults","results","indexResults","resultsPage","changeEvent","SearchChangeEvent","Init","isLoading","infiniteScroll","appendPages","shouldPageClear","map","res","_uIndex","updateResultContent","infiniteScrollChange","updateStartEndContent","attachIO","detachIO","Page","nanoPageChanged","emit","page","infiniteScrollBar","io","Build","isBrowser","window","IntersectionObserver","async","data","isIntersecting","nextPage","document","rootMargin","threshold","observe","disconnect","startTpl","startOutputSlot","innerHTML","tplRenderFn","endOutputSlot","endTpl","nanoTplUpdated","el","outputTo","outputSlot","outputEle","resultTpl","div","createElement","Array","from","children","forEach","child","appendChild","readTask","startTplSlot","querySelector","replace","resultTplSlot","endTplSlot","addContentIndex","undefined","h","Host","class","show-results","ref","name","Wormhole"],"mappings":"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","sourcesContent":["import {\n  Component,\n  h,\n  Element,\n  Host,\n  Watch,\n  State,\n  Build,\n  EventEmitter,\n  Event,\n  Prop,\n  readTask,\n} from '@stencil/core';\nimport {\n  IndexResult,\n  AlgoliaResultHit,\n  PageChangeEventDetail,\n  AlgoliaFacet,\n} from '../../interface';\nimport { Wormhole, SearchChangeEvent } from '../algolia/algolia-data';\n\n/**\n * Displays and syncs results from Algolia searches.\n * Must be nested within an nano-algolia component.\n * @slot start-template - Template string (format from nano-algolia 'tplEngine' property).\n * @slot start-output - A placeholder for template output.\n * @slot result-template - Template string (format from nano-algolia 'tplEngine' property).\n * @slot result-output - A placeholder for template output.\n * @slot end-template - Template string (format from nano-algolia 'tplEngine' property).\n * @slot end-output - A placeholder for template output.\n */\n@Component({\n  tag: 'nano-algolia-results',\n  shadow: true,\n})\nexport class AlgoliaResults {\n  @Element() el: HTMLNanoAlgoliaResultsElement;\n\n  private resultTpl: string;\n  private resultTplSlot: HTMLElement;\n  private startTpl: string;\n  private startTplSlot: HTMLElement;\n  private endTpl: string;\n  private endTplSlot: HTMLElement;\n  private outputSlot: HTMLElement;\n  private outputEle: HTMLDivElement;\n  private outputTo: HTMLElement;\n  private startOutputSlot: HTMLElement;\n  private endOutputSlot: HTMLElement;\n\n  private io?: IntersectionObserver;\n  private infiniteScrollBar: HTMLDivElement;\n  private append: boolean = false;\n  private shouldClear: boolean = true;\n  private currHitNum: number = 0;\n\n  @State() showResults: boolean = false;\n  @State() tplRenderFn: (...args: any[]) => string;\n  @State() results: AlgoliaResultHit[] = null;\n  @State() indexResults: IndexResult = null;\n  @State() resultsPage: number = 0;\n  @State() changeEvent: SearchChangeEvent = SearchChangeEvent.Init;\n  @State() facets: AlgoliaFacet;\n  @State() isLoading: boolean = true;\n\n  /**\n   * Load and append pages automatically on scroll\n   */\n  @Prop() infiniteScroll: boolean = false;\n\n  /**\n   * Whether new pages loaded by pagination will replace or be appended to the results block\n   * (this will be ignored if 'infiniteScroll' is set to true)\n   */\n  @Prop() appendPages: boolean = false;\n\n  /**\n   * Emitted when the page number changes\n   */\n  @Event() nanoPageChanged!: EventEmitter<PageChangeEventDetail>;\n\n  /**\n   * Emitted when templates are updated\n   */\n  @Event() nanoTplUpdated!: EventEmitter<HTMLNanoAlgoliaResultsElement>;\n\n  // For append / infinite-scroll it's useful to have a universal index on render\n  @Watch('results')\n  addContentIndex() {\n    this.shouldPageClear();\n    if (this.shouldClear || this.resultsPage === 0) this.currHitNum = 0;\n    if (this.indexResults && this.indexResults.results) {\n      this.indexResults.results.map((res) => {\n        (res as any)._uIndex = this.currHitNum++;\n      });\n    }\n  }\n\n  // Update content template and perhaps add IO for infinite scrolling\n  @Watch('results')\n  @Watch('tplRenderFn')\n  resultsChange() {\n    this.shouldPageClear();\n    // console.log('going to do update', this.resultsPage, this.results.length);\n    this.updateResultContent();\n    this.infiniteScrollChange();\n  }\n\n  // We have a foot / head slot template.\n  // Can be useful to display current filter / search meta\n  @Watch('facets')\n  headerFooterChange() {\n    this.updateStartEndContent();\n  }\n\n  @Watch('appendPages')\n  appendChange() {\n    this.append = this.infiniteScroll ? true : this.appendPages;\n  }\n\n  @Watch('infiniteScroll')\n  infiniteScrollChange() {\n    this.append = this.infiniteScroll ? true : this.appendPages;\n    this.infiniteScroll ? this.attachIO() : this.detachIO();\n  }\n\n  @Watch('resultsPage')\n  handlePageChage() {\n    this.infiniteScroll ? this.attachIO() : this.detachIO();\n  }\n\n  @Watch('isLoading')\n  handleLoading() {\n    if (!this.isLoading) this.infiniteScrollChange();\n  }\n\n  // Decide whether incoming content should clear or not.\n  // if incoming change event is from a pagechange AND the current page is 0 OR appendPages option set...\n  // Then leave up to the current, set append behaviour. Other clear it all out.\n  private shouldPageClear() {\n    this.shouldClear =\n      this.changeEvent === SearchChangeEvent.Page ? !this.append : true;\n  }\n\n  // Called by IO. Emits page change event to parent which then iterated the global page count.\n  private nextPage() {\n    this.shouldClear = !this.append;\n    this.nanoPageChanged.emit({ page: this.resultsPage + 1 });\n  }\n\n  private attachIO() {\n    if (\n      !this.infiniteScrollBar ||\n      !this.infiniteScroll ||\n      this.io ||\n      !Build.isBrowser ||\n      typeof window === 'undefined' ||\n      !(window as any).IntersectionObserver\n    )\n      return;\n\n    this.io = new (window as any).IntersectionObserver(\n      async (data: IntersectionObserverEntry[]) => {\n        if (data[0].isIntersecting || (data[1] && data[1].isIntersecting)) {\n          this.nextPage();\n          this.detachIO();\n        }\n      },\n      { document, rootMargin: '100px', threshold: 1 }\n    );\n    this.io.observe(this.infiniteScrollBar);\n  }\n\n  private detachIO() {\n    if (this.io) {\n      this.io.disconnect();\n      this.io = null;\n    }\n  }\n\n  private updateStartEndContent() {\n    // clear start slot if present\n    if (this.startTpl && this.startOutputSlot) {\n      this.startOutputSlot.innerHTML = this.tplRenderFn(\n        this.startTpl,\n        this.indexResults\n      );\n    }\n    // clear end slot if present\n    if (this.endOutputSlot && this.endTpl) {\n      this.endOutputSlot.innerHTML = this.tplRenderFn(\n        this.endTpl,\n        this.indexResults\n      );\n    }\n    this.nanoTplUpdated.emit(this.el);\n  }\n\n  private updateResultContent() {\n    this.outputTo = this.outputSlot || this.outputEle;\n\n    if (!this.resultTpl || !this.indexResults) return;\n\n    // after filtering or new index - clear all content.\n    // after pagination when the 'appendPages' set to true - don't clear results content\n    if (this.shouldClear) this.outputTo.innerHTML = '';\n\n    if (!this.tplRenderFn) return;\n\n    let div = document.createElement('div');\n    div.innerHTML = this.tplRenderFn(this.resultTpl, this.indexResults);\n\n    Array.from(div.children).forEach((child) => {\n      this.outputTo.appendChild(child);\n    });\n\n    this.shouldClear = true;\n    this.nanoTplUpdated.emit(this.el);\n  }\n\n  connectedCallback() {\n    readTask(() => {\n      this.startTplSlot = this.el.querySelector('[slot=\"start-template\"]');\n      this.startOutputSlot = this.el.querySelector('[slot=\"start-output\"]');\n      if (!!this.startTplSlot) {\n        this.startTpl = this.startTplSlot.innerHTML;\n        this.startTpl = this.startTpl.replace(/=&gt;/gm, '=>');\n      }\n\n      this.resultTplSlot = this.el.querySelector('[slot=\"result-template\"]');\n      this.outputSlot = this.el.querySelector('[slot=\"result-output\"]');\n      if (!!this.resultTplSlot) {\n        this.resultTpl = this.resultTplSlot.innerHTML;\n        this.resultTpl = this.resultTpl.replace(/=&gt;/gm, '=>');\n      }\n\n      this.endTplSlot = this.el.querySelector('[slot=\"end-template\"]');\n      this.endOutputSlot = this.el.querySelector('[slot=\"end-output\"]');\n      if (!!this.endTplSlot) {\n        this.endTpl = this.endTplSlot.innerHTML;\n        this.endTpl = this.endTpl.replace(/=&gt;/gm, '=>');\n      }\n      if (this.indexResults) {\n        this.addContentIndex();\n        this.updateResultContent();\n      }\n    });\n  }\n\n  componentDidLoad() {\n    this.updateStartEndContent();\n  }\n\n  disconnectedCallback() {\n    if (this.io) {\n      this.io.disconnect();\n      this.io = undefined;\n    }\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          'show-results': this.showResults,\n        }}\n      >\n        <div class=\"default\">\n          <slot />\n        </div>\n        <div ref={(div) => (this.outputEle = div)}>\n          <slot name=\"start-output\" />\n          <slot name=\"result-output\" />\n          <div ref={(div) => (this.infiniteScrollBar = div)}></div>\n          <slot name=\"end-output\" />\n        </div>\n      </Host>\n    );\n  }\n}\n\nWormhole(AlgoliaResults, [\n  'indexResults',\n  'results',\n  'tplRenderFn',\n  'resultsPage',\n  'changeEvent',\n  'facets',\n  'isLoading',\n]);\n"]}

package/dist/nano-components/p-b346b2cb.system.js

@@ -0,0 +1,2 @@
+System.register([],(function(e){"use strict";return{execute:function(){var t=new WeakMap;function i(e){var i=["Tab","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageDown","PageUp"," ","Spacebar"];var r=function(t){if(i.includes(t.key))setTimeout((function(t){return e.classList.add("focus-visible")}))};var s=function(){e.classList.remove("focus-visible")};t.set(e,{is:r,isNot:s});e.addEventListener("keydown",r);e.addEventListener("keyup",r);e.addEventListener("click",s)}function r(e){var i;if(!t)return;var r,s;try{i=t.get(e),r=i.is,s=i.isNot}catch(n){return}e.classList.remove("focus-visible");e.removeEventListener("keydown",r);e.removeEventListener("keyup",r);e.removeEventListener("click",s)}function s(e,t){if(t===void 0){t=true}if(t)setTimeout((function(t){return e.classList.add("focus-visible")}));else setTimeout((function(t){return e.classList.remove("focus-visible")}))}var n=e("f",{observe:i,unobserve:r,force:s})}}}));
+//# sourceMappingURL=p-b346b2cb.system.js.map

package/dist/nano-components/p-b346b2cb.system.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/utils/focus-visible.ts"],"names":["listeners","WeakMap","observe","el","keys","is","event","includes","key","setTimeout","_","classList","add","isNot","remove","set","addEventListener","unobserve","_a","get","e","removeEventListener","force","focusVisible","exports"],"mappings":"uEAMA,IAAMA,EAAY,IAAIC,iBAENC,EAAQC,GACtB,IAAMC,EAAO,CACX,MACA,UACA,YACA,YACA,aACA,OACA,MACA,WACA,SACA,IACA,YAEF,IAAMC,EAAK,SAACC,GACV,GAAIF,EAAKG,SAASD,EAAME,KACtBC,YAAW,SAACC,GAAM,OAAAP,EAAGQ,UAAUC,IAAI,qBAEvC,IAAMC,EAAQ,WACZV,EAAGQ,UAAUG,OAAO,kBAEtBd,EAAUe,IAAIZ,EAAI,CAAEE,GAAEA,EAAEQ,MAAKA,IAE7BV,EAAGa,iBAAiB,UAAWX,GAC/BF,EAAGa,iBAAiB,QAASX,GAC7BF,EAAGa,iBAAiB,QAASH,YAGfI,EAAUd,SACxB,IAAKH,EAAW,OAChB,IAAIK,EAAIQ,EAER,IACGK,EAAgBlB,EAAUmB,IAAIhB,GAA5BE,EAAEa,EAAAb,GAAEQ,EAAKK,EAAAL,MACZ,MAAOO,GACP,OAGFjB,EAAGQ,UAAUG,OAAO,iBACpBX,EAAGkB,oBAAoB,UAAWhB,GAClCF,EAAGkB,oBAAoB,QAAShB,GAChCF,EAAGkB,oBAAoB,QAASR,YAGlBS,EAAMnB,EAAiBS,GAAA,GAAAA,SAAA,EAAA,CAAAA,EAAA,KACrC,GAAIA,EAAKH,YAAW,SAACC,GAAM,OAAAP,EAAGQ,UAAUC,IAAI,yBACvCH,YAAW,SAACC,GAAM,OAAAP,EAAGQ,UAAUG,OAAO,wBAGhCS,EAAYC,EAAA,IAAG,CAC1BtB,QAAOA,EACPe,UAASA,EACTK,MAAKA","sourcesContent":["//\n// Simulates :focus-visible behavior on an element by watching for certain keyboard and mouse heuristics and toggling a\n// `focus-visible` class. Works at the component level so no global polyfill is necessary.\n//\n// This will eventually be removed pending better :focus-visible support: https://caniuse.com/#search=focus-visible\n//\nconst listeners = new WeakMap();\n\nexport function observe(el: HTMLElement) {\n  const keys = [\n    'Tab',\n    'ArrowUp',\n    'ArrowDown',\n    'ArrowLeft',\n    'ArrowRight',\n    'Home',\n    'End',\n    'PageDown',\n    'PageUp',\n    ' ',\n    'Spacebar',\n  ];\n  const is = (event: KeyboardEvent) => {\n    if (keys.includes(event.key))\n      setTimeout((_) => el.classList.add('focus-visible'));\n  };\n  const isNot = () => {\n    el.classList.remove('focus-visible');\n  };\n  listeners.set(el, { is, isNot });\n\n  el.addEventListener('keydown', is);\n  el.addEventListener('keyup', is);\n  el.addEventListener('click', isNot);\n}\n\nexport function unobserve(el: HTMLElement) {\n  if (!listeners) return;\n  let is, isNot;\n\n  try {\n    ({ is, isNot } = listeners.get(el));\n  } catch (e) {\n    return;\n  }\n\n  el.classList.remove('focus-visible');\n  el.removeEventListener('keydown', is);\n  el.removeEventListener('keyup', is);\n  el.removeEventListener('click', isNot);\n}\n\nexport function force(el: HTMLElement, add = true) {\n  if (add) setTimeout((_) => el.classList.add('focus-visible'));\n  else setTimeout((_) => el.classList.remove('focus-visible'));\n}\n\nexport const focusVisible = {\n  observe,\n  unobserve,\n  force,\n};\n"]}