@nova-design-system/nova-webcomponents 3.14.0-beta.0 → 3.14.0

package/dist/native/p-eda2f9f3.js

@@ -0,0 +1,2 @@
+import{i as t}from"./p-ee0df37f.js";import{a as n,g as o}from"./p-42ea6b74.js";const e=(e,{duration:r}={duration:200})=>{const a=t(e);function s(){return new Promise((t=>{n({from:{x:0},to:{x:100},ease:o,duration:r,onUpdate(t){a.set({transform:`translateX(${t.x}%)`})},onComplete(){t()}})}))}function i(){e.style.transform="translateX(100%)"}function u(){e.style.transform=""}function f(){return new Promise((t=>{n({from:{x:100},to:{x:0},duration:r,onUpdate(t){a.set({transform:`translateX(${t.x}%)`})},onComplete(){t();e.style.removeProperty("transform")}})}))}return{slideIn:f,slideOut:s,setSlideOut:i,setSlideIn:u}};export{e as u};
+//# sourceMappingURL=p-eda2f9f3.js.map

package/dist/native/p-eda2f9f3.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSlide","node","duration","nodeStyler","styler","slideOut","Promise","resolve","animate","from","x","to","ease","easeOut","onUpdate","latest","set","transform","onComplete","setSlideOut","style","setSlideIn","slideIn","removeProperty"],"sources":["src/animations/slide.animation.ts"],"sourcesContent":["import { animate, easeOut } from 'popmotion';\nimport styler from 'stylefire';\n\nexport type SlideOptions = {\n  /** How long the animation should take in ms @default 200 */\n  duration?: number;\n};\n\nconst useSlide = (\n  node: HTMLElement,\n  { duration }: SlideOptions = { duration: 200 },\n) => {\n  const nodeStyler = styler(node);\n\n  /**\n   * Will animate the translateX to 100%, sliding the element to the right.\n   */\n  function slideOut() {\n    return new Promise<void>(resolve => {\n      animate({\n        from: { x: 0 },\n        to: { x: 100 },\n        ease: easeOut,\n        duration,\n        onUpdate(latest) {\n          nodeStyler.set({ transform: `translateX(${latest.x}%)` });\n        },\n        onComplete() {\n          resolve();\n        },\n      });\n    });\n  }\n\n  /**\n   * Applies the slideOut styles without animating, useful when initial state\n   * is slid out.\n   */\n  function setSlideOut() {\n    node.style.transform = 'translateX(100%)';\n  }\n\n  /**\n   * Applies the slideIn styles without animating, useful when initial state\n   * is slid in.\n   */\n  function setSlideIn() {\n    node.style.transform = '';\n  }\n\n  /**\n   * Will animate the translateX from 100% to 0%, sliding the element in from the right.\n   */\n  function slideIn() {\n    return new Promise<void>(resolve => {\n      animate({\n        from: { x: 100 },\n        to: { x: 0 },\n        duration,\n        onUpdate(latest) {\n          nodeStyler.set({ transform: `translateX(${latest.x}%)` });\n        },\n        onComplete() {\n          resolve();\n          node.style.removeProperty('transform');\n        },\n      });\n    });\n  }\n\n  return {\n    slideIn,\n    slideOut,\n    setSlideOut,\n    setSlideIn,\n  };\n};\n\nexport { useSlide };\n"],"mappings":"qFAQMA,EAAW,CACfC,GACEC,YAA2B,CAAEA,SAAU,QAEzC,MAAMC,EAAaC,EAAOH,GAK1B,SAASI,IACP,OAAO,IAAIC,SAAcC,IACvBC,EAAQ,CACNC,KAAM,CAAEC,EAAG,GACXC,GAAI,CAAED,EAAG,KACTE,KAAMC,EACNX,WACA,QAAAY,CAASC,GACPZ,EAAWa,IAAI,CAAEC,UAAW,cAAcF,EAAOL,O,EAEnD,UAAAQ,GACEX,G,GAEF,G,CAQN,SAASY,IACPlB,EAAKmB,MAAMH,UAAY,kB,CAOzB,SAASI,IACPpB,EAAKmB,MAAMH,UAAY,E,CAMzB,SAASK,IACP,OAAO,IAAIhB,SAAcC,IACvBC,EAAQ,CACNC,KAAM,CAAEC,EAAG,KACXC,GAAI,CAAED,EAAG,GACTR,WACA,QAAAY,CAASC,GACPZ,EAAWa,IAAI,CAAEC,UAAW,cAAcF,EAAOL,O,EAEnD,UAAAQ,GACEX,IACAN,EAAKmB,MAAMG,eAAe,Y,GAE5B,G,CAIN,MAAO,CACLD,UACAjB,WACAc,cACAE,aACD,S","ignoreList":[]}

package/dist/native/{p-a271e3be.js → p-ee0df37f.js}

@@ -1,2 +1,2 @@
-import{_ as r,b as e,p as n,c as t,d as a,s as i,e as o,f,n as u,a as v}from"./p-42ea6b74.js";var d=0;var s=typeof window!=="undefined"&&window.requestAnimationFrame!==undefined?function(r){return window.requestAnimationFrame(r)}:function(r){var e=Date.now();var n=Math.max(0,16.7-(e-d));d=e+n;setTimeout((function(){return r(d)}),n)};var c=function(r){var e=[];var n=[];var t=0;var a=false;var i=0;var o=new WeakSet;var f=new WeakSet;var u={cancel:function(r){var e=n.indexOf(r);o.add(r);if(e!==-1){n.splice(e,1)}},process:function(v){var d;a=true;d=[n,e],e=d[0],n=d[1];n.length=0;t=e.length;if(t){var s;for(i=0;i<t;i++){s=e[i];s(v);if(f.has(s)===true&&!o.has(s)){u.schedule(s);r(true)}}}a=false},schedule:function(r,i,u){if(i===void 0){i=false}if(u===void 0){u=false}var v=u&&a;var d=v?e:n;o.delete(r);if(i)f.add(r);if(d.indexOf(r)===-1){d.push(r);if(v)t=e.length}}};return u};var l=40;var p=1/60*1e3;var m=true;var g=false;var h=false;var w={delta:0,timestamp:0};var y=["read","update","preRender","render","postRender"];var b=function(r){return g=r};var R=y.reduce((function(r,e){r[e]=c(b);return r}),{});var k=y.reduce((function(r,e){var n=R[e];r[e]=function(r,e,t){if(e===void 0){e=false}if(t===void 0){t=false}if(!g)T();n.schedule(r,e,t);return r};return r}),{});var C=function(r){return R[r].process(w)};var S=function(r){g=false;w.delta=m?p:Math.max(Math.min(r-w.timestamp,l),1);if(!m)p=w.delta;w.timestamp=r;h=true;y.forEach(C);h=false;if(g){m=false;s(S)}};var T=function(){g=true;m=true;if(!h)s(S)};var x=function(r){var n=r.onRead,t=r.onRender,a=r.uncachedValues,i=a===void 0?new Set:a,o=r.useCache,f=o===void 0?true:o;return function(r){if(r===void 0){r={}}var a=e(r,[]);var o={};var u=[];var v=false;function d(r,e){if(r.startsWith("--")){a.hasCSSVariable=true}var n=o[r];o[r]=e;if(o[r]===n)return;if(u.indexOf(r)===-1){u.push(r)}if(!v){v=true;k.render(s.render)}}var s={get:function(r,e){if(e===void 0){e=false}var t=!e&&f&&!i.has(r)&&o[r]!==undefined;return t?o[r]:n(r,a)},set:function(r,e){if(typeof r==="string"){d(r,e)}else{for(var n in r){d(n,r[n])}}return this},render:function(r){if(r===void 0){r=false}if(v||r===true){t(o,a,u);v=false;u.length=0}return this}};return s}};var O=/([a-z])([A-Z])/g;var W="$1-$2";var X=function(r){return r.replace(O,W).toLowerCase()};var Y=new Map;var L=new Map;var M=["Webkit","Moz","O","ms",""];var Z=M.length;var z=typeof document!=="undefined";var A;var B=function(r,e){return L.set(r,X(e))};var H=function(r){A=A||document.createElement("div");for(var e=0;e<Z;e++){var n=M[e];var t=n==="";var a=t?r:n+r.charAt(0).toUpperCase()+r.slice(1);if(a in A.style||t){if(t&&r==="clipPath"&&L.has(r)){return}Y.set(r,a);B(r,""+(t?"":"-")+X(a))}}};var E=function(r){return B(r,r)};var P=function(r,e){if(e===void 0){e=false}var n=e?L:Y;if(!n.has(r)){z?H(r):E(r)}return n.get(r)||r};var V=["","X","Y","Z"];var j=["translate","scale","rotate","skew","transformPerspective"];var D=j.reduce((function(r,e){return V.reduce((function(r,n){r.push(e+n);return r}),r)}),["x","y","z"]);var F=D.reduce((function(r,e){r[e]=true;return r}),{});function I(r){return F[r]===true}function U(r,e){return D.indexOf(r)-D.indexOf(e)}var G=new Set(["originX","originY","originZ"]);function N(r){return G.has(r)}var $=r(r({},u),{transform:Math.round});var q={color:t,backgroundColor:t,outlineColor:t,fill:t,stroke:t,borderColor:t,borderTopColor:t,borderRightColor:t,borderBottomColor:t,borderLeftColor:t,borderWidth:n,borderTopWidth:n,borderRightWidth:n,borderBottomWidth:n,borderLeftWidth:n,borderRadius:n,radius:n,borderTopLeftRadius:n,borderTopRightRadius:n,borderBottomRightRadius:n,borderBottomLeftRadius:n,width:n,maxWidth:n,height:n,maxHeight:n,size:n,top:n,right:n,bottom:n,left:n,padding:n,paddingTop:n,paddingRight:n,paddingBottom:n,paddingLeft:n,margin:n,marginTop:n,marginRight:n,marginBottom:n,marginLeft:n,rotate:a,rotateX:a,rotateY:a,rotateZ:a,scale:i,scaleX:i,scaleY:i,scaleZ:i,skew:a,skewX:a,skewY:a,distance:n,translateX:n,translateY:n,translateZ:n,x:n,y:n,z:n,perspective:n,opacity:o,originX:f,originY:f,originZ:n,zIndex:$,fillOpacity:o,strokeOpacity:o,numOctaves:$};var _=function(r){return q[r]};var J=function(r,e){return e&&typeof r==="number"?e.transform(r):r};var K="scrollLeft";var Q="scrollTop";var rr=new Set([K,Q]);var er=new Set([K,Q,"transform"]);var nr={x:"translateX",y:"translateY",z:"translateZ"};function tr(r){return typeof r==="function"}function ar(r,e,n,t,a,i){if(i===void 0){i=true}var o="";var f=false;n.sort(U);var u=n.length;for(var v=0;v<u;v++){var d=n[v];o+=(nr[d]||d)+"("+e[d]+") ";f=d==="z"?true:f}if(!f&&a){o+="translateZ(0)"}else{o=o.trim()}if(tr(r.transform)){o=r.transform(e,t?"":o)}else if(i&&t){o="none"}return o}function ir(r,e,n,t,a,i,o,f){if(e===void 0){e=true}if(n===void 0){n={}}if(t===void 0){t={}}if(a===void 0){a={}}if(i===void 0){i=[]}if(o===void 0){o=false}if(f===void 0){f=true}var u=true;var v=false;var d=false;for(var s in r){var c=r[s];var l=_(s);var p=J(c,l);if(I(s)){v=true;t[s]=p;i.push(s);if(u){if(l.default&&c!==l.default||!l.default&&c!==0){u=false}}}else if(N(s)){a[s]=p;d=true}else if(!er.has(s)||!tr(p)){n[P(s,o)]=p}}if(v||typeof r.transform==="function"){n.transform=ar(r,t,i,u,e,f)}if(d){n.transformOrigin=(a.originX||"50%")+" "+(a.originY||"50%")+" "+(a.originZ||0)}return n}function or(r){var e=r===void 0?{}:r,n=e.enableHardwareAcceleration,t=n===void 0?true:n,a=e.isDashCase,i=a===void 0?true:a,o=e.allowTransformNone,f=o===void 0?true:o;var u={};var v={};var d={};var s=[];return function(r){s.length=0;ir(r,t,u,v,d,s,i,f);return u}}function fr(r,e){var n=e.element,t=e.preparseOutput;var a=_(r);if(I(r)){return a?a.default||0:0}else if(rr.has(r)){return n[r]}else{var i=window.getComputedStyle(n,null).getPropertyValue(P(r,true))||0;return t&&a&&a.test(i)&&a.parse?a.parse(i):i}}function ur(r,e,n){var t=e.element,a=e.buildStyles,i=e.hasCSSVariable;Object.assign(t.style,a(r));if(i){var o=n.length;for(var f=0;f<o;f++){var u=n[f];if(u.startsWith("--")){t.style.setProperty(u,r[u])}}}if(n.indexOf(K)!==-1){t[K]=r[K]}if(n.indexOf(Q)!==-1){t[Q]=r[Q]}}var vr=x({onRead:fr,onRender:ur,uncachedValues:rr});function dr(n,t){if(t===void 0){t={}}var a=t.enableHardwareAcceleration,i=t.allowTransformNone,o=e(t,["enableHardwareAcceleration","allowTransformNone"]);return vr(r({element:n,buildStyles:or({enableHardwareAcceleration:a,allowTransformNone:i}),preparseOutput:true},o))}var sr=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues"]);var cr=.5;var lr=function(){return{style:{}}};var pr=function(r,e){return n.transform(r*e)};var mr={x:0,y:0,width:0,height:0};function gr(r,e,t){return typeof r==="string"?r:n.transform(e+t*r)}function hr(r,e,n){return gr(e,r.x,r.width)+" "+gr(n,r.y,r.height)}var wr={enableHardwareAcceleration:false,isDashCase:false};function yr(r,n,t,a,i,o){if(n===void 0){n=mr}if(a===void 0){a=or(wr)}if(i===void 0){i=lr()}if(o===void 0){o=true}var f=r.attrX,u=r.attrY,v=r.originX,d=r.originY,s=r.pathLength,c=r.pathSpacing,l=c===void 0?1:c,p=r.pathOffset,m=p===void 0?0:p,g=e(r,["attrX","attrY","originX","originY","pathLength","pathSpacing","pathOffset"]);var h=a(g);for(var w in h){if(w==="transform"){i.style.transform=h[w]}else{var y=o&&!sr.has(w)?X(w):w;i[y]=h[w]}}if(v!==undefined||d!==undefined||h.transform){i.style.transformOrigin=hr(n,v!==undefined?v:cr,d!==undefined?d:cr)}if(f!==undefined)i.x=f;if(u!==undefined)i.y=u;if(t!==undefined&&s!==undefined){i[o?"stroke-dashoffset":"strokeDashoffset"]=pr(-m,t);i[o?"stroke-dasharray":"strokeDasharray"]=pr(s,t)+" "+pr(l,t)}return i}function br(r,e,n){if(n===void 0){n=true}var t=lr();var a=or(wr);return function(i){return yr(i,r,e,a,t,n)}}var Rr=function(r){return typeof r.getBBox==="function"?r.getBBox():r.getBoundingClientRect()};var kr=function(r){try{return Rr(r)}catch(r){return{x:0,y:0,width:0,height:0}}};var Cr=function(r){return r.tagName==="path"};var Sr=x({onRead:function(r,e){var n=e.element;r=!sr.has(r)?X(r):r;if(!I(r)){return n.getAttribute(r)}else{var t=_(r);return t?t.default||0:0}},onRender:function(r,e){var n=e.element,t=e.buildAttrs;var a=t(r);for(var i in a){if(i==="style"){Object.assign(n.style,a.style)}else{n.setAttribute(i,a[i])}}}});var Tr=function(r){var e=kr(r);var n=Cr(r)&&r.getTotalLength?r.getTotalLength():undefined;return Sr({element:r,buildAttrs:br(e,n)})};var xr=x({useCache:false,onRead:function(r){return r==="scrollTop"?window.pageYOffset:window.pageXOffset},onRender:function(r){var e=r.scrollTop,n=e===void 0?0:e,t=r.scrollLeft,a=t===void 0?0:t;return window.scrollTo(a,n)}});var Or=new WeakMap;var Wr=function(r){return r instanceof HTMLElement||typeof r.click==="function"};var Xr=function(r){return r instanceof SVGElement||"ownerSVGElement"in r};var Yr=function(r,e){var n;if(r===window){n=xr(r)}else if(Wr(r)){n=dr(r,e)}else if(Xr(r)){n=Tr(r)}Or.set(r,n);return n};var Lr=function(r,e){return Or.has(r)?Or.get(r):Yr(r,e)};function Mr(r,e){var n=typeof r==="string"?document.querySelector(r):r;return Lr(n,e)}const Zr=(r,{duration:e}={duration:200})=>{const n=Mr(r);function t(){return new Promise((t=>{v({from:{opacity:0},to:{opacity:1},duration:e,onUpdate(r){n.set({opacity:r.opacity})},onComplete(){t();r.style.removeProperty("opacity")}})}))}function a(){n.set({opacity:0})}function i(){n.set({opacity:1})}function o(){return new Promise((r=>{v({from:{opacity:1},to:{opacity:0},duration:e,onUpdate(r){n.set({opacity:r.opacity})},onComplete(){r()}})}))}return{fadeIn:t,fadeOut:o,setFadeOut:a,setFadeIn:i}};export{Mr as i,Zr as u};
-//# sourceMappingURL=p-a271e3be.js.map
+import{_ as r,b as e,p as n,c as t,d as a,s as i,e as o,f,n as u,a as v}from"./p-42ea6b74.js";var d=0;var s=typeof window!=="undefined"&&window.requestAnimationFrame!==undefined?function(r){return window.requestAnimationFrame(r)}:function(r){var e=Date.now();var n=Math.max(0,16.7-(e-d));d=e+n;setTimeout((function(){return r(d)}),n)};var c=function(r){var e=[];var n=[];var t=0;var a=false;var i=0;var o=new WeakSet;var f=new WeakSet;var u={cancel:function(r){var e=n.indexOf(r);o.add(r);if(e!==-1){n.splice(e,1)}},process:function(v){var d;a=true;d=[n,e],e=d[0],n=d[1];n.length=0;t=e.length;if(t){var s;for(i=0;i<t;i++){s=e[i];s(v);if(f.has(s)===true&&!o.has(s)){u.schedule(s);r(true)}}}a=false},schedule:function(r,i,u){if(i===void 0){i=false}if(u===void 0){u=false}var v=u&&a;var d=v?e:n;o.delete(r);if(i)f.add(r);if(d.indexOf(r)===-1){d.push(r);if(v)t=e.length}}};return u};var l=40;var p=1/60*1e3;var m=true;var g=false;var h=false;var w={delta:0,timestamp:0};var y=["read","update","preRender","render","postRender"];var b=function(r){return g=r};var R=y.reduce((function(r,e){r[e]=c(b);return r}),{});var k=y.reduce((function(r,e){var n=R[e];r[e]=function(r,e,t){if(e===void 0){e=false}if(t===void 0){t=false}if(!g)T();n.schedule(r,e,t);return r};return r}),{});var C=function(r){return R[r].process(w)};var S=function(r){g=false;w.delta=m?p:Math.max(Math.min(r-w.timestamp,l),1);if(!m)p=w.delta;w.timestamp=r;h=true;y.forEach(C);h=false;if(g){m=false;s(S)}};var T=function(){g=true;m=true;if(!h)s(S)};var x=function(r){var n=r.onRead,t=r.onRender,a=r.uncachedValues,i=a===void 0?new Set:a,o=r.useCache,f=o===void 0?true:o;return function(r){if(r===void 0){r={}}var a=e(r,[]);var o={};var u=[];var v=false;function d(r,e){if(r.startsWith("--")){a.hasCSSVariable=true}var n=o[r];o[r]=e;if(o[r]===n)return;if(u.indexOf(r)===-1){u.push(r)}if(!v){v=true;k.render(s.render)}}var s={get:function(r,e){if(e===void 0){e=false}var t=!e&&f&&!i.has(r)&&o[r]!==undefined;return t?o[r]:n(r,a)},set:function(r,e){if(typeof r==="string"){d(r,e)}else{for(var n in r){d(n,r[n])}}return this},render:function(r){if(r===void 0){r=false}if(v||r===true){t(o,a,u);v=false;u.length=0}return this}};return s}};var O=/([a-z])([A-Z])/g;var W="$1-$2";var X=function(r){return r.replace(O,W).toLowerCase()};var Y=new Map;var L=new Map;var M=["Webkit","Moz","O","ms",""];var Z=M.length;var z=typeof document!=="undefined";var A;var B=function(r,e){return L.set(r,X(e))};var H=function(r){A=A||document.createElement("div");for(var e=0;e<Z;e++){var n=M[e];var t=n==="";var a=t?r:n+r.charAt(0).toUpperCase()+r.slice(1);if(a in A.style||t){if(t&&r==="clipPath"&&L.has(r)){return}Y.set(r,a);B(r,""+(t?"":"-")+X(a))}}};var E=function(r){return B(r,r)};var P=function(r,e){if(e===void 0){e=false}var n=e?L:Y;if(!n.has(r)){z?H(r):E(r)}return n.get(r)||r};var V=["","X","Y","Z"];var j=["translate","scale","rotate","skew","transformPerspective"];var D=j.reduce((function(r,e){return V.reduce((function(r,n){r.push(e+n);return r}),r)}),["x","y","z"]);var F=D.reduce((function(r,e){r[e]=true;return r}),{});function I(r){return F[r]===true}function U(r,e){return D.indexOf(r)-D.indexOf(e)}var G=new Set(["originX","originY","originZ"]);function N(r){return G.has(r)}var $=r(r({},u),{transform:Math.round});var q={color:t,backgroundColor:t,outlineColor:t,fill:t,stroke:t,borderColor:t,borderTopColor:t,borderRightColor:t,borderBottomColor:t,borderLeftColor:t,borderWidth:n,borderTopWidth:n,borderRightWidth:n,borderBottomWidth:n,borderLeftWidth:n,borderRadius:n,radius:n,borderTopLeftRadius:n,borderTopRightRadius:n,borderBottomRightRadius:n,borderBottomLeftRadius:n,width:n,maxWidth:n,height:n,maxHeight:n,size:n,top:n,right:n,bottom:n,left:n,padding:n,paddingTop:n,paddingRight:n,paddingBottom:n,paddingLeft:n,margin:n,marginTop:n,marginRight:n,marginBottom:n,marginLeft:n,rotate:a,rotateX:a,rotateY:a,rotateZ:a,scale:i,scaleX:i,scaleY:i,scaleZ:i,skew:a,skewX:a,skewY:a,distance:n,translateX:n,translateY:n,translateZ:n,x:n,y:n,z:n,perspective:n,opacity:o,originX:f,originY:f,originZ:n,zIndex:$,fillOpacity:o,strokeOpacity:o,numOctaves:$};var _=function(r){return q[r]};var J=function(r,e){return e&&typeof r==="number"?e.transform(r):r};var K="scrollLeft";var Q="scrollTop";var rr=new Set([K,Q]);var er=new Set([K,Q,"transform"]);var nr={x:"translateX",y:"translateY",z:"translateZ"};function tr(r){return typeof r==="function"}function ar(r,e,n,t,a,i){if(i===void 0){i=true}var o="";var f=false;n.sort(U);var u=n.length;for(var v=0;v<u;v++){var d=n[v];o+=(nr[d]||d)+"("+e[d]+") ";f=d==="z"?true:f}if(!f&&a){o+="translateZ(0)"}else{o=o.trim()}if(tr(r.transform)){o=r.transform(e,t?"":o)}else if(i&&t){o="none"}return o}function ir(r,e,n,t,a,i,o,f){if(e===void 0){e=true}if(n===void 0){n={}}if(t===void 0){t={}}if(a===void 0){a={}}if(i===void 0){i=[]}if(o===void 0){o=false}if(f===void 0){f=true}var u=true;var v=false;var d=false;for(var s in r){var c=r[s];var l=_(s);var p=J(c,l);if(I(s)){v=true;t[s]=p;i.push(s);if(u){if(l.default&&c!==l.default||!l.default&&c!==0){u=false}}}else if(N(s)){a[s]=p;d=true}else if(!er.has(s)||!tr(p)){n[P(s,o)]=p}}if(v||typeof r.transform==="function"){n.transform=ar(r,t,i,u,e,f)}if(d){n.transformOrigin=(a.originX||"50%")+" "+(a.originY||"50%")+" "+(a.originZ||0)}return n}function or(r){var e=r===void 0?{}:r,n=e.enableHardwareAcceleration,t=n===void 0?true:n,a=e.isDashCase,i=a===void 0?true:a,o=e.allowTransformNone,f=o===void 0?true:o;var u={};var v={};var d={};var s=[];return function(r){s.length=0;ir(r,t,u,v,d,s,i,f);return u}}function fr(r,e){var n=e.element,t=e.preparseOutput;var a=_(r);if(I(r)){return a?a.default||0:0}else if(rr.has(r)){return n[r]}else{var i=window.getComputedStyle(n,null).getPropertyValue(P(r,true))||0;return t&&a&&a.test(i)&&a.parse?a.parse(i):i}}function ur(r,e,n){var t=e.element,a=e.buildStyles,i=e.hasCSSVariable;Object.assign(t.style,a(r));if(i){var o=n.length;for(var f=0;f<o;f++){var u=n[f];if(u.startsWith("--")){t.style.setProperty(u,r[u])}}}if(n.indexOf(K)!==-1){t[K]=r[K]}if(n.indexOf(Q)!==-1){t[Q]=r[Q]}}var vr=x({onRead:fr,onRender:ur,uncachedValues:rr});function dr(n,t){if(t===void 0){t={}}var a=t.enableHardwareAcceleration,i=t.allowTransformNone,o=e(t,["enableHardwareAcceleration","allowTransformNone"]);return vr(r({element:n,buildStyles:or({enableHardwareAcceleration:a,allowTransformNone:i}),preparseOutput:true},o))}var sr=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues"]);var cr=.5;var lr=function(){return{style:{}}};var pr=function(r,e){return n.transform(r*e)};var mr={x:0,y:0,width:0,height:0};function gr(r,e,t){return typeof r==="string"?r:n.transform(e+t*r)}function hr(r,e,n){return gr(e,r.x,r.width)+" "+gr(n,r.y,r.height)}var wr={enableHardwareAcceleration:false,isDashCase:false};function yr(r,n,t,a,i,o){if(n===void 0){n=mr}if(a===void 0){a=or(wr)}if(i===void 0){i=lr()}if(o===void 0){o=true}var f=r.attrX,u=r.attrY,v=r.originX,d=r.originY,s=r.pathLength,c=r.pathSpacing,l=c===void 0?1:c,p=r.pathOffset,m=p===void 0?0:p,g=e(r,["attrX","attrY","originX","originY","pathLength","pathSpacing","pathOffset"]);var h=a(g);for(var w in h){if(w==="transform"){i.style.transform=h[w]}else{var y=o&&!sr.has(w)?X(w):w;i[y]=h[w]}}if(v!==undefined||d!==undefined||h.transform){i.style.transformOrigin=hr(n,v!==undefined?v:cr,d!==undefined?d:cr)}if(f!==undefined)i.x=f;if(u!==undefined)i.y=u;if(t!==undefined&&s!==undefined){i[o?"stroke-dashoffset":"strokeDashoffset"]=pr(-m,t);i[o?"stroke-dasharray":"strokeDasharray"]=pr(s,t)+" "+pr(l,t)}return i}function br(r,e,n){if(n===void 0){n=true}var t=lr();var a=or(wr);return function(i){return yr(i,r,e,a,t,n)}}var Rr=function(r){return typeof r.getBBox==="function"?r.getBBox():r.getBoundingClientRect()};var kr=function(r){try{return Rr(r)}catch(r){return{x:0,y:0,width:0,height:0}}};var Cr=function(r){return r.tagName==="path"};var Sr=x({onRead:function(r,e){var n=e.element;r=!sr.has(r)?X(r):r;if(!I(r)){return n.getAttribute(r)}else{var t=_(r);return t?t.default||0:0}},onRender:function(r,e){var n=e.element,t=e.buildAttrs;var a=t(r);for(var i in a){if(i==="style"){Object.assign(n.style,a.style)}else{n.setAttribute(i,a[i])}}}});var Tr=function(r){var e=kr(r);var n=Cr(r)&&r.getTotalLength?r.getTotalLength():undefined;return Sr({element:r,buildAttrs:br(e,n)})};var xr=x({useCache:false,onRead:function(r){return r==="scrollTop"?window.pageYOffset:window.pageXOffset},onRender:function(r){var e=r.scrollTop,n=e===void 0?0:e,t=r.scrollLeft,a=t===void 0?0:t;return window.scrollTo(a,n)}});var Or=new WeakMap;var Wr=function(r){return r instanceof HTMLElement||typeof r.click==="function"};var Xr=function(r){return r instanceof SVGElement||"ownerSVGElement"in r};var Yr=function(r,e){var n;if(r===window){n=xr(r)}else if(Wr(r)){n=dr(r,e)}else if(Xr(r)){n=Tr(r)}Or.set(r,n);return n};var Lr=function(r,e){return Or.has(r)?Or.get(r):Yr(r,e)};function Mr(r,e){var n=typeof r==="string"?document.querySelector(r):r;return Lr(n,e)}const Zr=(r,{duration:e}={duration:200})=>{const n=Mr(r);function t(){return new Promise((t=>{v({from:{opacity:0},to:{opacity:1},duration:e,onUpdate(r){n.set({opacity:r.opacity})},onComplete(){t();r.style.removeProperty("opacity")}})}))}function a(){r.style.opacity="0"}function i(){r.style.opacity="1"}function o(){return new Promise((r=>{v({from:{opacity:1},to:{opacity:0},duration:e,onUpdate(r){n.set({opacity:r.opacity})},onComplete(){r()}})}))}return{fadeIn:t,fadeOut:o,setFadeOut:a,setFadeIn:i}};export{Mr as i,Zr as u};
+//# sourceMappingURL=p-ee0df37f.js.map

package/dist/native/{p-a271e3be.js.map → p-ee0df37f.js.map}

@@ -1 +1 @@
-{"version":3,"names":["prevTime","onNextFrame","window","requestAnimationFrame","undefined","callback","timestamp","Date","now","timeToCall","Math","max","setTimeout","createStep","setRunNextFrame","processToRun","processToRunNextFrame","numThisFrame","isProcessing","i","cancelled","WeakSet","toKeepAlive","renderStep","cancel","process","indexOfCallback","indexOf","add","splice","frame","_a","length","process_1","has","schedule","keepAlive","immediate","addToCurrentBuffer","buffer","delete","push","maxElapsed","defaultElapsed","useDefaultElapsed","willRunNextFrame","delta","stepsOrder","setWillRunNextFrame","willRun","steps","reduce","acc","key","sync","step","startLoop","processStep","stepId","processFrame","min","forEach","createStyler","onRead","onRender","_b","uncachedValues","Set","_c","useCache","props","__rest","state","changedValues","hasChanged","setValue","value","startsWith","hasCSSVariable","currentValue","render","styler","get","forceRead","useCached","set","values","this","forceRender","CAMEL_CASE_PATTERN","REPLACE_TEMPLATE","camelToDash","str","replace","toLowerCase","camelCache","Map","dashCache","prefixes","numPrefixes","isBrowser","document","testElement","setDashPrefix","prefixed","testPrefix","createElement","prefix","noPrefix","prefixedPropertyName","charAt","toUpperCase","slice","style","setServerProperty","prefixer","asDashCase","cache","axes","order","transformProps","axesAcc","axesKey","transformPropDictionary","dict","isTransformProp","sortTransformProps","a","b","transformOriginProps","isTransformOriginProp","int","__assign","number","transform","round","valueTypes","color","backgroundColor","outlineColor","fill","stroke","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","borderWidth","px","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderRadius","radius","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","width","maxWidth","height","maxHeight","size","top","right","bottom","left","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginTop","marginRight","marginBottom","marginLeft","rotate","degrees","rotateX","rotateY","rotateZ","scale","scaleX","scaleY","scaleZ","skew","skewX","skewY","distance","translateX","translateY","translateZ","x","y","z","perspective","opacity","alpha","originX","progressPercentage","originY","originZ","zIndex","fillOpacity","strokeOpacity","numOctaves","getValueType","getValueAsType","type","SCROLL_LEFT","SCROLL_TOP","scrollKeys","blacklist","translateAlias","isCustomTemplate","v","buildTransform","transformKeys","transformIsDefault","enableHardwareAcceleration","allowTransformNone","transformString","transformHasZ","sort","numTransformKeys","trim","buildStyleProperty","styles","transformOrigin","isDashCase","hasTransform","hasTransformOrigin","valueType","valueAsType","default","createStyleBuilder","_d","_e","options","element","preparseOutput","defaultValueType","domValue","getComputedStyle","getPropertyValue","test","parse","buildStyles","Object","assign","numChangedValues","setProperty","cssStyler","createCssStyler","camelCaseAttributes","defaultOrigin","svgAttrsTemplate","progressToPixels","progress","unmeasured","calcOrigin","origin","offset","calculateSVGTransformOrigin","dimensions","svgStyleConfig","buildSVGAttrs","totalPathLength","cssBuilder","attrs","attrX","attrY","pathLength","pathSpacing","pathOffset","attrKey","createAttrBuilder","getDimensions","getBBox","getBoundingClientRect","getSVGElementDimensions","e","isPath","tagName","svgStyler","getAttribute","buildAttrs","setAttribute","svg","getTotalLength","viewport","pageYOffset","pageXOffset","scrollTop","scrollLeft","scrollTo","WeakMap","isHTMLElement","node","HTMLElement","click","isSVGElement","SVGElement","createDOMStyler","getStyler","index","nodeOrSelector","querySelector","useFade","duration","nodeStyler","fadeIn","Promise","resolve","animate","from","to","onUpdate","latest","onComplete","removeProperty","setFadeOut","setFadeIn","fadeOut"],"sources":["../../node_modules/stylefire/node_modules/framesync/dist/framesync.es.js","../../node_modules/stylefire/dist/stylefire.es.js","src/animations/fade.animation.ts"],"sourcesContent":["import { invariant } from 'hey-listen';\n\nvar prevTime = 0;\nvar onNextFrame = typeof window !== 'undefined' && window.requestAnimationFrame !== undefined ? function (callback) {\n    return window.requestAnimationFrame(callback);\n} : function (callback) {\n    var timestamp = Date.now();\n    var timeToCall = Math.max(0, 16.7 - (timestamp - prevTime));\n    prevTime = timestamp + timeToCall;\n    setTimeout(function () {\n        return callback(prevTime);\n    }, timeToCall);\n};\n\nvar createStep = function (setRunNextFrame) {\n    var processToRun = [];\n    var processToRunNextFrame = [];\n    var numThisFrame = 0;\n    var isProcessing = false;\n    var i = 0;\n    var cancelled = new WeakSet();\n    var toKeepAlive = new WeakSet();\n    var renderStep = {\n        cancel: function (process) {\n            var indexOfCallback = processToRunNextFrame.indexOf(process);\n            cancelled.add(process);\n            if (indexOfCallback !== -1) {\n                processToRunNextFrame.splice(indexOfCallback, 1);\n            }\n        },\n        process: function (frame) {\n            var _a;\n            isProcessing = true;\n            _a = [processToRunNextFrame, processToRun], processToRun = _a[0], processToRunNextFrame = _a[1];\n            processToRunNextFrame.length = 0;\n            numThisFrame = processToRun.length;\n            if (numThisFrame) {\n                var process_1;\n                for (i = 0; i < numThisFrame; i++) {\n                    process_1 = processToRun[i];\n                    process_1(frame);\n                    if (toKeepAlive.has(process_1) === true && !cancelled.has(process_1)) {\n                        renderStep.schedule(process_1);\n                        setRunNextFrame(true);\n                    }\n                }\n            }\n            isProcessing = false;\n        },\n        schedule: function (process, keepAlive, immediate) {\n            if (keepAlive === void 0) {\n                keepAlive = false;\n            }\n            if (immediate === void 0) {\n                immediate = false;\n            }\n            invariant(typeof process === \"function\", \"Argument must be a function\");\n            var addToCurrentBuffer = immediate && isProcessing;\n            var buffer = addToCurrentBuffer ? processToRun : processToRunNextFrame;\n            cancelled.delete(process);\n            if (keepAlive) toKeepAlive.add(process);\n            if (buffer.indexOf(process) === -1) {\n                buffer.push(process);\n                if (addToCurrentBuffer) numThisFrame = processToRun.length;\n            }\n        }\n    };\n    return renderStep;\n};\n\nvar maxElapsed = 40;\nvar defaultElapsed = 1 / 60 * 1000;\nvar useDefaultElapsed = true;\nvar willRunNextFrame = false;\nvar isProcessing = false;\nvar frame = {\n    delta: 0,\n    timestamp: 0\n};\nvar stepsOrder = [\"read\", \"update\", \"preRender\", \"render\", \"postRender\"];\nvar setWillRunNextFrame = function (willRun) {\n    return willRunNextFrame = willRun;\n};\nvar steps = /*#__PURE__*/stepsOrder.reduce(function (acc, key) {\n    acc[key] = createStep(setWillRunNextFrame);\n    return acc;\n}, {});\nvar sync = /*#__PURE__*/stepsOrder.reduce(function (acc, key) {\n    var step = steps[key];\n    acc[key] = function (process, keepAlive, immediate) {\n        if (keepAlive === void 0) {\n            keepAlive = false;\n        }\n        if (immediate === void 0) {\n            immediate = false;\n        }\n        if (!willRunNextFrame) startLoop();\n        step.schedule(process, keepAlive, immediate);\n        return process;\n    };\n    return acc;\n}, {});\nvar cancelSync = /*#__PURE__*/stepsOrder.reduce(function (acc, key) {\n    acc[key] = steps[key].cancel;\n    return acc;\n}, {});\nvar processStep = function (stepId) {\n    return steps[stepId].process(frame);\n};\nvar processFrame = function (timestamp) {\n    willRunNextFrame = false;\n    frame.delta = useDefaultElapsed ? defaultElapsed : Math.max(Math.min(timestamp - frame.timestamp, maxElapsed), 1);\n    if (!useDefaultElapsed) defaultElapsed = frame.delta;\n    frame.timestamp = timestamp;\n    isProcessing = true;\n    stepsOrder.forEach(processStep);\n    isProcessing = false;\n    if (willRunNextFrame) {\n        useDefaultElapsed = false;\n        onNextFrame(processFrame);\n    }\n};\nvar startLoop = function () {\n    willRunNextFrame = true;\n    useDefaultElapsed = true;\n    if (!isProcessing) onNextFrame(processFrame);\n};\nvar getFrameData = function () {\n    return frame;\n};\n\nexport default sync;\nexport { cancelSync, getFrameData };\n","import { __rest, __assign } from 'tslib';\nimport sync from 'framesync';\nimport { number, color, px, degrees, scale, alpha, progressPercentage } from 'style-value-types';\nimport { invariant } from 'hey-listen';\n\nvar createStyler = function (_a) {\n    var onRead = _a.onRead,\n        onRender = _a.onRender,\n        _b = _a.uncachedValues,\n        uncachedValues = _b === void 0 ? new Set() : _b,\n        _c = _a.useCache,\n        useCache = _c === void 0 ? true : _c;\n    return function (_a) {\n        if (_a === void 0) {\n            _a = {};\n        }\n        var props = __rest(_a, []);\n        var state = {};\n        var changedValues = [];\n        var hasChanged = false;\n        function setValue(key, value) {\n            if (key.startsWith('--')) {\n                props.hasCSSVariable = true;\n            }\n            var currentValue = state[key];\n            state[key] = value;\n            if (state[key] === currentValue) return;\n            if (changedValues.indexOf(key) === -1) {\n                changedValues.push(key);\n            }\n            if (!hasChanged) {\n                hasChanged = true;\n                sync.render(styler.render);\n            }\n        }\n        var styler = {\n            get: function (key, forceRead) {\n                if (forceRead === void 0) {\n                    forceRead = false;\n                }\n                var useCached = !forceRead && useCache && !uncachedValues.has(key) && state[key] !== undefined;\n                return useCached ? state[key] : onRead(key, props);\n            },\n            set: function (values, value) {\n                if (typeof values === 'string') {\n                    setValue(values, value);\n                } else {\n                    for (var key in values) {\n                        setValue(key, values[key]);\n                    }\n                }\n                return this;\n            },\n            render: function (forceRender) {\n                if (forceRender === void 0) {\n                    forceRender = false;\n                }\n                if (hasChanged || forceRender === true) {\n                    onRender(state, props, changedValues);\n                    hasChanged = false;\n                    changedValues.length = 0;\n                }\n                return this;\n            }\n        };\n        return styler;\n    };\n};\n\nvar CAMEL_CASE_PATTERN = /([a-z])([A-Z])/g;\nvar REPLACE_TEMPLATE = '$1-$2';\nvar camelToDash = function (str) {\n    return str.replace(CAMEL_CASE_PATTERN, REPLACE_TEMPLATE).toLowerCase();\n};\n\nvar camelCache = /*#__PURE__*/new Map();\nvar dashCache = /*#__PURE__*/new Map();\nvar prefixes = ['Webkit', 'Moz', 'O', 'ms', ''];\nvar numPrefixes = prefixes.length;\nvar isBrowser = typeof document !== 'undefined';\nvar testElement;\nvar setDashPrefix = function (key, prefixed) {\n    return dashCache.set(key, camelToDash(prefixed));\n};\nvar testPrefix = function (key) {\n    testElement = testElement || document.createElement('div');\n    for (var i = 0; i < numPrefixes; i++) {\n        var prefix = prefixes[i];\n        var noPrefix = prefix === '';\n        var prefixedPropertyName = noPrefix ? key : prefix + key.charAt(0).toUpperCase() + key.slice(1);\n        if (prefixedPropertyName in testElement.style || noPrefix) {\n            if (noPrefix && key === 'clipPath' && dashCache.has(key)) {\n                return;\n            }\n            camelCache.set(key, prefixedPropertyName);\n            setDashPrefix(key, \"\" + (noPrefix ? '' : '-') + camelToDash(prefixedPropertyName));\n        }\n    }\n};\nvar setServerProperty = function (key) {\n    return setDashPrefix(key, key);\n};\nvar prefixer = function (key, asDashCase) {\n    if (asDashCase === void 0) {\n        asDashCase = false;\n    }\n    var cache = asDashCase ? dashCache : camelCache;\n    if (!cache.has(key)) {\n        isBrowser ? testPrefix(key) : setServerProperty(key);\n    }\n    return cache.get(key) || key;\n};\n\nvar axes = ['', 'X', 'Y', 'Z'];\nvar order = ['translate', 'scale', 'rotate', 'skew', 'transformPerspective'];\nvar transformProps = /*#__PURE__*/order.reduce(function (acc, key) {\n    return axes.reduce(function (axesAcc, axesKey) {\n        axesAcc.push(key + axesKey);\n        return axesAcc;\n    }, acc);\n}, ['x', 'y', 'z']);\nvar transformPropDictionary = /*#__PURE__*/transformProps.reduce(function (dict, key) {\n    dict[key] = true;\n    return dict;\n}, {});\nfunction isTransformProp(key) {\n    return transformPropDictionary[key] === true;\n}\nfunction sortTransformProps(a, b) {\n    return transformProps.indexOf(a) - transformProps.indexOf(b);\n}\nvar transformOriginProps = /*#__PURE__*/new Set(['originX', 'originY', 'originZ']);\nfunction isTransformOriginProp(key) {\n    return transformOriginProps.has(key);\n}\n\nvar int = /*#__PURE__*/__assign( /*#__PURE__*/__assign({}, number), { transform: Math.round });\nvar valueTypes = {\n    color: color,\n    backgroundColor: color,\n    outlineColor: color,\n    fill: color,\n    stroke: color,\n    borderColor: color,\n    borderTopColor: color,\n    borderRightColor: color,\n    borderBottomColor: color,\n    borderLeftColor: color,\n    borderWidth: px,\n    borderTopWidth: px,\n    borderRightWidth: px,\n    borderBottomWidth: px,\n    borderLeftWidth: px,\n    borderRadius: px,\n    radius: px,\n    borderTopLeftRadius: px,\n    borderTopRightRadius: px,\n    borderBottomRightRadius: px,\n    borderBottomLeftRadius: px,\n    width: px,\n    maxWidth: px,\n    height: px,\n    maxHeight: px,\n    size: px,\n    top: px,\n    right: px,\n    bottom: px,\n    left: px,\n    padding: px,\n    paddingTop: px,\n    paddingRight: px,\n    paddingBottom: px,\n    paddingLeft: px,\n    margin: px,\n    marginTop: px,\n    marginRight: px,\n    marginBottom: px,\n    marginLeft: px,\n    rotate: degrees,\n    rotateX: degrees,\n    rotateY: degrees,\n    rotateZ: degrees,\n    scale: scale,\n    scaleX: scale,\n    scaleY: scale,\n    scaleZ: scale,\n    skew: degrees,\n    skewX: degrees,\n    skewY: degrees,\n    distance: px,\n    translateX: px,\n    translateY: px,\n    translateZ: px,\n    x: px,\n    y: px,\n    z: px,\n    perspective: px,\n    opacity: alpha,\n    originX: progressPercentage,\n    originY: progressPercentage,\n    originZ: px,\n    zIndex: int,\n    fillOpacity: alpha,\n    strokeOpacity: alpha,\n    numOctaves: int\n};\nvar getValueType = function (key) {\n    return valueTypes[key];\n};\nvar getValueAsType = function (value, type) {\n    return type && typeof value === 'number' ? type.transform(value) : value;\n};\n\nvar SCROLL_LEFT = 'scrollLeft';\nvar SCROLL_TOP = 'scrollTop';\nvar scrollKeys = /*#__PURE__*/new Set([SCROLL_LEFT, SCROLL_TOP]);\n\nvar blacklist = /*#__PURE__*/new Set([SCROLL_LEFT, SCROLL_TOP, 'transform']);\nvar translateAlias = {\n    x: 'translateX',\n    y: 'translateY',\n    z: 'translateZ'\n};\nfunction isCustomTemplate(v) {\n    return typeof v === 'function';\n}\nfunction buildTransform(state, transform, transformKeys, transformIsDefault, enableHardwareAcceleration, allowTransformNone) {\n    if (allowTransformNone === void 0) {\n        allowTransformNone = true;\n    }\n    var transformString = '';\n    var transformHasZ = false;\n    transformKeys.sort(sortTransformProps);\n    var numTransformKeys = transformKeys.length;\n    for (var i = 0; i < numTransformKeys; i++) {\n        var key = transformKeys[i];\n        transformString += (translateAlias[key] || key) + \"(\" + transform[key] + \") \";\n        transformHasZ = key === 'z' ? true : transformHasZ;\n    }\n    if (!transformHasZ && enableHardwareAcceleration) {\n        transformString += 'translateZ(0)';\n    } else {\n        transformString = transformString.trim();\n    }\n    if (isCustomTemplate(state.transform)) {\n        transformString = state.transform(transform, transformIsDefault ? '' : transformString);\n    } else if (allowTransformNone && transformIsDefault) {\n        transformString = 'none';\n    }\n    return transformString;\n}\nfunction buildStyleProperty(state, enableHardwareAcceleration, styles, transform, transformOrigin, transformKeys, isDashCase, allowTransformNone) {\n    if (enableHardwareAcceleration === void 0) {\n        enableHardwareAcceleration = true;\n    }\n    if (styles === void 0) {\n        styles = {};\n    }\n    if (transform === void 0) {\n        transform = {};\n    }\n    if (transformOrigin === void 0) {\n        transformOrigin = {};\n    }\n    if (transformKeys === void 0) {\n        transformKeys = [];\n    }\n    if (isDashCase === void 0) {\n        isDashCase = false;\n    }\n    if (allowTransformNone === void 0) {\n        allowTransformNone = true;\n    }\n    var transformIsDefault = true;\n    var hasTransform = false;\n    var hasTransformOrigin = false;\n    for (var key in state) {\n        var value = state[key];\n        var valueType = getValueType(key);\n        var valueAsType = getValueAsType(value, valueType);\n        if (isTransformProp(key)) {\n            hasTransform = true;\n            transform[key] = valueAsType;\n            transformKeys.push(key);\n            if (transformIsDefault) {\n                if (valueType.default && value !== valueType.default || !valueType.default && value !== 0) {\n                    transformIsDefault = false;\n                }\n            }\n        } else if (isTransformOriginProp(key)) {\n            transformOrigin[key] = valueAsType;\n            hasTransformOrigin = true;\n        } else if (!blacklist.has(key) || !isCustomTemplate(valueAsType)) {\n            styles[prefixer(key, isDashCase)] = valueAsType;\n        }\n    }\n    if (hasTransform || typeof state.transform === 'function') {\n        styles.transform = buildTransform(state, transform, transformKeys, transformIsDefault, enableHardwareAcceleration, allowTransformNone);\n    }\n    if (hasTransformOrigin) {\n        styles.transformOrigin = (transformOrigin.originX || '50%') + \" \" + (transformOrigin.originY || '50%') + \" \" + (transformOrigin.originZ || 0);\n    }\n    return styles;\n}\nfunction createStyleBuilder(_a) {\n    var _b = _a === void 0 ? {} : _a,\n        _c = _b.enableHardwareAcceleration,\n        enableHardwareAcceleration = _c === void 0 ? true : _c,\n        _d = _b.isDashCase,\n        isDashCase = _d === void 0 ? true : _d,\n        _e = _b.allowTransformNone,\n        allowTransformNone = _e === void 0 ? true : _e;\n    var styles = {};\n    var transform = {};\n    var transformOrigin = {};\n    var transformKeys = [];\n    return function (state) {\n        transformKeys.length = 0;\n        buildStyleProperty(state, enableHardwareAcceleration, styles, transform, transformOrigin, transformKeys, isDashCase, allowTransformNone);\n        return styles;\n    };\n}\n\nfunction onRead(key, options) {\n    var element = options.element,\n        preparseOutput = options.preparseOutput;\n    var defaultValueType = getValueType(key);\n    if (isTransformProp(key)) {\n        return defaultValueType ? defaultValueType.default || 0 : 0;\n    } else if (scrollKeys.has(key)) {\n        return element[key];\n    } else {\n        var domValue = window.getComputedStyle(element, null).getPropertyValue(prefixer(key, true)) || 0;\n        return preparseOutput && defaultValueType && defaultValueType.test(domValue) && defaultValueType.parse ? defaultValueType.parse(domValue) : domValue;\n    }\n}\nfunction onRender(state, _a, changedValues) {\n    var element = _a.element,\n        buildStyles = _a.buildStyles,\n        hasCSSVariable = _a.hasCSSVariable;\n    Object.assign(element.style, buildStyles(state));\n    if (hasCSSVariable) {\n        var numChangedValues = changedValues.length;\n        for (var i = 0; i < numChangedValues; i++) {\n            var key = changedValues[i];\n            if (key.startsWith('--')) {\n                element.style.setProperty(key, state[key]);\n            }\n        }\n    }\n    if (changedValues.indexOf(SCROLL_LEFT) !== -1) {\n        element[SCROLL_LEFT] = state[SCROLL_LEFT];\n    }\n    if (changedValues.indexOf(SCROLL_TOP) !== -1) {\n        element[SCROLL_TOP] = state[SCROLL_TOP];\n    }\n}\nvar cssStyler = /*#__PURE__*/createStyler({\n    onRead: onRead,\n    onRender: onRender,\n    uncachedValues: scrollKeys\n});\nfunction createCssStyler(element, _a) {\n    if (_a === void 0) {\n        _a = {};\n    }\n    var enableHardwareAcceleration = _a.enableHardwareAcceleration,\n        allowTransformNone = _a.allowTransformNone,\n        props = __rest(_a, [\"enableHardwareAcceleration\", \"allowTransformNone\"]);\n    return cssStyler(__assign({ element: element, buildStyles: createStyleBuilder({\n            enableHardwareAcceleration: enableHardwareAcceleration,\n            allowTransformNone: allowTransformNone\n        }), preparseOutput: true }, props));\n}\n\nvar camelCaseAttributes = /*#__PURE__*/new Set(['baseFrequency', 'diffuseConstant', 'kernelMatrix', 'kernelUnitLength', 'keySplines', 'keyTimes', 'limitingConeAngle', 'markerHeight', 'markerWidth', 'numOctaves', 'targetX', 'targetY', 'surfaceScale', 'specularConstant', 'specularExponent', 'stdDeviation', 'tableValues']);\n\nvar defaultOrigin = 0.5;\nvar svgAttrsTemplate = function () {\n    return {\n        style: {}\n    };\n};\nvar progressToPixels = function (progress, length) {\n    return px.transform(progress * length);\n};\nvar unmeasured = { x: 0, y: 0, width: 0, height: 0 };\nfunction calcOrigin(origin, offset, size) {\n    return typeof origin === 'string' ? origin : px.transform(offset + size * origin);\n}\nfunction calculateSVGTransformOrigin(dimensions, originX, originY) {\n    return calcOrigin(originX, dimensions.x, dimensions.width) + \" \" + calcOrigin(originY, dimensions.y, dimensions.height);\n}\nvar svgStyleConfig = {\n    enableHardwareAcceleration: false,\n    isDashCase: false\n};\nfunction buildSVGAttrs(_a, dimensions, totalPathLength, cssBuilder, attrs, isDashCase) {\n    if (dimensions === void 0) {\n        dimensions = unmeasured;\n    }\n    if (cssBuilder === void 0) {\n        cssBuilder = createStyleBuilder(svgStyleConfig);\n    }\n    if (attrs === void 0) {\n        attrs = svgAttrsTemplate();\n    }\n    if (isDashCase === void 0) {\n        isDashCase = true;\n    }\n    var attrX = _a.attrX,\n        attrY = _a.attrY,\n        originX = _a.originX,\n        originY = _a.originY,\n        pathLength = _a.pathLength,\n        _b = _a.pathSpacing,\n        pathSpacing = _b === void 0 ? 1 : _b,\n        _c = _a.pathOffset,\n        pathOffset = _c === void 0 ? 0 : _c,\n        state = __rest(_a, [\"attrX\", \"attrY\", \"originX\", \"originY\", \"pathLength\", \"pathSpacing\", \"pathOffset\"]);\n    var style = cssBuilder(state);\n    for (var key in style) {\n        if (key === 'transform') {\n            attrs.style.transform = style[key];\n        } else {\n            var attrKey = isDashCase && !camelCaseAttributes.has(key) ? camelToDash(key) : key;\n            attrs[attrKey] = style[key];\n        }\n    }\n    if (originX !== undefined || originY !== undefined || style.transform) {\n        attrs.style.transformOrigin = calculateSVGTransformOrigin(dimensions, originX !== undefined ? originX : defaultOrigin, originY !== undefined ? originY : defaultOrigin);\n    }\n    if (attrX !== undefined) attrs.x = attrX;\n    if (attrY !== undefined) attrs.y = attrY;\n    if (totalPathLength !== undefined && pathLength !== undefined) {\n        attrs[isDashCase ? 'stroke-dashoffset' : 'strokeDashoffset'] = progressToPixels(-pathOffset, totalPathLength);\n        attrs[isDashCase ? 'stroke-dasharray' : 'strokeDasharray'] = progressToPixels(pathLength, totalPathLength) + \" \" + progressToPixels(pathSpacing, totalPathLength);\n    }\n    return attrs;\n}\nfunction createAttrBuilder(dimensions, totalPathLength, isDashCase) {\n    if (isDashCase === void 0) {\n        isDashCase = true;\n    }\n    var attrs = svgAttrsTemplate();\n    var cssBuilder = createStyleBuilder(svgStyleConfig);\n    return function (state) {\n        return buildSVGAttrs(state, dimensions, totalPathLength, cssBuilder, attrs, isDashCase);\n    };\n}\n\nvar getDimensions = function (element) {\n    return typeof element.getBBox === 'function' ? element.getBBox() : element.getBoundingClientRect();\n};\nvar getSVGElementDimensions = function (element) {\n    try {\n        return getDimensions(element);\n    } catch (e) {\n        return { x: 0, y: 0, width: 0, height: 0 };\n    }\n};\n\nvar isPath = function (element) {\n    return element.tagName === 'path';\n};\nvar svgStyler = /*#__PURE__*/createStyler({\n    onRead: function (key, _a) {\n        var element = _a.element;\n        key = !camelCaseAttributes.has(key) ? camelToDash(key) : key;\n        if (!isTransformProp(key)) {\n            return element.getAttribute(key);\n        } else {\n            var valueType = getValueType(key);\n            return valueType ? valueType.default || 0 : 0;\n        }\n    },\n    onRender: function (state, _a) {\n        var element = _a.element,\n            buildAttrs = _a.buildAttrs;\n        var attrs = buildAttrs(state);\n        for (var key in attrs) {\n            if (key === 'style') {\n                Object.assign(element.style, attrs.style);\n            } else {\n                element.setAttribute(key, attrs[key]);\n            }\n        }\n    }\n});\nvar svg = function (element) {\n    var dimensions = getSVGElementDimensions(element);\n    var pathLength = isPath(element) && element.getTotalLength ? element.getTotalLength() : undefined;\n    return svgStyler({\n        element: element,\n        buildAttrs: createAttrBuilder(dimensions, pathLength)\n    });\n};\n\nvar viewport = /*#__PURE__*/createStyler({\n    useCache: false,\n    onRead: function (key) {\n        return key === 'scrollTop' ? window.pageYOffset : window.pageXOffset;\n    },\n    onRender: function (_a) {\n        var _b = _a.scrollTop,\n            scrollTop = _b === void 0 ? 0 : _b,\n            _c = _a.scrollLeft,\n            scrollLeft = _c === void 0 ? 0 : _c;\n        return window.scrollTo(scrollLeft, scrollTop);\n    }\n});\n\nvar cache = /*#__PURE__*/new WeakMap();\nvar isHTMLElement = function (node) {\n    return node instanceof HTMLElement || typeof node.click === 'function';\n};\nvar isSVGElement = function (node) {\n    return node instanceof SVGElement || 'ownerSVGElement' in node;\n};\nvar createDOMStyler = function (node, props) {\n    var styler;\n    if (node === window) {\n        styler = viewport(node);\n    } else if (isHTMLElement(node)) {\n        styler = createCssStyler(node, props);\n    } else if (isSVGElement(node)) {\n        styler = svg(node);\n    }\n    invariant(styler !== undefined, 'No valid node provided. Node must be HTMLElement, SVGElement or window.');\n    cache.set(node, styler);\n    return styler;\n};\nvar getStyler = function (node, props) {\n    return cache.has(node) ? cache.get(node) : createDOMStyler(node, props);\n};\nfunction index(nodeOrSelector, props) {\n    var node = typeof nodeOrSelector === 'string' ? document.querySelector(nodeOrSelector) : nodeOrSelector;\n    return getStyler(node, props);\n}\n\nexport default index;\nexport { buildSVGAttrs, buildStyleProperty, createStyler as createStylerFactory, isTransformProp, transformProps };\n","import { animate } from 'popmotion';\nimport styler from 'stylefire';\n\nexport type FadeOptions = {\n  /** How long the animation should take in ms @default 200 */\n  duration?: number;\n};\n\nconst useFade = (\n  node: HTMLElement,\n  { duration }: FadeOptions = { duration: 200 },\n) => {\n  const nodeStyler = styler(node);\n\n  /**\n   * Will animate the opacity to 1, and removes the opacity style attribute once\n   * complete.\n   */\n  function fadeIn() {\n    return new Promise<void>(resolve => {\n      animate({\n        from: { opacity: 0 },\n        to: { opacity: 1 },\n        duration,\n        onUpdate(latest) {\n          nodeStyler.set({ opacity: latest.opacity });\n        },\n        onComplete() {\n          resolve();\n          node.style.removeProperty('opacity');\n        },\n      });\n    });\n  }\n\n  /**\n   * Applies the fadeOut styles without animating, useful when initial state\n   * is hidden.\n   */\n  function setFadeOut() {\n    nodeStyler.set({ opacity: 0 });\n  }\n\n  /**\n   * Applies the fadeIn styles without animating, useful when initial state\n   * is visible.\n   */\n  function setFadeIn() {\n    nodeStyler.set({ opacity: 1 });\n  }\n\n  /**\n   * Will animate the opacity to 0, once complete, the opacity style attribute\n   * will stay on the element.\n   */\n  function fadeOut() {\n    return new Promise<void>(resolve => {\n      animate({\n        from: { opacity: 1 },\n        to: { opacity: 0 },\n        duration,\n        onUpdate(latest) {\n          nodeStyler.set({ opacity: latest.opacity });\n        },\n        onComplete() {\n          resolve();\n        },\n      });\n    });\n  }\n\n  return {\n    fadeIn,\n    fadeOut,\n    setFadeOut,\n    setFadeIn,\n  };\n};\n\nexport { useFade };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["prevTime","onNextFrame","window","requestAnimationFrame","undefined","callback","timestamp","Date","now","timeToCall","Math","max","setTimeout","createStep","setRunNextFrame","processToRun","processToRunNextFrame","numThisFrame","isProcessing","i","cancelled","WeakSet","toKeepAlive","renderStep","cancel","process","indexOfCallback","indexOf","add","splice","frame","_a","length","process_1","has","schedule","keepAlive","immediate","addToCurrentBuffer","buffer","delete","push","maxElapsed","defaultElapsed","useDefaultElapsed","willRunNextFrame","delta","stepsOrder","setWillRunNextFrame","willRun","steps","reduce","acc","key","sync","step","startLoop","processStep","stepId","processFrame","min","forEach","createStyler","onRead","onRender","_b","uncachedValues","Set","_c","useCache","props","__rest","state","changedValues","hasChanged","setValue","value","startsWith","hasCSSVariable","currentValue","render","styler","get","forceRead","useCached","set","values","this","forceRender","CAMEL_CASE_PATTERN","REPLACE_TEMPLATE","camelToDash","str","replace","toLowerCase","camelCache","Map","dashCache","prefixes","numPrefixes","isBrowser","document","testElement","setDashPrefix","prefixed","testPrefix","createElement","prefix","noPrefix","prefixedPropertyName","charAt","toUpperCase","slice","style","setServerProperty","prefixer","asDashCase","cache","axes","order","transformProps","axesAcc","axesKey","transformPropDictionary","dict","isTransformProp","sortTransformProps","a","b","transformOriginProps","isTransformOriginProp","int","__assign","number","transform","round","valueTypes","color","backgroundColor","outlineColor","fill","stroke","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","borderWidth","px","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderRadius","radius","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","width","maxWidth","height","maxHeight","size","top","right","bottom","left","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginTop","marginRight","marginBottom","marginLeft","rotate","degrees","rotateX","rotateY","rotateZ","scale","scaleX","scaleY","scaleZ","skew","skewX","skewY","distance","translateX","translateY","translateZ","x","y","z","perspective","opacity","alpha","originX","progressPercentage","originY","originZ","zIndex","fillOpacity","strokeOpacity","numOctaves","getValueType","getValueAsType","type","SCROLL_LEFT","SCROLL_TOP","scrollKeys","blacklist","translateAlias","isCustomTemplate","v","buildTransform","transformKeys","transformIsDefault","enableHardwareAcceleration","allowTransformNone","transformString","transformHasZ","sort","numTransformKeys","trim","buildStyleProperty","styles","transformOrigin","isDashCase","hasTransform","hasTransformOrigin","valueType","valueAsType","default","createStyleBuilder","_d","_e","options","element","preparseOutput","defaultValueType","domValue","getComputedStyle","getPropertyValue","test","parse","buildStyles","Object","assign","numChangedValues","setProperty","cssStyler","createCssStyler","camelCaseAttributes","defaultOrigin","svgAttrsTemplate","progressToPixels","progress","unmeasured","calcOrigin","origin","offset","calculateSVGTransformOrigin","dimensions","svgStyleConfig","buildSVGAttrs","totalPathLength","cssBuilder","attrs","attrX","attrY","pathLength","pathSpacing","pathOffset","attrKey","createAttrBuilder","getDimensions","getBBox","getBoundingClientRect","getSVGElementDimensions","e","isPath","tagName","svgStyler","getAttribute","buildAttrs","setAttribute","svg","getTotalLength","viewport","pageYOffset","pageXOffset","scrollTop","scrollLeft","scrollTo","WeakMap","isHTMLElement","node","HTMLElement","click","isSVGElement","SVGElement","createDOMStyler","getStyler","index","nodeOrSelector","querySelector","useFade","duration","nodeStyler","fadeIn","Promise","resolve","animate","from","to","onUpdate","latest","onComplete","removeProperty","setFadeOut","setFadeIn","fadeOut"],"sources":["../../node_modules/stylefire/node_modules/framesync/dist/framesync.es.js","../../node_modules/stylefire/dist/stylefire.es.js","src/animations/fade.animation.ts"],"sourcesContent":["import { invariant } from 'hey-listen';\n\nvar prevTime = 0;\nvar onNextFrame = typeof window !== 'undefined' && window.requestAnimationFrame !== undefined ? function (callback) {\n    return window.requestAnimationFrame(callback);\n} : function (callback) {\n    var timestamp = Date.now();\n    var timeToCall = Math.max(0, 16.7 - (timestamp - prevTime));\n    prevTime = timestamp + timeToCall;\n    setTimeout(function () {\n        return callback(prevTime);\n    }, timeToCall);\n};\n\nvar createStep = function (setRunNextFrame) {\n    var processToRun = [];\n    var processToRunNextFrame = [];\n    var numThisFrame = 0;\n    var isProcessing = false;\n    var i = 0;\n    var cancelled = new WeakSet();\n    var toKeepAlive = new WeakSet();\n    var renderStep = {\n        cancel: function (process) {\n            var indexOfCallback = processToRunNextFrame.indexOf(process);\n            cancelled.add(process);\n            if (indexOfCallback !== -1) {\n                processToRunNextFrame.splice(indexOfCallback, 1);\n            }\n        },\n        process: function (frame) {\n            var _a;\n            isProcessing = true;\n            _a = [processToRunNextFrame, processToRun], processToRun = _a[0], processToRunNextFrame = _a[1];\n            processToRunNextFrame.length = 0;\n            numThisFrame = processToRun.length;\n            if (numThisFrame) {\n                var process_1;\n                for (i = 0; i < numThisFrame; i++) {\n                    process_1 = processToRun[i];\n                    process_1(frame);\n                    if (toKeepAlive.has(process_1) === true && !cancelled.has(process_1)) {\n                        renderStep.schedule(process_1);\n                        setRunNextFrame(true);\n                    }\n                }\n            }\n            isProcessing = false;\n        },\n        schedule: function (process, keepAlive, immediate) {\n            if (keepAlive === void 0) {\n                keepAlive = false;\n            }\n            if (immediate === void 0) {\n                immediate = false;\n            }\n            invariant(typeof process === \"function\", \"Argument must be a function\");\n            var addToCurrentBuffer = immediate && isProcessing;\n            var buffer = addToCurrentBuffer ? processToRun : processToRunNextFrame;\n            cancelled.delete(process);\n            if (keepAlive) toKeepAlive.add(process);\n            if (buffer.indexOf(process) === -1) {\n                buffer.push(process);\n                if (addToCurrentBuffer) numThisFrame = processToRun.length;\n            }\n        }\n    };\n    return renderStep;\n};\n\nvar maxElapsed = 40;\nvar defaultElapsed = 1 / 60 * 1000;\nvar useDefaultElapsed = true;\nvar willRunNextFrame = false;\nvar isProcessing = false;\nvar frame = {\n    delta: 0,\n    timestamp: 0\n};\nvar stepsOrder = [\"read\", \"update\", \"preRender\", \"render\", \"postRender\"];\nvar setWillRunNextFrame = function (willRun) {\n    return willRunNextFrame = willRun;\n};\nvar steps = /*#__PURE__*/stepsOrder.reduce(function (acc, key) {\n    acc[key] = createStep(setWillRunNextFrame);\n    return acc;\n}, {});\nvar sync = /*#__PURE__*/stepsOrder.reduce(function (acc, key) {\n    var step = steps[key];\n    acc[key] = function (process, keepAlive, immediate) {\n        if (keepAlive === void 0) {\n            keepAlive = false;\n        }\n        if (immediate === void 0) {\n            immediate = false;\n        }\n        if (!willRunNextFrame) startLoop();\n        step.schedule(process, keepAlive, immediate);\n        return process;\n    };\n    return acc;\n}, {});\nvar cancelSync = /*#__PURE__*/stepsOrder.reduce(function (acc, key) {\n    acc[key] = steps[key].cancel;\n    return acc;\n}, {});\nvar processStep = function (stepId) {\n    return steps[stepId].process(frame);\n};\nvar processFrame = function (timestamp) {\n    willRunNextFrame = false;\n    frame.delta = useDefaultElapsed ? defaultElapsed : Math.max(Math.min(timestamp - frame.timestamp, maxElapsed), 1);\n    if (!useDefaultElapsed) defaultElapsed = frame.delta;\n    frame.timestamp = timestamp;\n    isProcessing = true;\n    stepsOrder.forEach(processStep);\n    isProcessing = false;\n    if (willRunNextFrame) {\n        useDefaultElapsed = false;\n        onNextFrame(processFrame);\n    }\n};\nvar startLoop = function () {\n    willRunNextFrame = true;\n    useDefaultElapsed = true;\n    if (!isProcessing) onNextFrame(processFrame);\n};\nvar getFrameData = function () {\n    return frame;\n};\n\nexport default sync;\nexport { cancelSync, getFrameData };\n","import { __rest, __assign } from 'tslib';\nimport sync from 'framesync';\nimport { number, color, px, degrees, scale, alpha, progressPercentage } from 'style-value-types';\nimport { invariant } from 'hey-listen';\n\nvar createStyler = function (_a) {\n    var onRead = _a.onRead,\n        onRender = _a.onRender,\n        _b = _a.uncachedValues,\n        uncachedValues = _b === void 0 ? new Set() : _b,\n        _c = _a.useCache,\n        useCache = _c === void 0 ? true : _c;\n    return function (_a) {\n        if (_a === void 0) {\n            _a = {};\n        }\n        var props = __rest(_a, []);\n        var state = {};\n        var changedValues = [];\n        var hasChanged = false;\n        function setValue(key, value) {\n            if (key.startsWith('--')) {\n                props.hasCSSVariable = true;\n            }\n            var currentValue = state[key];\n            state[key] = value;\n            if (state[key] === currentValue) return;\n            if (changedValues.indexOf(key) === -1) {\n                changedValues.push(key);\n            }\n            if (!hasChanged) {\n                hasChanged = true;\n                sync.render(styler.render);\n            }\n        }\n        var styler = {\n            get: function (key, forceRead) {\n                if (forceRead === void 0) {\n                    forceRead = false;\n                }\n                var useCached = !forceRead && useCache && !uncachedValues.has(key) && state[key] !== undefined;\n                return useCached ? state[key] : onRead(key, props);\n            },\n            set: function (values, value) {\n                if (typeof values === 'string') {\n                    setValue(values, value);\n                } else {\n                    for (var key in values) {\n                        setValue(key, values[key]);\n                    }\n                }\n                return this;\n            },\n            render: function (forceRender) {\n                if (forceRender === void 0) {\n                    forceRender = false;\n                }\n                if (hasChanged || forceRender === true) {\n                    onRender(state, props, changedValues);\n                    hasChanged = false;\n                    changedValues.length = 0;\n                }\n                return this;\n            }\n        };\n        return styler;\n    };\n};\n\nvar CAMEL_CASE_PATTERN = /([a-z])([A-Z])/g;\nvar REPLACE_TEMPLATE = '$1-$2';\nvar camelToDash = function (str) {\n    return str.replace(CAMEL_CASE_PATTERN, REPLACE_TEMPLATE).toLowerCase();\n};\n\nvar camelCache = /*#__PURE__*/new Map();\nvar dashCache = /*#__PURE__*/new Map();\nvar prefixes = ['Webkit', 'Moz', 'O', 'ms', ''];\nvar numPrefixes = prefixes.length;\nvar isBrowser = typeof document !== 'undefined';\nvar testElement;\nvar setDashPrefix = function (key, prefixed) {\n    return dashCache.set(key, camelToDash(prefixed));\n};\nvar testPrefix = function (key) {\n    testElement = testElement || document.createElement('div');\n    for (var i = 0; i < numPrefixes; i++) {\n        var prefix = prefixes[i];\n        var noPrefix = prefix === '';\n        var prefixedPropertyName = noPrefix ? key : prefix + key.charAt(0).toUpperCase() + key.slice(1);\n        if (prefixedPropertyName in testElement.style || noPrefix) {\n            if (noPrefix && key === 'clipPath' && dashCache.has(key)) {\n                return;\n            }\n            camelCache.set(key, prefixedPropertyName);\n            setDashPrefix(key, \"\" + (noPrefix ? '' : '-') + camelToDash(prefixedPropertyName));\n        }\n    }\n};\nvar setServerProperty = function (key) {\n    return setDashPrefix(key, key);\n};\nvar prefixer = function (key, asDashCase) {\n    if (asDashCase === void 0) {\n        asDashCase = false;\n    }\n    var cache = asDashCase ? dashCache : camelCache;\n    if (!cache.has(key)) {\n        isBrowser ? testPrefix(key) : setServerProperty(key);\n    }\n    return cache.get(key) || key;\n};\n\nvar axes = ['', 'X', 'Y', 'Z'];\nvar order = ['translate', 'scale', 'rotate', 'skew', 'transformPerspective'];\nvar transformProps = /*#__PURE__*/order.reduce(function (acc, key) {\n    return axes.reduce(function (axesAcc, axesKey) {\n        axesAcc.push(key + axesKey);\n        return axesAcc;\n    }, acc);\n}, ['x', 'y', 'z']);\nvar transformPropDictionary = /*#__PURE__*/transformProps.reduce(function (dict, key) {\n    dict[key] = true;\n    return dict;\n}, {});\nfunction isTransformProp(key) {\n    return transformPropDictionary[key] === true;\n}\nfunction sortTransformProps(a, b) {\n    return transformProps.indexOf(a) - transformProps.indexOf(b);\n}\nvar transformOriginProps = /*#__PURE__*/new Set(['originX', 'originY', 'originZ']);\nfunction isTransformOriginProp(key) {\n    return transformOriginProps.has(key);\n}\n\nvar int = /*#__PURE__*/__assign( /*#__PURE__*/__assign({}, number), { transform: Math.round });\nvar valueTypes = {\n    color: color,\n    backgroundColor: color,\n    outlineColor: color,\n    fill: color,\n    stroke: color,\n    borderColor: color,\n    borderTopColor: color,\n    borderRightColor: color,\n    borderBottomColor: color,\n    borderLeftColor: color,\n    borderWidth: px,\n    borderTopWidth: px,\n    borderRightWidth: px,\n    borderBottomWidth: px,\n    borderLeftWidth: px,\n    borderRadius: px,\n    radius: px,\n    borderTopLeftRadius: px,\n    borderTopRightRadius: px,\n    borderBottomRightRadius: px,\n    borderBottomLeftRadius: px,\n    width: px,\n    maxWidth: px,\n    height: px,\n    maxHeight: px,\n    size: px,\n    top: px,\n    right: px,\n    bottom: px,\n    left: px,\n    padding: px,\n    paddingTop: px,\n    paddingRight: px,\n    paddingBottom: px,\n    paddingLeft: px,\n    margin: px,\n    marginTop: px,\n    marginRight: px,\n    marginBottom: px,\n    marginLeft: px,\n    rotate: degrees,\n    rotateX: degrees,\n    rotateY: degrees,\n    rotateZ: degrees,\n    scale: scale,\n    scaleX: scale,\n    scaleY: scale,\n    scaleZ: scale,\n    skew: degrees,\n    skewX: degrees,\n    skewY: degrees,\n    distance: px,\n    translateX: px,\n    translateY: px,\n    translateZ: px,\n    x: px,\n    y: px,\n    z: px,\n    perspective: px,\n    opacity: alpha,\n    originX: progressPercentage,\n    originY: progressPercentage,\n    originZ: px,\n    zIndex: int,\n    fillOpacity: alpha,\n    strokeOpacity: alpha,\n    numOctaves: int\n};\nvar getValueType = function (key) {\n    return valueTypes[key];\n};\nvar getValueAsType = function (value, type) {\n    return type && typeof value === 'number' ? type.transform(value) : value;\n};\n\nvar SCROLL_LEFT = 'scrollLeft';\nvar SCROLL_TOP = 'scrollTop';\nvar scrollKeys = /*#__PURE__*/new Set([SCROLL_LEFT, SCROLL_TOP]);\n\nvar blacklist = /*#__PURE__*/new Set([SCROLL_LEFT, SCROLL_TOP, 'transform']);\nvar translateAlias = {\n    x: 'translateX',\n    y: 'translateY',\n    z: 'translateZ'\n};\nfunction isCustomTemplate(v) {\n    return typeof v === 'function';\n}\nfunction buildTransform(state, transform, transformKeys, transformIsDefault, enableHardwareAcceleration, allowTransformNone) {\n    if (allowTransformNone === void 0) {\n        allowTransformNone = true;\n    }\n    var transformString = '';\n    var transformHasZ = false;\n    transformKeys.sort(sortTransformProps);\n    var numTransformKeys = transformKeys.length;\n    for (var i = 0; i < numTransformKeys; i++) {\n        var key = transformKeys[i];\n        transformString += (translateAlias[key] || key) + \"(\" + transform[key] + \") \";\n        transformHasZ = key === 'z' ? true : transformHasZ;\n    }\n    if (!transformHasZ && enableHardwareAcceleration) {\n        transformString += 'translateZ(0)';\n    } else {\n        transformString = transformString.trim();\n    }\n    if (isCustomTemplate(state.transform)) {\n        transformString = state.transform(transform, transformIsDefault ? '' : transformString);\n    } else if (allowTransformNone && transformIsDefault) {\n        transformString = 'none';\n    }\n    return transformString;\n}\nfunction buildStyleProperty(state, enableHardwareAcceleration, styles, transform, transformOrigin, transformKeys, isDashCase, allowTransformNone) {\n    if (enableHardwareAcceleration === void 0) {\n        enableHardwareAcceleration = true;\n    }\n    if (styles === void 0) {\n        styles = {};\n    }\n    if (transform === void 0) {\n        transform = {};\n    }\n    if (transformOrigin === void 0) {\n        transformOrigin = {};\n    }\n    if (transformKeys === void 0) {\n        transformKeys = [];\n    }\n    if (isDashCase === void 0) {\n        isDashCase = false;\n    }\n    if (allowTransformNone === void 0) {\n        allowTransformNone = true;\n    }\n    var transformIsDefault = true;\n    var hasTransform = false;\n    var hasTransformOrigin = false;\n    for (var key in state) {\n        var value = state[key];\n        var valueType = getValueType(key);\n        var valueAsType = getValueAsType(value, valueType);\n        if (isTransformProp(key)) {\n            hasTransform = true;\n            transform[key] = valueAsType;\n            transformKeys.push(key);\n            if (transformIsDefault) {\n                if (valueType.default && value !== valueType.default || !valueType.default && value !== 0) {\n                    transformIsDefault = false;\n                }\n            }\n        } else if (isTransformOriginProp(key)) {\n            transformOrigin[key] = valueAsType;\n            hasTransformOrigin = true;\n        } else if (!blacklist.has(key) || !isCustomTemplate(valueAsType)) {\n            styles[prefixer(key, isDashCase)] = valueAsType;\n        }\n    }\n    if (hasTransform || typeof state.transform === 'function') {\n        styles.transform = buildTransform(state, transform, transformKeys, transformIsDefault, enableHardwareAcceleration, allowTransformNone);\n    }\n    if (hasTransformOrigin) {\n        styles.transformOrigin = (transformOrigin.originX || '50%') + \" \" + (transformOrigin.originY || '50%') + \" \" + (transformOrigin.originZ || 0);\n    }\n    return styles;\n}\nfunction createStyleBuilder(_a) {\n    var _b = _a === void 0 ? {} : _a,\n        _c = _b.enableHardwareAcceleration,\n        enableHardwareAcceleration = _c === void 0 ? true : _c,\n        _d = _b.isDashCase,\n        isDashCase = _d === void 0 ? true : _d,\n        _e = _b.allowTransformNone,\n        allowTransformNone = _e === void 0 ? true : _e;\n    var styles = {};\n    var transform = {};\n    var transformOrigin = {};\n    var transformKeys = [];\n    return function (state) {\n        transformKeys.length = 0;\n        buildStyleProperty(state, enableHardwareAcceleration, styles, transform, transformOrigin, transformKeys, isDashCase, allowTransformNone);\n        return styles;\n    };\n}\n\nfunction onRead(key, options) {\n    var element = options.element,\n        preparseOutput = options.preparseOutput;\n    var defaultValueType = getValueType(key);\n    if (isTransformProp(key)) {\n        return defaultValueType ? defaultValueType.default || 0 : 0;\n    } else if (scrollKeys.has(key)) {\n        return element[key];\n    } else {\n        var domValue = window.getComputedStyle(element, null).getPropertyValue(prefixer(key, true)) || 0;\n        return preparseOutput && defaultValueType && defaultValueType.test(domValue) && defaultValueType.parse ? defaultValueType.parse(domValue) : domValue;\n    }\n}\nfunction onRender(state, _a, changedValues) {\n    var element = _a.element,\n        buildStyles = _a.buildStyles,\n        hasCSSVariable = _a.hasCSSVariable;\n    Object.assign(element.style, buildStyles(state));\n    if (hasCSSVariable) {\n        var numChangedValues = changedValues.length;\n        for (var i = 0; i < numChangedValues; i++) {\n            var key = changedValues[i];\n            if (key.startsWith('--')) {\n                element.style.setProperty(key, state[key]);\n            }\n        }\n    }\n    if (changedValues.indexOf(SCROLL_LEFT) !== -1) {\n        element[SCROLL_LEFT] = state[SCROLL_LEFT];\n    }\n    if (changedValues.indexOf(SCROLL_TOP) !== -1) {\n        element[SCROLL_TOP] = state[SCROLL_TOP];\n    }\n}\nvar cssStyler = /*#__PURE__*/createStyler({\n    onRead: onRead,\n    onRender: onRender,\n    uncachedValues: scrollKeys\n});\nfunction createCssStyler(element, _a) {\n    if (_a === void 0) {\n        _a = {};\n    }\n    var enableHardwareAcceleration = _a.enableHardwareAcceleration,\n        allowTransformNone = _a.allowTransformNone,\n        props = __rest(_a, [\"enableHardwareAcceleration\", \"allowTransformNone\"]);\n    return cssStyler(__assign({ element: element, buildStyles: createStyleBuilder({\n            enableHardwareAcceleration: enableHardwareAcceleration,\n            allowTransformNone: allowTransformNone\n        }), preparseOutput: true }, props));\n}\n\nvar camelCaseAttributes = /*#__PURE__*/new Set(['baseFrequency', 'diffuseConstant', 'kernelMatrix', 'kernelUnitLength', 'keySplines', 'keyTimes', 'limitingConeAngle', 'markerHeight', 'markerWidth', 'numOctaves', 'targetX', 'targetY', 'surfaceScale', 'specularConstant', 'specularExponent', 'stdDeviation', 'tableValues']);\n\nvar defaultOrigin = 0.5;\nvar svgAttrsTemplate = function () {\n    return {\n        style: {}\n    };\n};\nvar progressToPixels = function (progress, length) {\n    return px.transform(progress * length);\n};\nvar unmeasured = { x: 0, y: 0, width: 0, height: 0 };\nfunction calcOrigin(origin, offset, size) {\n    return typeof origin === 'string' ? origin : px.transform(offset + size * origin);\n}\nfunction calculateSVGTransformOrigin(dimensions, originX, originY) {\n    return calcOrigin(originX, dimensions.x, dimensions.width) + \" \" + calcOrigin(originY, dimensions.y, dimensions.height);\n}\nvar svgStyleConfig = {\n    enableHardwareAcceleration: false,\n    isDashCase: false\n};\nfunction buildSVGAttrs(_a, dimensions, totalPathLength, cssBuilder, attrs, isDashCase) {\n    if (dimensions === void 0) {\n        dimensions = unmeasured;\n    }\n    if (cssBuilder === void 0) {\n        cssBuilder = createStyleBuilder(svgStyleConfig);\n    }\n    if (attrs === void 0) {\n        attrs = svgAttrsTemplate();\n    }\n    if (isDashCase === void 0) {\n        isDashCase = true;\n    }\n    var attrX = _a.attrX,\n        attrY = _a.attrY,\n        originX = _a.originX,\n        originY = _a.originY,\n        pathLength = _a.pathLength,\n        _b = _a.pathSpacing,\n        pathSpacing = _b === void 0 ? 1 : _b,\n        _c = _a.pathOffset,\n        pathOffset = _c === void 0 ? 0 : _c,\n        state = __rest(_a, [\"attrX\", \"attrY\", \"originX\", \"originY\", \"pathLength\", \"pathSpacing\", \"pathOffset\"]);\n    var style = cssBuilder(state);\n    for (var key in style) {\n        if (key === 'transform') {\n            attrs.style.transform = style[key];\n        } else {\n            var attrKey = isDashCase && !camelCaseAttributes.has(key) ? camelToDash(key) : key;\n            attrs[attrKey] = style[key];\n        }\n    }\n    if (originX !== undefined || originY !== undefined || style.transform) {\n        attrs.style.transformOrigin = calculateSVGTransformOrigin(dimensions, originX !== undefined ? originX : defaultOrigin, originY !== undefined ? originY : defaultOrigin);\n    }\n    if (attrX !== undefined) attrs.x = attrX;\n    if (attrY !== undefined) attrs.y = attrY;\n    if (totalPathLength !== undefined && pathLength !== undefined) {\n        attrs[isDashCase ? 'stroke-dashoffset' : 'strokeDashoffset'] = progressToPixels(-pathOffset, totalPathLength);\n        attrs[isDashCase ? 'stroke-dasharray' : 'strokeDasharray'] = progressToPixels(pathLength, totalPathLength) + \" \" + progressToPixels(pathSpacing, totalPathLength);\n    }\n    return attrs;\n}\nfunction createAttrBuilder(dimensions, totalPathLength, isDashCase) {\n    if (isDashCase === void 0) {\n        isDashCase = true;\n    }\n    var attrs = svgAttrsTemplate();\n    var cssBuilder = createStyleBuilder(svgStyleConfig);\n    return function (state) {\n        return buildSVGAttrs(state, dimensions, totalPathLength, cssBuilder, attrs, isDashCase);\n    };\n}\n\nvar getDimensions = function (element) {\n    return typeof element.getBBox === 'function' ? element.getBBox() : element.getBoundingClientRect();\n};\nvar getSVGElementDimensions = function (element) {\n    try {\n        return getDimensions(element);\n    } catch (e) {\n        return { x: 0, y: 0, width: 0, height: 0 };\n    }\n};\n\nvar isPath = function (element) {\n    return element.tagName === 'path';\n};\nvar svgStyler = /*#__PURE__*/createStyler({\n    onRead: function (key, _a) {\n        var element = _a.element;\n        key = !camelCaseAttributes.has(key) ? camelToDash(key) : key;\n        if (!isTransformProp(key)) {\n            return element.getAttribute(key);\n        } else {\n            var valueType = getValueType(key);\n            return valueType ? valueType.default || 0 : 0;\n        }\n    },\n    onRender: function (state, _a) {\n        var element = _a.element,\n            buildAttrs = _a.buildAttrs;\n        var attrs = buildAttrs(state);\n        for (var key in attrs) {\n            if (key === 'style') {\n                Object.assign(element.style, attrs.style);\n            } else {\n                element.setAttribute(key, attrs[key]);\n            }\n        }\n    }\n});\nvar svg = function (element) {\n    var dimensions = getSVGElementDimensions(element);\n    var pathLength = isPath(element) && element.getTotalLength ? element.getTotalLength() : undefined;\n    return svgStyler({\n        element: element,\n        buildAttrs: createAttrBuilder(dimensions, pathLength)\n    });\n};\n\nvar viewport = /*#__PURE__*/createStyler({\n    useCache: false,\n    onRead: function (key) {\n        return key === 'scrollTop' ? window.pageYOffset : window.pageXOffset;\n    },\n    onRender: function (_a) {\n        var _b = _a.scrollTop,\n            scrollTop = _b === void 0 ? 0 : _b,\n            _c = _a.scrollLeft,\n            scrollLeft = _c === void 0 ? 0 : _c;\n        return window.scrollTo(scrollLeft, scrollTop);\n    }\n});\n\nvar cache = /*#__PURE__*/new WeakMap();\nvar isHTMLElement = function (node) {\n    return node instanceof HTMLElement || typeof node.click === 'function';\n};\nvar isSVGElement = function (node) {\n    return node instanceof SVGElement || 'ownerSVGElement' in node;\n};\nvar createDOMStyler = function (node, props) {\n    var styler;\n    if (node === window) {\n        styler = viewport(node);\n    } else if (isHTMLElement(node)) {\n        styler = createCssStyler(node, props);\n    } else if (isSVGElement(node)) {\n        styler = svg(node);\n    }\n    invariant(styler !== undefined, 'No valid node provided. Node must be HTMLElement, SVGElement or window.');\n    cache.set(node, styler);\n    return styler;\n};\nvar getStyler = function (node, props) {\n    return cache.has(node) ? cache.get(node) : createDOMStyler(node, props);\n};\nfunction index(nodeOrSelector, props) {\n    var node = typeof nodeOrSelector === 'string' ? document.querySelector(nodeOrSelector) : nodeOrSelector;\n    return getStyler(node, props);\n}\n\nexport default index;\nexport { buildSVGAttrs, buildStyleProperty, createStyler as createStylerFactory, isTransformProp, transformProps };\n","import { animate } from 'popmotion';\nimport styler from 'stylefire';\n\nexport type FadeOptions = {\n  /** How long the animation should take in ms @default 200 */\n  duration?: number;\n};\n\nconst useFade = (\n  node: HTMLElement,\n  { duration }: FadeOptions = { duration: 200 },\n) => {\n  const nodeStyler = styler(node);\n\n  /**\n   * Will animate the opacity to 1, and removes the opacity style attribute once\n   * complete.\n   */\n  function fadeIn() {\n    return new Promise<void>(resolve => {\n      animate({\n        from: { opacity: 0 },\n        to: { opacity: 1 },\n        duration,\n        onUpdate(latest) {\n          nodeStyler.set({ opacity: latest.opacity });\n        },\n        onComplete() {\n          resolve();\n          node.style.removeProperty('opacity');\n        },\n      });\n    });\n  }\n\n  /**\n   * Applies the fadeOut styles without animating, useful when initial state\n   * is hidden.\n   */\n  function setFadeOut() {\n    node.style.opacity = '0';\n  }\n\n  /**\n   * Applies the fadeIn styles without animating, useful when initial state\n   * is visible.\n   */\n  function setFadeIn() {\n    node.style.opacity = '1';\n  }\n\n  /**\n   * Will animate the opacity to 0, once complete, the opacity style attribute\n   * will stay on the element.\n   */\n  function fadeOut() {\n    return new Promise<void>(resolve => {\n      animate({\n        from: { opacity: 1 },\n        to: { opacity: 0 },\n        duration,\n        onUpdate(latest) {\n          nodeStyler.set({ opacity: latest.opacity });\n        },\n        onComplete() {\n          resolve();\n        },\n      });\n    });\n  }\n\n  return {\n    fadeIn,\n    fadeOut,\n    setFadeOut,\n    setFadeIn,\n  };\n};\n\nexport { useFade };\n"],"mappings":"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","ignoreList":[]}

package/dist/native/{p-b32d0a5a.entry.js → p-ee516944.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as s,F as e,H as a,g as o}from"./p-d0a33e64.js";import{b as n}from"./p-51602221.js";const l="nv-dialogfooter{display:flex;padding:var(--dialog-footer-padding-top) var(--dialog-footer-padding-x) var(--dialog-footer-padding-bottom) var(--dialog-footer-padding-x);justify-content:flex-end;align-items:flex-end;gap:var(--dialog-footer-gap-y);align-self:stretch}";const r=l;const h=class{constructor(s){t(this,s);this.dialogCanceled=i(this,"dialogCanceled",7);this.dialogPrimaryClicked=i(this,"dialogPrimaryClicked",7);if(s.$hostElement$["s-ei"]){this.internals=s.$hostElement$["s-ei"]}else{this.internals=s.$hostElement$.attachInternals();s.$hostElement$["s-ei"]=this.internals}this.hasSlot=false;this.disabled=false;this.undismissable=false;this.leadingIcon="";this.trailingIcon="";this.danger=false;this.cancelLabel="Cancel";this.primaryLabel="Primary";this.handlePrimary=t=>{t.stopPropagation();this.dialogPrimaryClicked.emit()};this.handleCancel=t=>{t.stopPropagation();this.dialogCanceled.emit()}}componentWillLoad(){this.hasSlot=Array.from(this.el.childNodes).some((t=>t.nodeType===Node.ELEMENT_NODE&&!t.hasAttribute("slot")))}componentDidLoad(){this.primaryButtonType=this.primaryButtonType||this.form?n.Submit:n.Button}render(){return s(a,{key:"0868c3af73f89219eee7c006b4ddca47c6da29b0"},!this.hasSlot?s(e,null,!this.undismissable&&s("nv-button",{onClick:this.handleCancel,emphasis:"low",size:"sm"},this.cancelLabel),s("nv-button",{onClick:this.handlePrimary,disabled:this.disabled,danger:this.danger,size:"sm",emphasis:"high",form:this.form,type:this.primaryButtonType},this.leadingIcon&&s("nv-icon",{slot:"leading-icon",name:this.leadingIcon,size:"sm"}),this.primaryLabel,this.trailingIcon&&s("nv-icon",{slot:"trailing-icon",name:this.trailingIcon,size:"sm"}))):s("slot",null))}static get formAssociated(){return true}get el(){return o(this)}};h.style=r;const d='nv-dialogheader{padding:var(--dialog-header-padding-top) var(--dialog-header-padding-x) var(--dialog-header-padding-bottom) var(--dialog-header-padding-x);justify-content:space-between;align-items:flex-start;align-self:stretch}nv-dialogheader .heading{color:var(--color-content-high-text);font-family:"TT Norms Pro", sans-serif;font-size:var(--font-size-lg);font-style:normal;font-weight:500;padding-right:var(--spacing-7);line-height:var(--leading-px-6);letter-spacing:var(--letter-spacing-heading-xs)}nv-dialogheader .subheading{color:var(--color-content-low-text);font-family:"TT Norms Pro", sans-serif;font-size:var(--font-size-sm);font-style:normal;font-weight:400;line-height:var(--line-height-sm);}';const g=d;const c=class{constructor(i){t(this,i);this.hasSlot=false;this.heading="Dialog Title"}componentWillLoad(){this.hasSlot=Array.from(this.el.childNodes).some((t=>t.nodeType===Node.ELEMENT_NODE&&!t.hasAttribute("slot")))}render(){return s(a,{key:"f91a9aea8aa7116266f52bb356ef2ec493df6354"},!this.hasSlot?s(e,null,s("div",{class:"heading"},this.heading),s("div",{class:"subheading"},this.subheading)):s("slot",null))}get el(){return o(this)}};c.style=g;export{h as nv_dialogfooter,c as nv_dialogheader};
-//# sourceMappingURL=p-b32d0a5a.entry.js.map
+import{r as t,c as i,h as s,F as e,H as a,g as o}from"./p-d0a33e64.js";import{b as n}from"./p-2277cfc8.js";const l="nv-dialogfooter{display:flex;padding:var(--dialog-footer-padding-top) var(--dialog-footer-padding-x) var(--dialog-footer-padding-bottom) var(--dialog-footer-padding-x);justify-content:flex-end;align-items:flex-end;gap:var(--dialog-footer-gap-y);align-self:stretch}";const r=l;const h=class{constructor(s){t(this,s);this.dialogCanceled=i(this,"dialogCanceled",7);this.dialogPrimaryClicked=i(this,"dialogPrimaryClicked",7);if(s.$hostElement$["s-ei"]){this.internals=s.$hostElement$["s-ei"]}else{this.internals=s.$hostElement$.attachInternals();s.$hostElement$["s-ei"]=this.internals}this.hasSlot=false;this.disabled=false;this.undismissable=false;this.leadingIcon="";this.trailingIcon="";this.danger=false;this.cancelLabel="Cancel";this.primaryLabel="Primary";this.handlePrimary=t=>{t.stopPropagation();this.dialogPrimaryClicked.emit()};this.handleCancel=t=>{t.stopPropagation();this.dialogCanceled.emit()}}componentWillLoad(){this.hasSlot=Array.from(this.el.childNodes).some((t=>t.nodeType===Node.ELEMENT_NODE&&!t.hasAttribute("slot")))}componentDidLoad(){this.primaryButtonType=this.primaryButtonType||this.form?n.Submit:n.Button}render(){return s(a,{key:"0868c3af73f89219eee7c006b4ddca47c6da29b0"},!this.hasSlot?s(e,null,!this.undismissable&&s("nv-button",{onClick:this.handleCancel,emphasis:"low",size:"sm"},this.cancelLabel),s("nv-button",{onClick:this.handlePrimary,disabled:this.disabled,danger:this.danger,size:"sm",emphasis:"high",form:this.form,type:this.primaryButtonType},this.leadingIcon&&s("nv-icon",{slot:"leading-icon",name:this.leadingIcon,size:"sm"}),this.primaryLabel,this.trailingIcon&&s("nv-icon",{slot:"trailing-icon",name:this.trailingIcon,size:"sm"}))):s("slot",null))}static get formAssociated(){return true}get el(){return o(this)}};h.style=r;const d='nv-dialogheader{padding:var(--dialog-header-padding-top) var(--dialog-header-padding-x) var(--dialog-header-padding-bottom) var(--dialog-header-padding-x);justify-content:space-between;align-items:flex-start;align-self:stretch}nv-dialogheader .heading{color:var(--color-content-high-text);font-family:"TT Norms Pro", sans-serif;font-size:var(--font-size-lg);font-style:normal;font-weight:500;padding-right:var(--spacing-7);line-height:var(--leading-px-6);letter-spacing:var(--letter-spacing-heading-xs)}nv-dialogheader .subheading{color:var(--color-content-low-text);font-family:"TT Norms Pro", sans-serif;font-size:var(--font-size-sm);font-style:normal;font-weight:400;line-height:var(--line-height-sm);}';const g=d;const c=class{constructor(i){t(this,i);this.hasSlot=false;this.heading="Dialog Title"}componentWillLoad(){this.hasSlot=Array.from(this.el.childNodes).some((t=>t.nodeType===Node.ELEMENT_NODE&&!t.hasAttribute("slot")))}render(){return s(a,{key:"f91a9aea8aa7116266f52bb356ef2ec493df6354"},!this.hasSlot?s(e,null,s("div",{class:"heading"},this.heading),s("div",{class:"subheading"},this.subheading)):s("slot",null))}get el(){return o(this)}};c.style=g;export{h as nv_dialogfooter,c as nv_dialogheader};
+//# sourceMappingURL=p-ee516944.entry.js.map

package/dist/native/{p-e2c99ce2.entry.js → p-f5eb047e.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as a,H as s}from"./p-d0a33e64.js";import{c as n}from"./p-8a1a6e56.js";const c="nv-stack{display:flex;align-items:center;justify-content:flex-start;flex-direction:row}nv-stack nv-col{display:flex}nv-stack:not(nv-row){flex-wrap:nowrap}nv-stack>.nv-stack-item-flex{flex-shrink:1;flex-grow:1}nv-stack>.nv-stack-item-lead{margin-right:auto}nv-stack>.nv-stack-item-lead+*{margin-left:0}nv-stack>.nv-stack-item-center{margin-right:auto;margin-left:auto}nv-stack>.nv-stack-item-tail{margin-left:auto}nv-stack>.nv-stack-nowrap{white-space:nowrap}nv-stack.nv-stack-vertical{align-items:stretch;flex-direction:column}nv-stack.nv-stack-vertical>.nv-stack-item-lead{margin-right:0;margin-bottom:auto}nv-stack.nv-stack-vertical>.nv-stack-item-lead+*{margin-top:0}nv-stack.nv-stack-vertical>.nv-stack-item-tail{margin-left:0;margin-top:auto}nv-stack.nv-stack-vertical>.nv-stack-item-center{margin:auto 0}nv-stack.nv-stack-flex>*{flex-shrink:1;flex-grow:1}nv-stack.nv-stack-fill>*{height:100%}nv-stack.nv-stack-fill.nv-stack-vertical>*{height:auto;width:100%}";const i=c;const e=class{constructor(a){t(this,a);this.gutter=2}render(){return a(s,{key:"8f771805224c769b5a87f5c550ddbcb8f888d002",class:n(this.fill&&"nv-stack-fill",this.flex&&"nv-stack-flex",this.full&&"w-full",this.gutter&&!this.vertical&&`gap-x-${this.gutter}`,this.gutter&&this.vertical&&`gap-y-${this.gutter}`,this.vertical&&"nv-stack-vertical")},a("slot",{key:"6fcd46cfd74415d2f07c762b065e3aa0f0194764"}))}};e.style=i;export{e as nv_stack};
-//# sourceMappingURL=p-e2c99ce2.entry.js.map
+import{r as t,h as a,H as s}from"./p-d0a33e64.js";import{c as n}from"./p-8a1a6e56.js";const c="nv-stack{display:flex;align-items:center;justify-content:flex-start;flex-direction:row}nv-stack nv-col{display:flex}nv-stack:not(nv-row){flex-wrap:nowrap}nv-stack>.nv-stack-item-flex{flex-shrink:1;flex-grow:1}nv-stack>.nv-stack-item-lead{margin-right:auto}nv-stack>.nv-stack-item-lead+*{margin-left:0}nv-stack>.nv-stack-item-center{margin-right:auto;margin-left:auto}nv-stack>.nv-stack-item-tail{margin-left:auto}nv-stack>.nv-stack-nowrap{white-space:nowrap}nv-stack.nv-stack-vertical{align-items:stretch;flex-direction:column}nv-stack.nv-stack-vertical>.nv-stack-item-lead{margin-right:0;margin-bottom:auto}nv-stack.nv-stack-vertical>.nv-stack-item-lead+*{margin-top:0}nv-stack.nv-stack-vertical>.nv-stack-item-tail{margin-left:0;margin-top:auto}nv-stack.nv-stack-vertical>.nv-stack-item-center{margin:auto 0}nv-stack.nv-stack-flex>*{flex-shrink:1;flex-grow:1}nv-stack.nv-stack-fill>*{height:100%}nv-stack.nv-stack-fill.nv-stack-vertical>*{height:auto;width:100%}";const e=c;const i=class{constructor(a){t(this,a);this.gutter=2}render(){return a(s,{key:"66123f22ad4a6ebefe8663c795274eb900d2c178",class:n(this.fill&&"nv-stack-fill",this.flex&&"nv-stack-flex",this.full&&"w-full",this.gutter&&!this.vertical&&`gap-x-${this.gutter}`,this.gutter&&this.vertical&&`gap-y-${this.gutter}`,this.vertical&&"nv-stack-vertical")},a("slot",{key:"7b3d395c3490664f0e2f337a04f69cc717ed6c0e"}))}};i.style=e;export{i as nv_stack};
+//# sourceMappingURL=p-f5eb047e.entry.js.map

package/dist/native/p-fb560fa3.js

@@ -0,0 +1,2 @@
+import{i as o}from"./p-ee0df37f.js";import{a as t}from"./p-42ea6b74.js";const e=(e,{duration:n=200,amount:a=.8,hasFade:r=true}={})=>{const s=o(e);function i(){return new Promise((o=>{t({from:{opacity:r?0:1,scale:a},to:{opacity:1,scale:1},duration:n,onUpdate(o){const t={scale:o.scale};if(r){t["opacity"]=o.opacity}s.set(t)},onComplete(){o();if(r){e.style.removeProperty("opacity")}e.style.removeProperty("transform")}})}))}function c(){e.style.transform=`scale(${a})`;if(r){e.style.opacity="0"}}function f(){e.style.transform=`scale(1)`;if(r){e.style.opacity="1"}}function u(){return new Promise((o=>{t({from:{opacity:1,scale:1},to:{opacity:r?0:1,scale:a},duration:n,onUpdate(o){const t={scale:o.scale};if(r){t["opacity"]=o.opacity}s.set(t)},onComplete(){o()}})}))}return{growIn:i,growOut:u,setGrowOut:c,setGrowIn:f}};export{e as u};
+//# sourceMappingURL=p-fb560fa3.js.map

package/dist/types/animations/slide.animation.d.ts

@@ -3,20 +3,9 @@ export type SlideOptions = {
     duration?: number;
 };
 declare const useSlide: (node: HTMLElement, { duration }?: SlideOptions) => {
-    slideX: (options?: {
-        /** The starting percentage for the translateX property. */
-        from: number;
-        /** The ending percentage for the translateX property. */
-        to: number;
-    }) => () => Promise<void>;
-    slideY: (options?: {
-        /** The starting percentage for the translateY property. */
-        from: number;
-        /** The ending percentage for the translateY property. */
-        to: number;
-    }) => () => Promise<void>;
-    setSlideX: (amount?: number) => import("stylefire").Styler;
-    setSlideY: (amount?: number) => import("stylefire").Styler;
-    setSlideReset: () => void;
+    slideIn: () => Promise<void>;
+    slideOut: () => Promise<void>;
+    setSlideOut: () => void;
+    setSlideIn: () => void;
 };
 export { useSlide };

package/dist/types/components/nv-badge/nv-badge.d.ts

@@ -4,7 +4,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * @slot default - for custom content, for pure text use label instead.
  */
 export declare class NvBadge {
-    el: HTMLNvBadgeElement;
+    ref: HTMLNvBadgeElement;
     /****************************************************************************/
     /**
      * Whether the badge is dismissible.

package/dist/types/components/nv-icon/nv-icons.d.ts

@@ -1,3 +1,3 @@
 /** Available icons */
-export declare const iconNames: readonly ["access-point-off", "access-point", "accessible", "activity", "address-book", "adjustments-horizontal", "adjustments-up", "adjustments", "affiliate", "air-conditioning", "alert-circle", "alert-triangle", "align-center", "align-left", "align-right", "app-window", "apps", "archive", "areas", "arrow-back-up", "arrow-back", "arrow-down-left", "arrow-down-right", "arrow-down", "arrow-forward-up", "arrow-forward", "arrow-left", "arrow-right", "arrow-up-left", "arrow-up-right", "arrow-up", "arrows-exchange", "arrows-maximize", "arrows-minimize", "arrows-move", "aspect-ratio", "atom", "ban", "basket", "battery-1", "battery-2", "battery-3", "battery-4", "battery-automotive", "battery-charging", "battery-eco", "battery-off", "battery", "bell-off", "bell-ringing", "bell", "bike", "bluetooth-connected", "bluetooth-off", "bluetooth", "bolt-off", "bolt", "book", "bookmark-off", "bookmark", "bookmarks", "box-align-top", "box-multiple", "briefcase", "brightness-down", "brightness-up", "browser-check", "browser-plus", "browser-x", "browser", "brush", "building-bank", "building-factory", "building-lighthouse", "building-store", "building", "bulb-off", "bulb", "cake", "calendar-time", "calendar", "camera-off", "camera", "car-crane", "car", "caravan", "cash-banknote", "cash", "cast", "cell", "charging-pile", "chart-arcs", "chart-area-line", "chart-area", "chart-arrows-vertical", "chart-arrows", "chart-bar", "chart-bubble", "chart-circles", "chart-donut", "chart-dots", "chart-line", "chart-pie", "chart-radar", "check", "checkbox", "checklist", "checks", "chevron-down", "chevron-left", "chevron-right", "chevron-top", "chevrons-left", "chevrons-right", "circle-caret-right", "circle-check", "circle-x", "circuit-alternate", "circuit-ground-digital", "clipboard-check", "clipboard-list", "clipboard-plus", "clipboard-text", "clipboard-x", "clipboard", "clock-edit", "clock", "cloud-data-connection", "cloud-download", "cloud-rain", "cloud-snow", "cloud-upload", "cloud", "color-picker", "color-swatch", "compass", "contract", "cookie", "copy", "cpu", "crane", "credit-card", "crop", "cross", "crown", "currency-bitcoin", "currency-dollar", "currency-ethereum", "currency-euro", "cut", "dashboard", "database", "device-desktop", "device-floppy", "device-gamepad", "device-laptop", "device-mobile-rotated", "device-mobile", "device-tablet", "device-watch", "devices", "dialpad", "direction-horizontal", "direction-sign", "direction", "discount", "door-enter", "door-exit", "door-off", "dots-vertical", "dots", "download", "drone", "droplet-filled", "droplet-half", "droplet", "droplets", "edit", "empty", "engine", "eraser-off", "eraser", "external-link", "eye-off", "eye", "face-id", "feather", "file-alert", "file-analytics", "file-check", "file-code", "file-download", "file-export", "file-horizontal", "file-import", "file-plus", "file-search", "file-text-bookmark", "file-text", "file-type-bmp", "file-type-css", "file-type-csv", "file-type-doc", "file-type-html", "file-type-jpg", "file-type-js", "file-type-pdf", "file-type-png", "file-type-ppt", "file-type-xls", "file-type-xml", "file-type-zip", "file-upload", "file-x", "file-zip", "file", "files-off", "files", "filter-off", "filter-sort", "filter", "fingerprint", "fire-extinguisher", "flag", "flame", "flip-horizontal", "flip-vertical", "folder-minus", "folder-off", "folder-plus", "folder-x", "folder", "folders", "frame", "gas-station", "gauge-off", "gauge", "gift", "gps", "grid-dots", "grip-horizontal", "grip-vertical", "hand-stop", "hand-waving", "hash", "haze", "headphones-off", "headphones", "headset", "heart-off", "heart", "heartbeat", "helicopter", "helmet-swopp", "helmet", "help", "history", "home", "hourglass-empty", "hourglass-high", "hourglass-low", "hourglass-off", "hourglass", "inbox", "info-circle", "keyboard-hide", "keyboard-show", "keyboard", "layout-board-split", "layout-dashboard", "layout-grid", "layout-sidebar-left-collapse", "layout-sidebar-left-expand", "layout-sidebar-right-collapse", "layout-sidebar-right-expand", "layout", "leaf", "lifebuoy", "link", "list-search", "list", "loader", "location", "lock-off", "lock-open", "lock", "login", "logout", "mail-forward", "mail-opened", "mail", "map-pin-2", "map-pin-off", "map-pin", "map", "menu", "message-dots", "message-off", "message", "messages", "microphone-off", "microphone", "minus", "mist", "moon", "motorbike", "mouse", "movie", "network", "news", "note", "notebook", "notes", "offshore-station", "package", "palette", "paperclip", "pencil", "phone-call", "phone-calling", "phone-check", "phone-incoming", "phone-off", "phone-outgoing", "phone", "photo-off", "photo", "pig", "pin", "pinned-off", "pinned", "plane-off", "plane", "plant", "player-pause", "player-play", "player-skip-back", "player-skip-forward", "player-stop", "player-track-next", "player-track-prev", "plug-connected", "plug", "plus", "power-ac", "power-dc", "power", "presentation-analytics", "presentation", "printer", "propeller", "published", "puzzle-2", "puzzle", "pylon", "qrcode", "radar", "radio", "radioactive", "receipt-dollar", "receipt-euro", "receipt", "recharging", "recycle", "refresh-alert", "refresh-off", "refresh", "repeat-once", "repeat", "replace", "report-analytics", "report-medical", "report-search", "report", "ripple-off", "ripple", "rocket", "rotate-2", "rotate-clockwise-2", "rotate-clockwise", "rotate-dot", "rotate", "router", "ruler-measure", "sailboat", "satellite", "scale", "school", "scissors", "scooter-electric", "screenshot", "search", "seeding", "select", "selector", "send", "server", "settings", "shape", "share-2", "share", "shield-check", "shield-lock", "shield-off", "shield-x", "shield", "ship-off", "ship", "shopping-cart", "slash", "smart-home", "snowflake", "solar-panel", "sort-ascending-letters", "sort-ascending-numbers", "sort-descending-letters", "sort-descending-numbers", "spacing-horizontal", "spacing-vertical", "speakerphone", "stack", "stairs", "star", "sun", "sunrise", "sunset", "switch-horizontal", "switch-vertical", "table", "tag", "tank-empty-fill", "tank-full-fill", "tank-medium-fill", "temperature-off", "temperature", "template", "terminal", "text-size", "text", "thumb-down", "thumb-up", "ticket", "timeline", "tir", "tool", "tools", "train", "trash-off", "trash", "tree", "trees", "truck-delivery", "truck", "umbrella", "unlink", "upload", "user-circle", "user-exclamation", "user-minus", "user-off", "user-plus", "user-worker", "user", "users", "versions", "video-minus", "video-off", "video-plus", "video", "volume-2", "volume-3", "volume", "wallet", "wand", "wave", "waves", "wifi-off", "wifi", "wind-direction", "wind", "wood", "world", "writing", "x", "zoom-reset"];
+export declare const iconNames: readonly ["access-point-off", "access-point", "accessible", "activity", "address-book", "adjustments-horizontal", "adjustments-up", "adjustments", "affiliate", "air-conditioning", "alert-circle", "alert-triangle", "align-center", "align-left", "align-right", "app-window", "apps", "archive", "areas", "arrow-back-up", "arrow-back", "arrow-down-left", "arrow-down-right", "arrow-down", "arrow-forward-up", "arrow-forward", "arrow-left", "arrow-right", "arrow-up-left", "arrow-up-right", "arrow-up", "arrows-exchange", "arrows-maximize", "arrows-minimize", "arrows-move", "aspect-ratio", "atom", "ban", "basket", "battery-1", "battery-2", "battery-3", "battery-4", "battery-automotive", "battery-charging", "battery-eco", "battery-off", "battery", "bell-off", "bell-ringing", "bell", "bike", "bluetooth-connected", "bluetooth-off", "bluetooth", "bolt-off", "bolt", "book", "bookmark-off", "bookmark", "bookmarks", "box-align-top", "box-multiple", "briefcase", "brightness-down", "brightness-up", "browser-check", "browser-plus", "browser-x", "browser", "brush", "building-bank", "building-factory", "building-lighthouse", "building-store", "building", "bulb-off", "bulb", "cake", "calendar-time", "calendar", "camera-off", "camera", "car-crane", "car", "caravan", "cash-banknote", "cash", "cast", "cell", "charging-pile", "chart-arcs", "chart-area-line", "chart-area", "chart-arrows-vertical", "chart-arrows", "chart-bar", "chart-bubble", "chart-circles", "chart-donut", "chart-dots", "chart-line", "chart-pie", "chart-radar", "check", "checkbox", "checklist", "checks", "chevron-down", "chevron-left", "chevron-right", "chevron-top", "chevrons-left", "chevrons-right", "circle-caret-right", "circle-check", "circle-x", "circuit-alternate", "circuit-ground-digital", "clipboard-check", "clipboard-list", "clipboard-plus", "clipboard-text", "clipboard-x", "clipboard", "clock-edit", "clock", "cloud-data-connection", "cloud-download", "cloud-rain", "cloud-snow", "cloud-upload", "cloud", "color-picker", "color-swatch", "compass", "contract", "cookie", "copy", "cpu", "crane", "credit-card", "crop", "cross", "crown", "currency-bitcoin", "currency-dollar", "currency-ethereum", "currency-euro", "cut", "dashboard", "database", "device-desktop", "device-floppy", "device-gamepad", "device-laptop", "device-mobile-rotated", "device-mobile", "device-tablet", "device-watch", "devices", "dialpad", "direction-horizontal", "direction-sign", "direction", "discount", "door-enter", "door-exit", "door-off", "dots-vertical", "dots", "download", "drone", "droplet-filled", "droplet-half", "droplet", "droplets", "edit", "empty", "engine", "equal-not", "eraser-off", "eraser", "external-link", "eye-off", "eye", "face-id", "feather", "file-alert", "file-analytics", "file-check", "file-code", "file-download", "file-export", "file-horizontal", "file-import", "file-plus", "file-search", "file-text-bookmark", "file-text", "file-type-bmp", "file-type-css", "file-type-csv", "file-type-doc", "file-type-html", "file-type-jpg", "file-type-js", "file-type-pdf", "file-type-png", "file-type-ppt", "file-type-xls", "file-type-xml", "file-type-zip", "file-upload", "file-x", "file-zip", "file", "files-off", "files", "filter-off", "filter-sort", "filter", "fingerprint", "fire-extinguisher", "flag", "flame", "flip-horizontal", "flip-vertical", "folder-minus", "folder-off", "folder-plus", "folder-x", "folder", "folders", "frame", "gas-station", "gauge-off", "gauge", "gift", "git-branch", "gps", "grid-dots", "grip-horizontal", "grip-vertical", "hand-stop", "hand-waving", "hash", "haze", "headphones-off", "headphones", "headset", "heart-off", "heart", "heartbeat", "helicopter", "helmet-swopp", "helmet", "help", "history", "home", "hourglass-empty", "hourglass-high", "hourglass-low", "hourglass-off", "hourglass", "inbox", "info-circle", "keyboard-hide", "keyboard-show", "keyboard", "layout-board-split", "layout-dashboard", "layout-grid", "layout-sidebar-left-collapse", "layout-sidebar-left-expand", "layout-sidebar-right-collapse", "layout-sidebar-right-expand", "layout", "leaf", "lifebuoy", "link", "list-search", "list", "loader", "location", "lock-off", "lock-open", "lock", "login", "logout", "mail-forward", "mail-opened", "mail", "map-pin-2", "map-pin-off", "map-pin", "map", "menu", "message-dots", "message-off", "message", "messages", "microphone-off", "microphone", "minus", "mist", "moon", "motorbike", "mouse", "movie", "network", "news", "note", "notebook", "notes", "offshore-station", "package", "palette", "paperclip", "pencil", "phone-call", "phone-calling", "phone-check", "phone-incoming", "phone-off", "phone-outgoing", "phone", "photo-off", "photo", "pig", "pin", "pinned-off", "pinned", "plane-off", "plane", "plant", "player-pause", "player-play", "player-skip-back", "player-skip-forward", "player-stop", "player-track-next", "player-track-prev", "plug-connected", "plug", "plus", "power-ac", "power-dc", "power", "presentation-analytics", "presentation", "printer", "propeller", "published", "puzzle-2", "puzzle", "pylon", "qrcode", "radar", "radio", "radioactive", "receipt-dollar", "receipt-euro", "receipt", "recharging", "recycle", "refresh-alert", "refresh-off", "refresh", "repeat-once", "repeat", "replace", "report-analytics", "report-medical", "report-search", "report", "ripple-off", "ripple", "rocket", "rotate-2", "rotate-clockwise-2", "rotate-clockwise", "rotate-dot", "rotate", "router", "ruler-measure", "sailboat", "satellite", "scale", "school", "scissors", "scooter-electric", "screenshot", "search", "seeding", "select", "selector", "send", "server", "settings", "shape", "share-2", "share", "shield-check", "shield-lock", "shield-off", "shield-x", "shield", "ship-off", "ship", "shopping-cart", "slash", "smart-home", "snowflake", "solar-panel", "sort-ascending-letters", "sort-ascending-numbers", "sort-descending-letters", "sort-descending-numbers", "spacing-horizontal", "spacing-vertical", "speakerphone", "stack", "stairs", "star", "sun", "sunrise", "sunset", "switch-horizontal", "switch-vertical", "table", "tag", "tank-empty-fill", "tank-full-fill", "tank-medium-fill", "temperature-off", "temperature", "template", "terminal", "text-size", "text", "thumb-down", "thumb-up", "ticket", "timeline", "tir", "tool", "tools", "train", "trash-off", "trash", "tree", "trees", "truck-delivery", "truck", "umbrella", "unlink", "upload", "user-circle", "user-exclamation", "user-minus", "user-off", "user-plus", "user-worker", "user", "users", "versions", "video-minus", "video-off", "video-plus", "video", "volume-2", "volume-3", "volume", "wallet", "wand", "wave", "waves", "wifi-off", "wifi", "wind-direction", "windmill", "wood", "world", "writing", "x", "zoom-reset"];
 export type IconName = (typeof iconNames)[number];

package/dist/types/components/nv-notification/nv-notification.d.ts

@@ -50,24 +50,8 @@ export declare class NvNotification {
      * Controls the visibility of the notification.
      */
     hidden: boolean;
-    /**
-     * When true, the notification will be hidden initially, but internal changes
-     * will not be in a controlled state. Good for animating the notification in.
-     */
-    readonly initiallyHidden: boolean;
     /****************************************************************************/
-    /**
-     * Dismisses the notification with an animation, after the animation is
-     * complete, the hiddenChanged event will be emitted with the value of true,
-     * and the hidden prop will be set to true.
-     */
     dismiss(): Promise<void>;
-    /**
-     * Sets the hidden prop to false, and shows the notification with an
-     * animation, after the animation is complete, the hiddenChanged event will be
-     * emitted with the value of false.
-     */
-    show(): Promise<void>;
     /****************************************************************************/
     /**
      * Emits when the 'hidden' prop changes, reflecting a change in visibility.
@@ -83,8 +67,6 @@ export declare class NvNotification {
     private getAriaLive;
     private getHeadingId;
     private getMessageId;
-    private showAnimation;
-    private getSlideDestination;
     private dismissAnimation;
     /****************************************************************************/
     componentWillLoad(): void;

package/dist/types/components.d.ts

@@ -5,13 +5,13 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { ButtonEmphasis, ButtonSize, ButtonType, DeprecatedSemanticColors, FeedbackColors, GlobalFilterPosition, IconButtonShape, LabelPlacement, LoaderColors, NotificationEmphasis, NotificationPosition, SemanticSizes, TextInputAutocomplete, ToggleButtonEmphasis, ToggleButtonSize } from "./utils/constants";
+import { ButtonEmphasis, ButtonSize, ButtonType, DeprecatedSemanticColors, FeedbackColors, GlobalFilterPosition, IconButtonShape, LabelPlacement, LoaderColors, NotificationEmphasis, SemanticSizes, TextInputAutocomplete, ToggleButtonEmphasis, ToggleButtonSize } from "./utils/constants";
 import { Column } from "./interfaces/Column";
 import { Element } from "./stencil-public-runtime";
 import { IconName } from "./components/nv-icon/nv-icons";
 import { Placement, Strategy } from "@floating-ui/dom";
 import { ColumnConfig } from "./interfaces/ColumnConfig";
-export { ButtonEmphasis, ButtonSize, ButtonType, DeprecatedSemanticColors, FeedbackColors, GlobalFilterPosition, IconButtonShape, LabelPlacement, LoaderColors, NotificationEmphasis, NotificationPosition, SemanticSizes, TextInputAutocomplete, ToggleButtonEmphasis, ToggleButtonSize } from "./utils/constants";
+export { ButtonEmphasis, ButtonSize, ButtonType, DeprecatedSemanticColors, FeedbackColors, GlobalFilterPosition, IconButtonShape, LabelPlacement, LoaderColors, NotificationEmphasis, SemanticSizes, TextInputAutocomplete, ToggleButtonEmphasis, ToggleButtonSize } from "./utils/constants";
 export { Column } from "./interfaces/Column";
 export { Element } from "./stencil-public-runtime";
 export { IconName } from "./components/nv-icon/nv-icons";
@@ -2526,7 +2526,7 @@ export namespace Components {
     }
     interface NvNotification {
         /**
-          * Dismisses the notification with an animation, after the animation is complete, the hiddenChanged event will be emitted with the value of true, and the hidden prop will be set to true.
+          * *************************************************************************
          */
         "dismiss": () => Promise<void>;
         /**
@@ -2553,37 +2553,15 @@ export namespace Components {
           * Icon associated with the notification, defaults vary based on the feedback type.
          */
         "icon": string;
-        /**
-          * When true, the notification will be hidden initially, but internal changes will not be in a controlled state. Good for animating the notification in.
-         */
-        "initiallyHidden": boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "initially-hidden"?: boolean;
         /**
           * Main content for the notification. For more complex content, use the content slot instead.
          */
         "message": string;
-        /**
-          * Sets the hidden prop to false, and shows the notification with an animation, after the animation is complete, the hiddenChanged event will be emitted with the value of false.
-         */
-        "show": () => Promise<void>;
         /**
           * Set a unique ID for the notification. Used for aria attributes and managing multiple notifications.
          */
         "uid": string;
     }
-    /**
-     * @deprecated [EXPERIMENTAL]
-     * @experimental - Container for notifications TODO: add animations etc...
-     */
-    interface NvNotificationcontainer {
-        /**
-          * Position of the notification container on the screen.
-         */
-        "position": `${NotificationPosition}`;
-    }
     interface NvPopover {
         /**
           * Disables the automatic flipping of the popover when the trigger element is out of the viewport. The popover will flip automatically by default.
@@ -3622,16 +3600,6 @@ declare global {
         prototype: HTMLNvNotificationElement;
         new (): HTMLNvNotificationElement;
     };
-    /**
-     * @deprecated [EXPERIMENTAL]
-     * @experimental - Container for notifications TODO: add animations etc...
-     */
-    interface HTMLNvNotificationcontainerElement extends Components.NvNotificationcontainer, HTMLStencilElement {
-    }
-    var HTMLNvNotificationcontainerElement: {
-        prototype: HTMLNvNotificationcontainerElement;
-        new (): HTMLNvNotificationcontainerElement;
-    };
     interface HTMLNvPopoverElementEventMap {
         "openChanged": boolean;
     }
@@ -3816,7 +3784,6 @@ declare global {
         "nv-menu": HTMLNvMenuElement;
         "nv-menuitem": HTMLNvMenuitemElement;
         "nv-notification": HTMLNvNotificationElement;
-        "nv-notificationcontainer": HTMLNvNotificationcontainerElement;
         "nv-popover": HTMLNvPopoverElement;
         "nv-row": HTMLNvRowElement;
         "nv-stack": HTMLNvStackElement;
@@ -6520,14 +6487,6 @@ declare namespace LocalJSX {
           * Icon associated with the notification, defaults vary based on the feedback type.
          */
         "icon"?: string;
-        /**
-          * When true, the notification will be hidden initially, but internal changes will not be in a controlled state. Good for animating the notification in.
-         */
-        "initiallyHidden"?: boolean;
-        /**
-         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
-         */
-        "initially-hidden"?: boolean;
         /**
           * Main content for the notification. For more complex content, use the content slot instead.
          */
@@ -6542,16 +6501,6 @@ declare namespace LocalJSX {
          */
         "uid"?: string;
     }
-    /**
-     * @deprecated [EXPERIMENTAL]
-     * @experimental - Container for notifications TODO: add animations etc...
-     */
-    interface NvNotificationcontainer {
-        /**
-          * Position of the notification container on the screen.
-         */
-        "position"?: `${NotificationPosition}`;
-    }
     interface NvPopover {
         /**
           * Disables the automatic flipping of the popover when the trigger element is out of the viewport. The popover will flip automatically by default.
@@ -6922,7 +6871,6 @@ declare namespace LocalJSX {
         "nv-menu": NvMenu;
         "nv-menuitem": NvMenuitem;
         "nv-notification": NvNotification;
-        "nv-notificationcontainer": NvNotificationcontainer;
         "nv-popover": NvPopover;
         "nv-row": NvRow;
         "nv-stack": NvStack;
@@ -6984,11 +6932,6 @@ declare module "@stencil/core" {
             "nv-menu": LocalJSX.NvMenu & JSXBase.HTMLAttributes<HTMLNvMenuElement>;
             "nv-menuitem": LocalJSX.NvMenuitem & JSXBase.HTMLAttributes<HTMLNvMenuitemElement>;
             "nv-notification": LocalJSX.NvNotification & JSXBase.HTMLAttributes<HTMLNvNotificationElement>;
-            /**
-             * @deprecated [EXPERIMENTAL]
-             * @experimental - Container for notifications TODO: add animations etc...
-             */
-            "nv-notificationcontainer": LocalJSX.NvNotificationcontainer & JSXBase.HTMLAttributes<HTMLNvNotificationcontainerElement>;
             "nv-popover": LocalJSX.NvPopover & JSXBase.HTMLAttributes<HTMLNvPopoverElement>;
             "nv-row": LocalJSX.NvRow & JSXBase.HTMLAttributes<HTMLNvRowElement>;
             /**