npm - @nanoporetech-digital/components - Versions diffs - 6.1.0 → 6.2.0 - Mend

@nanoporetech-digital/components 6.1.0 → 6.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (239) hide show

package/dist/components/nano-animation.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"nano-animation.js","mappings":"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","names":["NanoAnimation"],"sources":["./src/components/animation/animations/attention_seekers/bounce.js","./src/components/animation/animations/attention_seekers/flash.js","./src/components/animation/animations/attention_seekers/headShake.js","./src/components/animation/animations/attention_seekers/heartBeat.js","./src/components/animation/animations/attention_seekers/jello.js","./src/components/animation/animations/attention_seekers/pulse.js","./src/components/animation/animations/attention_seekers/rubberBand.js","./src/components/animation/animations/attention_seekers/shake.js","./src/components/animation/animations/attention_seekers/shakeX.js","./src/components/animation/animations/attention_seekers/shakeY.js","./src/components/animation/animations/attention_seekers/swing.js","./src/components/animation/animations/attention_seekers/tada.js","./src/components/animation/animations/attention_seekers/wobble.js","./src/components/animation/animations/back_entrances/backInDown.js","./src/components/animation/animations/back_entrances/backInLeft.js","./src/components/animation/animations/back_entrances/backInRight.js","./src/components/animation/animations/back_entrances/backInUp.js","./src/components/animation/animations/back_exits/backOutDown.js","./src/components/animation/animations/back_exits/backOutLeft.js","./src/components/animation/animations/back_exits/backOutRight.js","./src/components/animation/animations/back_exits/backOutUp.js","./src/components/animation/animations/bouncing_entrances/bounceIn.js","./src/components/animation/animations/bouncing_entrances/bounceInDown.js","./src/components/animation/animations/bouncing_entrances/bounceInLeft.js","./src/components/animation/animations/bouncing_entrances/bounceInRight.js","./src/components/animation/animations/bouncing_entrances/bounceInUp.js","./src/components/animation/animations/bouncing_exits/bounceOut.js","./src/components/animation/animations/bouncing_exits/bounceOutDown.js","./src/components/animation/animations/bouncing_exits/bounceOutLeft.js","./src/components/animation/animations/bouncing_exits/bounceOutRight.js","./src/components/animation/animations/bouncing_exits/bounceOutUp.js","./src/components/animation/animations/fading_entrances/fadeIn.js","./src/components/animation/animations/fading_entrances/fadeInBottomLeft.js","./src/components/animation/animations/fading_entrances/fadeInBottomRight.js","./src/components/animation/animations/fading_entrances/fadeInDown.js","./src/components/animation/animations/fading_entrances/fadeInDownBig.js","./src/components/animation/animations/fading_entrances/fadeInLeft.js","./src/components/animation/animations/fading_entrances/fadeInLeftBig.js","./src/components/animation/animations/fading_entrances/fadeInRight.js","./src/components/animation/animations/fading_entrances/fadeInRightBig.js","./src/components/animation/animations/fading_entrances/fadeInTopLeft.js","./src/components/animation/animations/fading_entrances/fadeInTopRight.js","./src/components/animation/animations/fading_entrances/fadeInUp.js","./src/components/animation/animations/fading_entrances/fadeInUpBig.js","./src/components/animation/animations/fading_exits/fadeOut.js","./src/components/animation/animations/fading_exits/fadeOutBottomLeft.js","./src/components/animation/animations/fading_exits/fadeOutBottomRight.js","./src/components/animation/animations/fading_exits/fadeOutDown.js","./src/components/animation/animations/fading_exits/fadeOutDownBig.js","./src/components/animation/animations/fading_exits/fadeOutLeft.js","./src/components/animation/animations/fading_exits/fadeOutLeftBig.js","./src/components/animation/animations/fading_exits/fadeOutRight.js","./src/components/animation/animations/fading_exits/fadeOutRightBig.js","./src/components/animation/animations/fading_exits/fadeOutTopLeft.js","./src/components/animation/animations/fading_exits/fadeOutTopRight.js","./src/components/animation/animations/fading_exits/fadeOutUp.js","./src/components/animation/animations/fading_exits/fadeOutUpBig.js","./src/components/animation/animations/flippers/flip.js","./src/components/animation/animations/flippers/flipInX.js","./src/components/animation/animations/flippers/flipInY.js","./src/components/animation/animations/flippers/flipOutX.js","./src/components/animation/animations/flippers/flipOutY.js","./src/components/animation/animations/lightspeed/lightSpeedInLeft.js","./src/components/animation/animations/lightspeed/lightSpeedInRight.js","./src/components/animation/animations/lightspeed/lightSpeedOutLeft.js","./src/components/animation/animations/lightspeed/lightSpeedOutRight.js","./src/components/animation/animations/rotating_entrances/rotateIn.js","./src/components/animation/animations/rotating_entrances/rotateInDownLeft.js","./src/components/animation/animations/rotating_entrances/rotateInDownRight.js","./src/components/animation/animations/rotating_entrances/rotateInUpLeft.js","./src/components/animation/animations/rotating_entrances/rotateInUpRight.js","./src/components/animation/animations/rotating_exits/rotateOut.js","./src/components/animation/animations/rotating_exits/rotateOutDownLeft.js","./src/components/animation/animations/rotating_exits/rotateOutDownRight.js","./src/components/animation/animations/rotating_exits/rotateOutUpLeft.js","./src/components/animation/animations/rotating_exits/rotateOutUpRight.js","./src/components/animation/animations/sliding_entrances/slideInDown.js","./src/components/animation/animations/sliding_entrances/slideInLeft.js","./src/components/animation/animations/sliding_entrances/slideInRight.js","./src/components/animation/animations/sliding_entrances/slideInUp.js","./src/components/animation/animations/sliding_exits/slideOutDown.js","./src/components/animation/animations/sliding_exits/slideOutLeft.js","./src/components/animation/animations/sliding_exits/slideOutRight.js","./src/components/animation/animations/sliding_exits/slideOutUp.js","./src/components/animation/animations/specials/hinge.js","./src/components/animation/animations/specials/jackInTheBox.js","./src/components/animation/animations/specials/rollIn.js","./src/components/animation/animations/specials/rollOut.js","./src/components/animation/animations/zooming_entrances/zoomIn.js","./src/components/animation/animations/zooming_entrances/zoomInDown.js","./src/components/animation/animations/zooming_entrances/zoomInLeft.js","./src/components/animation/animations/zooming_entrances/zoomInRight.js","./src/components/animation/animations/zooming_entrances/zoomInUp.js","./src/components/animation/animations/zooming_exits/zoomOut.js","./src/components/animation/animations/zooming_exits/zoomOutDown.js","./src/components/animation/animations/zooming_exits/zoomOutLeft.js","./src/components/animation/animations/zooming_exits/zoomOutRight.js","./src/components/animation/animations/zooming_exits/zoomOutUp.js","./src/components/animation/animations/easings/easings.ts","./src/components/animation/animations/index.ts","./src/components/animation/animation.tsx"],"sourcesContent":["export const bounce = [\n {\n offset: 0,\n easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)',\n transform: 'translate3d(0, 0, 0)',\n },\n {\n offset: 0.2,\n easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)',\n transform: 'translate3d(0, 0, 0)',\n },\n {\n offset: 0.4,\n easing: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',\n transform: 'translate3d(0, -30px, 0) scaleY(1.1)',\n },\n {\n offset: 0.43,\n easing: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',\n transform: 'translate3d(0, -30px, 0) scaleY(1.1)',\n },\n {\n offset: 0.53,\n easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)',\n transform: 'translate3d(0, 0, 0)',\n },\n {\n offset: 0.7,\n easing: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',\n transform: 'translate3d(0, -15px, 0) scaleY(1.05)',\n },\n {\n offset: 0.8,\n 'transition-timing-function': 'cubic-bezier(0.215, 0.61, 0.355, 1)',\n transform: 'translate3d(0, 0, 0) scaleY(0.95)',\n },\n { offset: 0.9, transform: 'translate3d(0, -4px, 0) scaleY(1.02)' },\n {\n offset: 1,\n easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)',\n transform: 'translate3d(0, 0, 0)',\n },\n];\n","export const flash = [\n { offset: 0, opacity: '1' },\n { offset: 0.25, opacity: '0' },\n { offset: 0.5, opacity: '1' },\n { offset: 0.75, opacity: '0' },\n { offset: 1, opacity: '1' },\n];\n","export const headShake = [\n { offset: 0, transform: 'translateX(0)' },\n { offset: 0.065, transform: 'translateX(-6px) rotateY(-9deg)' },\n { offset: 0.185, transform: 'translateX(5px) rotateY(7deg)' },\n { offset: 0.315, transform: 'translateX(-3px) rotateY(-5deg)' },\n { offset: 0.435, transform: 'translateX(2px) rotateY(3deg)' },\n { offset: 0.5, transform: 'translateX(0)' },\n];\n","export const heartBeat = [\n { offset: 0, transform: 'scale(1)' },\n { offset: 0.14, transform: 'scale(1.3)' },\n { offset: 0.28, transform: 'scale(1)' },\n { offset: 0.42, transform: 'scale(1.3)' },\n { offset: 0.7, transform: 'scale(1)' },\n];\n","export const jello = [\n { offset: 0, transform: 'translate3d(0, 0, 0)' },\n { offset: 0.111, transform: 'translate3d(0, 0, 0)' },\n { offset: 0.222, transform: 'skewX(-12.5deg) skewY(-12.5deg)' },\n { offset: 0.33299999999999996, transform: 'skewX(6.25deg) skewY(6.25deg)' },\n { offset: 0.444, transform: 'skewX(-3.125deg) skewY(-3.125deg)' },\n { offset: 0.555, transform: 'skewX(1.5625deg) skewY(1.5625deg)' },\n {\n offset: 0.6659999999999999,\n transform: 'skewX(-0.78125deg) skewY(-0.78125deg)',\n },\n { offset: 0.777, transform: 'skewX(0.390625deg) skewY(0.390625deg)' },\n { offset: 0.888, transform: 'skewX(-0.1953125deg) skewY(-0.1953125deg)' },\n { offset: 1, transform: 'translate3d(0, 0, 0)' },\n];\n","export const pulse = [\n { offset: 0, transform: 'scale3d(1, 1, 1)' },\n { offset: 0.5, transform: 'scale3d(1.05, 1.05, 1.05)' },\n { offset: 1, transform: 'scale3d(1, 1, 1)' },\n];\n","export const rubberBand = [\n { offset: 0, transform: 'scale3d(1, 1, 1)' },\n { offset: 0.3, transform: 'scale3d(1.25, 0.75, 1)' },\n { offset: 0.4, transform: 'scale3d(0.75, 1.25, 1)' },\n { offset: 0.5, transform: 'scale3d(1.15, 0.85, 1)' },\n { offset: 0.65, transform: 'scale3d(0.95, 1.05, 1)' },\n { offset: 0.75, transform: 'scale3d(1.05, 0.95, 1)' },\n { offset: 1, transform: 'scale3d(1, 1, 1)' },\n];\n","export const shake = [\n { offset: 0, transform: 'translate3d(0, 0, 0)' },\n { offset: 0.1, transform: 'translate3d(-10px, 0, 0)' },\n { offset: 0.2, transform: 'translate3d(10px, 0, 0)' },\n { offset: 0.3, transform: 'translate3d(-10px, 0, 0)' },\n { offset: 0.4, transform: 'translate3d(10px, 0, 0)' },\n { offset: 0.5, transform: 'translate3d(-10px, 0, 0)' },\n { offset: 0.6, transform: 'translate3d(10px, 0, 0)' },\n { offset: 0.7, transform: 'translate3d(-10px, 0, 0)' },\n { offset: 0.8, transform: 'translate3d(10px, 0, 0)' },\n { offset: 0.9, transform: 'translate3d(-10px, 0, 0)' },\n { offset: 1, transform: 'translate3d(0, 0, 0)' },\n];\n","export const shakeX = [\n { offset: 0, transform: 'translate3d(0, 0, 0)' },\n { offset: 0.1, transform: 'translate3d(-10px, 0, 0)' },\n { offset: 0.2, transform: 'translate3d(10px, 0, 0)' },\n { offset: 0.3, transform: 'translate3d(-10px, 0, 0)' },\n { offset: 0.4, transform: 'translate3d(10px, 0, 0)' },\n { offset: 0.5, transform: 'translate3d(-10px, 0, 0)' },\n { offset: 0.6, transform: 'translate3d(10px, 0, 0)' },\n { offset: 0.7, transform: 'translate3d(-10px, 0, 0)' },\n { offset: 0.8, transform: 'translate3d(10px, 0, 0)' },\n { offset: 0.9, transform: 'translate3d(-10px, 0, 0)' },\n { offset: 1, transform: 'translate3d(0, 0, 0)' },\n];\n","export const shakeY = [\n { offset: 0, transform: 'translate3d(0, 0, 0)' },\n { offset: 0.1, transform: 'translate3d(0, -10px, 0)' },\n { offset: 0.2, transform: 'translate3d(0, 10px, 0)' },\n { offset: 0.3, transform: 'translate3d(0, -10px, 0)' },\n { offset: 0.4, transform: 'translate3d(0, 10px, 0)' },\n { offset: 0.5, transform: 'translate3d(0, -10px, 0)' },\n { offset: 0.6, transform: 'translate3d(0, 10px, 0)' },\n { offset: 0.7, transform: 'translate3d(0, -10px, 0)' },\n { offset: 0.8, transform: 'translate3d(0, 10px, 0)' },\n { offset: 0.9, transform: 'translate3d(0, -10px, 0)' },\n { offset: 1, transform: 'translate3d(0, 0, 0)' },\n];\n","export const swing = [\n { offset: 0.2, transform: 'rotate3d(0, 0, 1, 15deg)' },\n { offset: 0.4, transform: 'rotate3d(0, 0, 1, -10deg)' },\n { offset: 0.6, transform: 'rotate3d(0, 0, 1, 5deg)' },\n { offset: 0.8, transform: 'rotate3d(0, 0, 1, -5deg)' },\n { offset: 1, transform: 'rotate3d(0, 0, 1, 0deg)' },\n];\n","export const tada = [\n { offset: 0, transform: 'scale3d(1, 1, 1)' },\n { offset: 0.1, transform: 'scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)' },\n { offset: 0.2, transform: 'scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)' },\n { offset: 0.3, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)' },\n { offset: 0.4, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)' },\n { offset: 0.5, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)' },\n { offset: 0.6, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)' },\n { offset: 0.7, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)' },\n { offset: 0.8, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)' },\n { offset: 0.9, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)' },\n { offset: 1, transform: 'scale3d(1, 1, 1)' },\n];\n","export const wobble = [\n { offset: 0, transform: 'translate3d(0, 0, 0)' },\n {\n offset: 0.15,\n transform: 'translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)',\n },\n { offset: 0.3, transform: 'translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)' },\n {\n offset: 0.45,\n transform: 'translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)',\n },\n { offset: 0.6, transform: 'translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)' },\n {\n offset: 0.75,\n transform: 'translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)',\n },\n { offset: 1, transform: 'translate3d(0, 0, 0)' },\n];\n","export const backInDown = [\n { offset: 0, transform: 'translateY(-1200px) scale(0.7)', opacity: '0.7' },\n { offset: 0.8, transform: 'translateY(0px) scale(0.7)', opacity: '0.7' },\n { offset: 1, transform: 'scale(1)', opacity: '1' },\n];\n","export const backInLeft = [\n { offset: 0, transform: 'translateX(-2000px) scale(0.7)', opacity: '0.7' },\n { offset: 0.8, transform: 'translateX(0px) scale(0.7)', opacity: '0.7' },\n { offset: 1, transform: 'scale(1)', opacity: '1' },\n];\n","export const backInRight = [\n { offset: 0, transform: 'translateX(2000px) scale(0.7)', opacity: '0.7' },\n { offset: 0.8, transform: 'translateX(0px) scale(0.7)', opacity: '0.7' },\n { offset: 1, transform: 'scale(1)', opacity: '1' },\n];\n","export const backInUp = [\n { offset: 0, transform: 'translateY(1200px) scale(0.7)', opacity: '0.7' },\n { offset: 0.8, transform: 'translateY(0px) scale(0.7)', opacity: '0.7' },\n { offset: 1, transform: 'scale(1)', opacity: '1' },\n];\n","export const backOutDown = [\n { offset: 0, transform: 'scale(1)', opacity: '1' },\n { offset: 0.2, transform: 'translateY(0px) scale(0.7)', opacity: '0.7' },\n { offset: 1, transform: 'translateY(700px) scale(0.7)', opacity: '0.7' },\n];\n","export const backOutLeft = [\n { offset: 0, transform: 'scale(1)', opacity: '1' },\n { offset: 0.2, transform: 'translateX(0px) scale(0.7)', opacity: '0.7' },\n { offset: 1, transform: 'translateX(-2000px) scale(0.7)', opacity: '0.7' },\n];\n","export const backOutRight = [\n { offset: 0, transform: 'scale(1)', opacity: '1' },\n { offset: 0.2, transform: 'translateX(0px) scale(0.7)', opacity: '0.7' },\n { offset: 1, transform: 'translateX(2000px) scale(0.7)', opacity: '0.7' },\n];\n","export const backOutUp = [\n { offset: 0, transform: 'scale(1)', opacity: '1' },\n { offset: 0.2, transform: 'translateY(0px) scale(0.7)', opacity: '0.7' },\n { offset: 1, transform: 'translateY(-700px) scale(0.7)', opacity: '0.7' },\n];\n","export const bounceIn = [\n { offset: 0, opacity: '0', transform: 'scale3d(0.3, 0.3, 0.3)' },\n { offset: 0, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n { offset: 0.2, transform: 'scale3d(1.1, 1.1, 1.1)' },\n { offset: 0.2, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n { offset: 0.4, transform: 'scale3d(0.9, 0.9, 0.9)' },\n { offset: 0.4, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n { offset: 0.6, opacity: '1', transform: 'scale3d(1.03, 1.03, 1.03)' },\n { offset: 0.6, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n { offset: 0.8, transform: 'scale3d(0.97, 0.97, 0.97)' },\n { offset: 0.8, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n { offset: 1, opacity: '1', transform: 'scale3d(1, 1, 1)' },\n { offset: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n];\n","export const bounceInDown = [\n {\n offset: 0,\n opacity: '0',\n transform: 'translate3d(0, -3000px, 0) scaleY(3)',\n },\n { offset: 0, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n {\n offset: 0.6,\n opacity: '1',\n transform: 'translate3d(0, 25px, 0) scaleY(0.9)',\n },\n { offset: 0.6, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n { offset: 0.75, transform: 'translate3d(0, -10px, 0) scaleY(0.95)' },\n { offset: 0.75, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n { offset: 0.9, transform: 'translate3d(0, 5px, 0) scaleY(0.985)' },\n { offset: 0.9, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n { offset: 1, transform: 'translate3d(0, 0, 0)' },\n { offset: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n];\n","export const bounceInLeft = [\n {\n offset: 0,\n opacity: '0',\n transform: 'translate3d(-3000px, 0, 0) scaleX(3)',\n },\n { offset: 0, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n { offset: 0.6, opacity: '1', transform: 'translate3d(25px, 0, 0) scaleX(1)' },\n { offset: 0.6, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n { offset: 0.75, transform: 'translate3d(-10px, 0, 0) scaleX(0.98)' },\n { offset: 0.75, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n { offset: 0.9, transform: 'translate3d(5px, 0, 0) scaleX(0.995)' },\n { offset: 0.9, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n { offset: 1, transform: 'translate3d(0, 0, 0)' },\n { offset: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n];\n","export const bounceInRight = [\n { offset: 0, opacity: '0', transform: 'translate3d(3000px, 0, 0) scaleX(3)' },\n { offset: 0, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n {\n offset: 0.6,\n opacity: '1',\n transform: 'translate3d(-25px, 0, 0) scaleX(1)',\n },\n { offset: 0.6, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n { offset: 0.75, transform: 'translate3d(10px, 0, 0) scaleX(0.98)' },\n { offset: 0.75, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n { offset: 0.9, transform: 'translate3d(-5px, 0, 0) scaleX(0.995)' },\n { offset: 0.9, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n { offset: 1, transform: 'translate3d(0, 0, 0)' },\n { offset: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n];\n","export const bounceInUp = [\n { offset: 0, opacity: '0', transform: 'translate3d(0, 3000px, 0) scaleY(5)' },\n { offset: 0, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n {\n offset: 0.6,\n opacity: '1',\n transform: 'translate3d(0, -20px, 0) scaleY(0.9)',\n },\n { offset: 0.6, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n { offset: 0.75, transform: 'translate3d(0, 10px, 0) scaleY(0.95)' },\n { offset: 0.75, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n { offset: 0.9, transform: 'translate3d(0, -5px, 0) scaleY(0.985)' },\n { offset: 0.9, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n { offset: 1, transform: 'translate3d(0, 0, 0)' },\n { offset: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n];\n","export const bounceOut = [\n { offset: 0.2, transform: 'scale3d(0.9, 0.9, 0.9)' },\n { offset: 0.5, opacity: '1', transform: 'scale3d(1.1, 1.1, 1.1)' },\n { offset: 0.55, opacity: '1', transform: 'scale3d(1.1, 1.1, 1.1)' },\n { offset: 1, opacity: '0', transform: 'scale3d(0.3, 0.3, 0.3)' },\n];\n","export const bounceOutDown = [\n { offset: 0.2, transform: 'translate3d(0, 10px, 0) scaleY(0.985)' },\n {\n offset: 0.4,\n opacity: '1',\n transform: 'translate3d(0, -20px, 0) scaleY(0.9)',\n },\n {\n offset: 0.45,\n opacity: '1',\n transform: 'translate3d(0, -20px, 0) scaleY(0.9)',\n },\n { offset: 1, opacity: '0', transform: 'translate3d(0, 2000px, 0) scaleY(3)' },\n];\n","export const bounceOutLeft = [\n {\n offset: 0.2,\n opacity: '1',\n transform: 'translate3d(20px, 0, 0) scaleX(0.9)',\n },\n {\n offset: 1,\n opacity: '0',\n transform: 'translate3d(-2000px, 0, 0) scaleX(2)',\n },\n];\n","export const bounceOutRight = [\n {\n offset: 0.2,\n opacity: '1',\n transform: 'translate3d(-20px, 0, 0) scaleX(0.9)',\n },\n { offset: 1, opacity: '0', transform: 'translate3d(2000px, 0, 0) scaleX(2)' },\n];\n","export const bounceOutUp = [\n { offset: 0.2, transform: 'translate3d(0, -10px, 0) scaleY(0.985)' },\n {\n offset: 0.4,\n opacity: '1',\n transform: 'translate3d(0, 20px, 0) scaleY(0.9)',\n },\n {\n offset: 0.45,\n opacity: '1',\n transform: 'translate3d(0, 20px, 0) scaleY(0.9)',\n },\n {\n offset: 1,\n opacity: '0',\n transform: 'translate3d(0, -2000px, 0) scaleY(3)',\n },\n];\n","export const fadeIn = [\n { offset: 0, opacity: '0' },\n { offset: 1, opacity: '1' },\n];\n","export const fadeInBottomLeft = [\n { offset: 0, opacity: '0', transform: 'translate3d(-100%, 100%, 0)' },\n { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n];\n","export const fadeInBottomRight = [\n { offset: 0, opacity: '0', transform: 'translate3d(100%, 100%, 0)' },\n { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n];\n","export const fadeInDown = [\n { offset: 0, opacity: '0', transform: 'translate3d(0, -100%, 0)' },\n { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n];\n","export const fadeInDownBig = [\n { offset: 0, opacity: '0', transform: 'translate3d(0, -2000px, 0)' },\n { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n];\n","export const fadeInLeft = [\n { offset: 0, opacity: '0', transform: 'translate3d(-100%, 0, 0)' },\n { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n];\n","export const fadeInLeftBig = [\n { offset: 0, opacity: '0', transform: 'translate3d(-2000px, 0, 0)' },\n { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n];\n","export const fadeInRight = [\n { offset: 0, opacity: '0', transform: 'translate3d(100%, 0, 0)' },\n { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n];\n","export const fadeInRightBig = [\n { offset: 0, opacity: '0', transform: 'translate3d(2000px, 0, 0)' },\n { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n];\n","export const fadeInTopLeft = [\n { offset: 0, opacity: '0', transform: 'translate3d(-100%, -100%, 0)' },\n { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n];\n","export const fadeInTopRight = [\n { offset: 0, opacity: '0', transform: 'translate3d(100%, -100%, 0)' },\n { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n];\n","export const fadeInUp = [\n { offset: 0, opacity: '0', transform: 'translate3d(0, 100%, 0)' },\n { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n];\n","export const fadeInUpBig = [\n { offset: 0, opacity: '0', transform: 'translate3d(0, 2000px, 0)' },\n { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n];\n","export const fadeOut = [\n { offset: 0, opacity: '1' },\n { offset: 1, opacity: '0' },\n];\n","export const fadeOutBottomLeft = [\n { offset: 0, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n { offset: 1, opacity: '0', transform: 'translate3d(-100%, 100%, 0)' },\n];\n","export const fadeOutBottomRight = [\n { offset: 0, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n { offset: 1, opacity: '0', transform: 'translate3d(100%, 100%, 0)' },\n];\n","export const fadeOutDown = [\n { offset: 0, opacity: '1' },\n { offset: 1, opacity: '0', transform: 'translate3d(0, 100%, 0)' },\n];\n","export const fadeOutDownBig = [\n { offset: 0, opacity: '1' },\n { offset: 1, opacity: '0', transform: 'translate3d(0, 2000px, 0)' },\n];\n","export const fadeOutLeft = [\n { offset: 0, opacity: '1' },\n { offset: 1, opacity: '0', transform: 'translate3d(-100%, 0, 0)' },\n];\n","export const fadeOutLeftBig = [\n { offset: 0, opacity: '1' },\n { offset: 1, opacity: '0', transform: 'translate3d(-2000px, 0, 0)' },\n];\n","export const fadeOutRight = [\n { offset: 0, opacity: '1' },\n { offset: 1, opacity: '0', transform: 'translate3d(100%, 0, 0)' },\n];\n","export const fadeOutRightBig = [\n { offset: 0, opacity: '1' },\n { offset: 1, opacity: '0', transform: 'translate3d(2000px, 0, 0)' },\n];\n","export const fadeOutTopLeft = [\n { offset: 0, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n { offset: 1, opacity: '0', transform: 'translate3d(-100%, -100%, 0)' },\n];\n","export const fadeOutTopRight = [\n { offset: 0, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n { offset: 1, opacity: '0', transform: 'translate3d(100%, -100%, 0)' },\n];\n","export const fadeOutUp = [\n { offset: 0, opacity: '1' },\n { offset: 1, opacity: '0', transform: 'translate3d(0, -100%, 0)' },\n];\n","export const fadeOutUpBig = [\n { offset: 0, opacity: '1' },\n { offset: 1, opacity: '0', transform: 'translate3d(0, -2000px, 0)' },\n];\n","export const flip = [\n {\n offset: 0,\n transform:\n 'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg)',\n easing: 'ease-out',\n },\n {\n offset: 0.4,\n transform:\n 'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\\n rotate3d(0, 1, 0, -190deg)',\n easing: 'ease-out',\n },\n {\n offset: 0.5,\n transform:\n 'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\\n rotate3d(0, 1, 0, -170deg)',\n easing: 'ease-in',\n },\n {\n offset: 0.8,\n transform:\n 'perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)\\n rotate3d(0, 1, 0, 0deg)',\n easing: 'ease-in',\n },\n {\n offset: 1,\n transform:\n 'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg)',\n easing: 'ease-in',\n },\n];\n","export const flipInX = [\n {\n offset: 0,\n transform: 'perspective(400px) rotate3d(1, 0, 0, 90deg)',\n easing: 'ease-in',\n opacity: '0',\n },\n {\n offset: 0.4,\n transform: 'perspective(400px) rotate3d(1, 0, 0, -20deg)',\n easing: 'ease-in',\n },\n {\n offset: 0.6,\n transform: 'perspective(400px) rotate3d(1, 0, 0, 10deg)',\n opacity: '1',\n },\n { offset: 0.8, transform: 'perspective(400px) rotate3d(1, 0, 0, -5deg)' },\n { offset: 1, transform: 'perspective(400px)' },\n];\n","export const flipInY = [\n {\n offset: 0,\n transform: 'perspective(400px) rotate3d(0, 1, 0, 90deg)',\n easing: 'ease-in',\n opacity: '0',\n },\n {\n offset: 0.4,\n transform: 'perspective(400px) rotate3d(0, 1, 0, -20deg)',\n easing: 'ease-in',\n },\n {\n offset: 0.6,\n transform: 'perspective(400px) rotate3d(0, 1, 0, 10deg)',\n opacity: '1',\n },\n { offset: 0.8, transform: 'perspective(400px) rotate3d(0, 1, 0, -5deg)' },\n { offset: 1, transform: 'perspective(400px)' },\n];\n","export const flipOutX = [\n { offset: 0, transform: 'perspective(400px)' },\n {\n offset: 0.3,\n transform: 'perspective(400px) rotate3d(1, 0, 0, -20deg)',\n opacity: '1',\n },\n {\n offset: 1,\n transform: 'perspective(400px) rotate3d(1, 0, 0, 90deg)',\n opacity: '0',\n },\n];\n","export const flipOutY = [\n { offset: 0, transform: 'perspective(400px)' },\n {\n offset: 0.3,\n transform: 'perspective(400px) rotate3d(0, 1, 0, -15deg)',\n opacity: '1',\n },\n {\n offset: 1,\n transform: 'perspective(400px) rotate3d(0, 1, 0, 90deg)',\n opacity: '0',\n },\n];\n","export const lightSpeedInLeft = [\n {\n offset: 0,\n transform: 'translate3d(-100%, 0, 0) skewX(30deg)',\n opacity: '0',\n },\n { offset: 0.6, transform: 'skewX(-20deg)', opacity: '1' },\n { offset: 0.8, transform: 'skewX(5deg)' },\n { offset: 1, transform: 'translate3d(0, 0, 0)' },\n];\n","export const lightSpeedInRight = [\n {\n offset: 0,\n transform: 'translate3d(100%, 0, 0) skewX(-30deg)',\n opacity: '0',\n },\n { offset: 0.6, transform: 'skewX(20deg)', opacity: '1' },\n { offset: 0.8, transform: 'skewX(-5deg)' },\n { offset: 1, transform: 'translate3d(0, 0, 0)' },\n];\n","export const lightSpeedOutLeft = [\n { offset: 0, opacity: '1' },\n {\n offset: 1,\n transform: 'translate3d(-100%, 0, 0) skewX(-30deg)',\n opacity: '0',\n },\n];\n","export const lightSpeedOutRight = [\n { offset: 0, opacity: '1' },\n {\n offset: 1,\n transform: 'translate3d(100%, 0, 0) skewX(30deg)',\n opacity: '0',\n },\n];\n","export const rotateIn = [\n { offset: 0, transform: 'rotate3d(0, 0, 1, -200deg)', opacity: '0' },\n { offset: 1, transform: 'translate3d(0, 0, 0)', opacity: '1' },\n];\n","export const rotateInDownLeft = [\n { offset: 0, transform: 'rotate3d(0, 0, 1, -45deg)', opacity: '0' },\n { offset: 1, transform: 'translate3d(0, 0, 0)', opacity: '1' },\n];\n","export const rotateInDownRight = [\n { offset: 0, transform: 'rotate3d(0, 0, 1, 45deg)', opacity: '0' },\n { offset: 1, transform: 'translate3d(0, 0, 0)', opacity: '1' },\n];\n","export const rotateInUpLeft = [\n { offset: 0, transform: 'rotate3d(0, 0, 1, 45deg)', opacity: '0' },\n { offset: 1, transform: 'translate3d(0, 0, 0)', opacity: '1' },\n];\n","export const rotateInUpRight = [\n { offset: 0, transform: 'rotate3d(0, 0, 1, -90deg)', opacity: '0' },\n { offset: 1, transform: 'translate3d(0, 0, 0)', opacity: '1' },\n];\n","export const rotateOut = [\n { offset: 0, opacity: '1' },\n { offset: 1, transform: 'rotate3d(0, 0, 1, 200deg)', opacity: '0' },\n];\n","export const rotateOutDownLeft = [\n { offset: 0, opacity: '1' },\n { offset: 1, transform: 'rotate3d(0, 0, 1, 45deg)', opacity: '0' },\n];\n","export const rotateOutDownRight = [\n { offset: 0, opacity: '1' },\n { offset: 1, transform: 'rotate3d(0, 0, 1, -45deg)', opacity: '0' },\n];\n","export const rotateOutUpLeft = [\n { offset: 0, opacity: '1' },\n { offset: 1, transform: 'rotate3d(0, 0, 1, -45deg)', opacity: '0' },\n];\n","export const rotateOutUpRight = [\n { offset: 0, opacity: '1' },\n { offset: 1, transform: 'rotate3d(0, 0, 1, 90deg)', opacity: '0' },\n];\n","export const slideInDown = [\n { offset: 0, transform: 'translate3d(0, -100%, 0)', visibility: 'visible' },\n { offset: 1, transform: 'translate3d(0, 0, 0)' },\n];\n","export const slideInLeft = [\n { offset: 0, transform: 'translate3d(-100%, 0, 0)', visibility: 'visible' },\n { offset: 1, transform: 'translate3d(0, 0, 0)' },\n];\n","export const slideInRight = [\n { offset: 0, transform: 'translate3d(100%, 0, 0)', visibility: 'visible' },\n { offset: 1, transform: 'translate3d(0, 0, 0)' },\n];\n","export const slideInUp = [\n { offset: 0, transform: 'translate3d(0, 100%, 0)', visibility: 'visible' },\n { offset: 1, transform: 'translate3d(0, 0, 0)' },\n];\n","export const slideOutDown = [\n { offset: 0, transform: 'translate3d(0, 0, 0)' },\n { offset: 1, visibility: 'hidden', transform: 'translate3d(0, 100%, 0)' },\n];\n","export const slideOutLeft = [\n { offset: 0, transform: 'translate3d(0, 0, 0)' },\n { offset: 1, visibility: 'hidden', transform: 'translate3d(-100%, 0, 0)' },\n];\n","export const slideOutRight = [\n { offset: 0, transform: 'translate3d(0, 0, 0)' },\n { offset: 1, visibility: 'hidden', transform: 'translate3d(100%, 0, 0)' },\n];\n","export const slideOutUp = [\n { offset: 0, transform: 'translate3d(0, 0, 0)' },\n { offset: 1, visibility: 'hidden', transform: 'translate3d(0, -100%, 0)' },\n];\n","export const hinge = [\n { offset: 0, easing: 'ease-in-out' },\n { offset: 0.2, transform: 'rotate3d(0, 0, 1, 80deg)', easing: 'ease-in-out' },\n {\n offset: 0.4,\n transform: 'rotate3d(0, 0, 1, 60deg)',\n easing: 'ease-in-out',\n opacity: '1',\n },\n { offset: 0.6, transform: 'rotate3d(0, 0, 1, 80deg)', easing: 'ease-in-out' },\n {\n offset: 0.8,\n transform: 'rotate3d(0, 0, 1, 60deg)',\n easing: 'ease-in-out',\n opacity: '1',\n },\n { offset: 1, transform: 'translate3d(0, 700px, 0)', opacity: '0' },\n];\n","export const jackInTheBox = [\n {\n offset: 0,\n opacity: '0',\n transform: 'scale(0.1) rotate(30deg)',\n 'transform-origin': 'center bottom',\n },\n { offset: 0.5, transform: 'rotate(-10deg)' },\n { offset: 0.7, transform: 'rotate(3deg)' },\n { offset: 1, opacity: '1', transform: 'scale(1)' },\n];\n","export const rollIn = [\n {\n offset: 0,\n opacity: '0',\n transform: 'translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)',\n },\n { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },\n];\n","export const rollOut = [\n { offset: 0, opacity: '1' },\n {\n offset: 1,\n opacity: '0',\n transform: 'translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)',\n },\n];\n","export const zoomIn = [\n { offset: 0, opacity: '0', transform: 'scale3d(0.3, 0.3, 0.3)' },\n { offset: 0.5, opacity: '1' },\n];\n","export const zoomInDown = [\n {\n offset: 0,\n opacity: '0',\n transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)',\n easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',\n },\n {\n offset: 0.6,\n opacity: '1',\n transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)',\n easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)',\n },\n];\n","export const zoomInLeft = [\n {\n offset: 0,\n opacity: '0',\n transform: 'scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)',\n easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',\n },\n {\n offset: 0.6,\n opacity: '1',\n transform: 'scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)',\n easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)',\n },\n];\n","export const zoomInRight = [\n {\n offset: 0,\n opacity: '0',\n transform: 'scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)',\n easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',\n },\n {\n offset: 0.6,\n opacity: '1',\n transform: 'scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)',\n easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)',\n },\n];\n","export const zoomInUp = [\n {\n offset: 0,\n opacity: '0',\n transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)',\n easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',\n },\n {\n offset: 0.6,\n opacity: '1',\n transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)',\n easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)',\n },\n];\n","export const zoomOut = [\n { offset: 0, opacity: '1' },\n { offset: 0.5, opacity: '0', transform: 'scale3d(0.3, 0.3, 0.3)' },\n { offset: 1, opacity: '0' },\n];\n","export const zoomOutDown = [\n {\n offset: 0.4,\n opacity: '1',\n transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)',\n easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',\n },\n {\n offset: 1,\n opacity: '0',\n transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0)',\n easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)',\n },\n];\n","export const zoomOutLeft = [\n {\n offset: 0.4,\n opacity: '1',\n transform: 'scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)',\n },\n {\n offset: 1,\n opacity: '0',\n transform: 'scale(0.1) translate3d(-2000px, 0, 0)',\n },\n];\n","export const zoomOutRight = [\n {\n offset: 0.4,\n opacity: '1',\n transform: 'scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)',\n },\n {\n offset: 1,\n opacity: '0',\n transform: 'scale(0.1) translate3d(2000px, 0, 0)',\n },\n];\n","export const zoomOutUp = [\n {\n offset: 0.4,\n opacity: '1',\n transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)',\n easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',\n },\n {\n offset: 1,\n opacity: '0',\n transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0)',\n easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)',\n },\n];\n","export const easings = {\n linear: 'linear',\n ease: 'ease',\n easeIn: 'ease-in',\n easeOut: 'ease-out',\n easeInOut: 'ease-in-out',\n easeInSine: 'cubic-bezier(0.47, 0, 0.745, 0.715)',\n easeOutSine: 'cubic-bezier(0.39, 0.575, 0.565, 1)',\n easeInOutSine: 'cubic-bezier(0.445, 0.05, 0.55, 0.95)',\n easeInQuad: 'cubic-bezier(0.55, 0.085, 0.68, 0.53)',\n easeOutQuad: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)',\n easeInOutQuad: 'cubic-bezier(0.455, 0.03, 0.515, 0.955)',\n easeInCubic: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',\n easeOutCubic: 'cubic-bezier(0.215, 0.61, 0.355, 1)',\n easeInOutCubic: 'cubic-bezier(0.645, 0.045, 0.355, 1)',\n easeInQuart: 'cubic-bezier(0.895, 0.03, 0.685, 0.22)',\n easeOutQuart: 'cubic-bezier(0.165, 0.84, 0.44, 1)',\n easeInOutQuart: 'cubic-bezier(0.77, 0, 0.175, 1)',\n easeInQuint: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',\n easeOutQuint: 'cubic-bezier(0.23, 1, 0.32, 1)',\n easeInOutQuint: 'cubic-bezier(0.86, 0, 0.07, 1)',\n easeInExpo: 'cubic-bezier(0.95, 0.05, 0.795, 0.035)',\n easeOutExpo: 'cubic-bezier(0.19, 1, 0.22, 1)',\n easeInOutExpo: 'cubic-bezier(1, 0, 0, 1)',\n easeInCirc: 'cubic-bezier(0.6, 0.04, 0.98, 0.335)',\n easeOutCirc: 'cubic-bezier(0.075, 0.82, 0.165, 1)',\n easeInOutCirc: 'cubic-bezier(0.785, 0.135, 0.15, 0.86)',\n easeInBack: 'cubic-bezier(0.6, -0.28, 0.735, 0.045)',\n easeOutBack: 'cubic-bezier(0.175, 0.885, 0.32, 1.275)',\n easeInOutBack: 'cubic-bezier(0.68, -0.55, 0.265, 1.55)',\n} as const;\n","import { bounce } from './attention_seekers/bounce.js';\nimport { flash } from './attention_seekers/flash.js';\nimport { headShake } from './attention_seekers/headShake.js';\nimport { heartBeat } from './attention_seekers/heartBeat.js';\nimport { jello } from './attention_seekers/jello.js';\nimport { pulse } from './attention_seekers/pulse.js';\nimport { rubberBand } from './attention_seekers/rubberBand.js';\nimport { shake } from './attention_seekers/shake.js';\nimport { shakeX } from './attention_seekers/shakeX.js';\nimport { shakeY } from './attention_seekers/shakeY.js';\nimport { swing } from './attention_seekers/swing.js';\nimport { tada } from './attention_seekers/tada.js';\nimport { wobble } from './attention_seekers/wobble.js';\nimport { backInDown } from './back_entrances/backInDown.js';\nimport { backInLeft } from './back_entrances/backInLeft.js';\nimport { backInRight } from './back_entrances/backInRight.js';\nimport { backInUp } from './back_entrances/backInUp.js';\nimport { backOutDown } from './back_exits/backOutDown.js';\nimport { backOutLeft } from './back_exits/backOutLeft.js';\nimport { backOutRight } from './back_exits/backOutRight.js';\nimport { backOutUp } from './back_exits/backOutUp.js';\nimport { bounceIn } from './bouncing_entrances/bounceIn.js';\nimport { bounceInDown } from './bouncing_entrances/bounceInDown.js';\nimport { bounceInLeft } from './bouncing_entrances/bounceInLeft.js';\nimport { bounceInRight } from './bouncing_entrances/bounceInRight.js';\nimport { bounceInUp } from './bouncing_entrances/bounceInUp.js';\nimport { bounceOut } from './bouncing_exits/bounceOut.js';\nimport { bounceOutDown } from './bouncing_exits/bounceOutDown.js';\nimport { bounceOutLeft } from './bouncing_exits/bounceOutLeft.js';\nimport { bounceOutRight } from './bouncing_exits/bounceOutRight.js';\nimport { bounceOutUp } from './bouncing_exits/bounceOutUp.js';\nimport { fadeIn } from './fading_entrances/fadeIn.js';\nimport { fadeInBottomLeft } from './fading_entrances/fadeInBottomLeft.js';\nimport { fadeInBottomRight } from './fading_entrances/fadeInBottomRight.js';\nimport { fadeInDown } from './fading_entrances/fadeInDown.js';\nimport { fadeInDownBig } from './fading_entrances/fadeInDownBig.js';\nimport { fadeInLeft } from './fading_entrances/fadeInLeft.js';\nimport { fadeInLeftBig } from './fading_entrances/fadeInLeftBig.js';\nimport { fadeInRight } from './fading_entrances/fadeInRight.js';\nimport { fadeInRightBig } from './fading_entrances/fadeInRightBig.js';\nimport { fadeInTopLeft } from './fading_entrances/fadeInTopLeft.js';\nimport { fadeInTopRight } from './fading_entrances/fadeInTopRight.js';\nimport { fadeInUp } from './fading_entrances/fadeInUp.js';\nimport { fadeInUpBig } from './fading_entrances/fadeInUpBig.js';\nimport { fadeOut } from './fading_exits/fadeOut.js';\nimport { fadeOutBottomLeft } from './fading_exits/fadeOutBottomLeft.js';\nimport { fadeOutBottomRight } from './fading_exits/fadeOutBottomRight.js';\nimport { fadeOutDown } from './fading_exits/fadeOutDown.js';\nimport { fadeOutDownBig } from './fading_exits/fadeOutDownBig.js';\nimport { fadeOutLeft } from './fading_exits/fadeOutLeft.js';\nimport { fadeOutLeftBig } from './fading_exits/fadeOutLeftBig.js';\nimport { fadeOutRight } from './fading_exits/fadeOutRight.js';\nimport { fadeOutRightBig } from './fading_exits/fadeOutRightBig.js';\nimport { fadeOutTopLeft } from './fading_exits/fadeOutTopLeft.js';\nimport { fadeOutTopRight } from './fading_exits/fadeOutTopRight.js';\nimport { fadeOutUp } from './fading_exits/fadeOutUp.js';\nimport { fadeOutUpBig } from './fading_exits/fadeOutUpBig.js';\nimport { flip } from './flippers/flip.js';\nimport { flipInX } from './flippers/flipInX.js';\nimport { flipInY } from './flippers/flipInY.js';\nimport { flipOutX } from './flippers/flipOutX.js';\nimport { flipOutY } from './flippers/flipOutY.js';\nimport { lightSpeedInLeft } from './lightspeed/lightSpeedInLeft.js';\nimport { lightSpeedInRight } from './lightspeed/lightSpeedInRight.js';\nimport { lightSpeedOutLeft } from './lightspeed/lightSpeedOutLeft.js';\nimport { lightSpeedOutRight } from './lightspeed/lightSpeedOutRight.js';\nimport { rotateIn } from './rotating_entrances/rotateIn.js';\nimport { rotateInDownLeft } from './rotating_entrances/rotateInDownLeft.js';\nimport { rotateInDownRight } from './rotating_entrances/rotateInDownRight.js';\nimport { rotateInUpLeft } from './rotating_entrances/rotateInUpLeft.js';\nimport { rotateInUpRight } from './rotating_entrances/rotateInUpRight.js';\nimport { rotateOut } from './rotating_exits/rotateOut.js';\nimport { rotateOutDownLeft } from './rotating_exits/rotateOutDownLeft.js';\nimport { rotateOutDownRight } from './rotating_exits/rotateOutDownRight.js';\nimport { rotateOutUpLeft } from './rotating_exits/rotateOutUpLeft.js';\nimport { rotateOutUpRight } from './rotating_exits/rotateOutUpRight.js';\nimport { slideInDown } from './sliding_entrances/slideInDown.js';\nimport { slideInLeft } from './sliding_entrances/slideInLeft.js';\nimport { slideInRight } from './sliding_entrances/slideInRight.js';\nimport { slideInUp } from './sliding_entrances/slideInUp.js';\nimport { slideOutDown } from './sliding_exits/slideOutDown.js';\nimport { slideOutLeft } from './sliding_exits/slideOutLeft.js';\nimport { slideOutRight } from './sliding_exits/slideOutRight.js';\nimport { slideOutUp } from './sliding_exits/slideOutUp.js';\nimport { hinge } from './specials/hinge.js';\nimport { jackInTheBox } from './specials/jackInTheBox.js';\nimport { rollIn } from './specials/rollIn.js';\nimport { rollOut } from './specials/rollOut.js';\nimport { zoomIn } from './zooming_entrances/zoomIn.js';\nimport { zoomInDown } from './zooming_entrances/zoomInDown.js';\nimport { zoomInLeft } from './zooming_entrances/zoomInLeft.js';\nimport { zoomInRight } from './zooming_entrances/zoomInRight.js';\nimport { zoomInUp } from './zooming_entrances/zoomInUp.js';\nimport { zoomOut } from './zooming_exits/zoomOut.js';\nimport { zoomOutDown } from './zooming_exits/zoomOutDown.js';\nimport { zoomOutLeft } from './zooming_exits/zoomOutLeft.js';\nimport { zoomOutRight } from './zooming_exits/zoomOutRight.js';\nimport { zoomOutUp } from './zooming_exits/zoomOutUp.js';\n\nexport const animations = {\n bounce,\n flash,\n headShake,\n heartBeat,\n jello,\n pulse,\n rubberBand,\n shake,\n shakeX,\n shakeY,\n swing,\n tada,\n wobble,\n backInDown,\n backInLeft,\n backInRight,\n backInUp,\n backOutDown,\n backOutLeft,\n backOutRight,\n backOutUp,\n bounceIn,\n bounceInDown,\n bounceInLeft,\n bounceInRight,\n bounceInUp,\n bounceOut,\n bounceOutDown,\n bounceOutLeft,\n bounceOutRight,\n bounceOutUp,\n fadeIn,\n fadeInBottomLeft,\n fadeInBottomRight,\n fadeInDown,\n fadeInDownBig,\n fadeInLeft,\n fadeInLeftBig,\n fadeInRight,\n fadeInRightBig,\n fadeInTopLeft,\n fadeInTopRight,\n fadeInUp,\n fadeInUpBig,\n fadeOut,\n fadeOutBottomLeft,\n fadeOutBottomRight,\n fadeOutDown,\n fadeOutDownBig,\n fadeOutLeft,\n fadeOutLeftBig,\n fadeOutRight,\n fadeOutRightBig,\n fadeOutTopLeft,\n fadeOutTopRight,\n fadeOutUp,\n fadeOutUpBig,\n flip,\n flipInX,\n flipInY,\n flipOutX,\n flipOutY,\n lightSpeedInLeft,\n lightSpeedInRight,\n lightSpeedOutLeft,\n lightSpeedOutRight,\n rotateIn,\n rotateInDownLeft,\n rotateInDownRight,\n rotateInUpLeft,\n rotateInUpRight,\n rotateOut,\n rotateOutDownLeft,\n rotateOutDownRight,\n rotateOutUpLeft,\n rotateOutUpRight,\n slideInDown,\n slideInLeft,\n slideInRight,\n slideInUp,\n slideOutDown,\n slideOutLeft,\n slideOutRight,\n slideOutUp,\n hinge,\n jackInTheBox,\n rollIn,\n rollOut,\n zoomIn,\n zoomInDown,\n zoomInLeft,\n zoomInRight,\n zoomInUp,\n zoomOut,\n zoomOutDown,\n zoomOutLeft,\n zoomOutRight,\n zoomOutUp,\n} as const;\n\nexport { easings } from './easings/easings';\n","import {\n Component,\n Prop,\n Watch,\n h,\n ComponentInterface,\n EventEmitter,\n Event,\n Host,\n Method,\n} from '@stencil/core';\nimport { animations, easings } from './animations';\nimport type { AnimationEasing, AnimationName } from '../../interface';\n\n/**\n * Animate elements declaratively with [~100 baked-in presets](https://animate.style/), or make your own with custom keyframes.\n * Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).\n *\n * @slot - The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To animate multiple elements, either wrap them in a single container or use multiple *nano-animation* elements.\n */\n@Component({\n tag: 'nano-animation',\n styles: /* css */ `\n :host {\n display: contents;\n }\n `,\n shadow: true,\n})\nexport class NanoAnimation implements ComponentInterface {\n private animation?: Animation;\n private hasStarted = false;\n private defaultSlot?: HTMLSlotElement;\n\n /** The name of the built-in animation to use. For custom animations, use the `keyframes` prop. */\n @Prop() name: AnimationName | 'none' = 'none';\n\n /**\n * Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\n * the animation finishes or gets canceled.\n */\n @Prop({ reflect: true, mutable: true }) play = false;\n\n /** The number of milliseconds to delay the start of the animation. */\n @Prop() delay = 0;\n\n /**\n * Determines the direction of playback as well as the behavior when reaching the end of an iteration.\n * [Learn more](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction)\n */\n @Prop() direction: PlaybackDirection = 'normal';\n\n /** The number of milliseconds each iteration of the animation takes to complete. */\n @Prop() duration = 1000;\n\n /**\n * The easing function to use for the animation. This can be a easing function or a custom easing function\n * such as `cubic-bezier(0, 1, .76, 1.14)`.\n */\n @Prop() easing: AnimationEasing = 'ease';\n\n /** The number of milliseconds to delay after the active period of an animation sequence. */\n @Prop() endDelay = 0;\n\n /** Sets how the animation applies styles to its target before and after its execution. */\n @Prop() fill: FillMode = 'auto';\n\n /** The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops. */\n @Prop() iterations = Infinity;\n\n /** The offset at which to start the animation, usually between 0 (start) and 1 (end). */\n @Prop() iterationStart = 0;\n\n /** The keyframes to use for the animation. If this is set, `name` will be ignored. */\n @Prop() keyframes?: Keyframe[];\n\n /**\n * Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this\n * to `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This\n * value can be changed without causing the animation to restart.\n */\n @Prop() playbackRate = 1;\n\n /** Emitted when the animation is canceled. */\n @Event() nanoCancel: EventEmitter;\n\n /** Emitted when the animation finishes. */\n @Event() nanoFinish: EventEmitter;\n\n /** Emitted when the animation starts. */\n @Event() nanoStart: EventEmitter;\n\n /** Gets and sets the current animation time. */\n @Prop()\n get currentTime(): CSSNumberish {\n return this.animation?.currentTime ?? 0;\n }\n set currentTime(time: number) {\n if (this.animation) {\n this.animation.currentTime = time;\n }\n }\n\n connectedCallback() {\n this.createAnimation();\n }\n\n disconnectedCallback() {\n this.destroyAnimation();\n }\n\n private handleAnimationFinish = () => {\n this.play = false;\n this.hasStarted = false;\n this.nanoFinish.emit();\n };\n\n private handleAnimationCancel = () => {\n this.play = false;\n this.hasStarted = false;\n this.nanoCancel.emit();\n };\n\n private handleSlotChange = () => {\n this.destroyAnimation();\n this.createAnimation();\n };\n\n private async createAnimation() {\n if (!this.defaultSlot) return;\n\n const easing = easings[this.easing] ?? this.easing;\n const keyframes =\n this.keyframes ??\n (animations as unknown as Partial<Record<string, Keyframe[]>>)[this.name];\n const slot = this.defaultSlot;\n const element = slot.assignedElements()[0] as HTMLElement | undefined;\n\n if (!element || !keyframes) {\n return false;\n }\n\n this.destroyAnimation();\n this.animation = element.animate(keyframes, {\n delay: this.delay,\n direction: this.direction,\n duration: this.duration,\n easing,\n endDelay: this.endDelay,\n fill: this.fill,\n iterationStart: this.iterationStart,\n iterations: this.iterations,\n });\n this.animation.playbackRate = this.playbackRate;\n this.animation.addEventListener('cancel', this.handleAnimationCancel);\n this.animation.addEventListener('finish', this.handleAnimationFinish);\n\n if (this.play) {\n this.hasStarted = true;\n this.nanoStart.emit();\n } else {\n this.animation.pause();\n }\n\n return true;\n }\n\n private destroyAnimation() {\n if (this.animation) {\n this.animation.cancel();\n this.animation.removeEventListener('cancel', this.handleAnimationCancel);\n this.animation.removeEventListener('finish', this.handleAnimationFinish);\n this.hasStarted = false;\n }\n }\n\n @Watch('name')\n @Watch('delay')\n @Watch('direction')\n @Watch('duration')\n @Watch('easing')\n @Watch('endDelay')\n @Watch('fill')\n @Watch('iterations')\n @Watch('iterationStart')\n @Watch('keyframes')\n handleAnimationChange() {\n this.createAnimation();\n }\n\n @Watch('play')\n handlePlayChange() {\n if (this.animation) {\n if (this.play && !this.hasStarted) {\n this.hasStarted = true;\n this.nanoStart.emit();\n }\n\n if (this.play) {\n this.animation.play();\n } else {\n this.animation.pause();\n }\n\n return true;\n }\n return false;\n }\n\n @Watch('playbackRate')\n handlePlaybackRateChange() {\n if (this.animation) {\n this.animation.playbackRate = this.playbackRate;\n }\n }\n\n /** Clears all keyframe effects caused by this animation and aborts its playback. */\n @Method()\n async cancel() {\n this.animation?.cancel();\n }\n\n /** Sets the playback time to the end of the animation corresponding to the current playback direction. */\n @Method()\n async finish() {\n this.animation?.finish();\n }\n\n render() {\n return (\n <Host>\n <slot\n ref={(slot) => (this.defaultSlot = slot as HTMLSlotElement)}\n onSlotchange={this.handleSlotChange}\n ></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/nano-hero.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { d as defineCustomElement$4 } from './img.js';
 import { d as defineCustomElement$3 } from './resize-observe.js';
 import { d as defineCustomElement$2 } from './skeleton.js';
-const heroCss = ":host {\n  box-sizing: border-box;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n/**\nTODO - as soon as container queries hits everywhere, strip out reliance on nano-grid breakpoints\n**/\n:host {\n  /**\n   * @prop --nano-loader-base: Base colour of nano-skeleton. Default depends on theme;\n   * @prop --nano-loader-tint: Tint colour of nano-skeleton. Default depends on theme;\n   * @prop --theme-color: Text color. Default depends on theme;\n   * @prop --theme-tint-color: Color used for bread crumbs and icons. Defaults to #90c6e7;\n   * @prop --scrim-color: Color of the gradient covering the background. Default depends on theme;\n   * @prop --scrim-direction: Direction of the gradient covering the background. Default what content slots are present;\n   * @prop --scrim-opacity-from: Starting opactiy of the gradient covering the background. Default .25;\n   * @prop --scrim-opacity-to: Final opactiy of the gradient covering the background. Default depends on `theme`;\n   * @prop --quote-size: Font size of the quote. Defaults to 1.3em and grows to 3rem on the xl breakpoint;\n  */\n  --nano-loader-base: #4a4a4a;\n  --nano-loader-tint: #7d7d7d;\n  --theme-color: #fff;\n  --theme-tint-color: #90c6e7;\n  --scrim-color: 0 0 0;\n  --scrim-direction: 90deg;\n  --scrim-opacity-from: 0.25;\n  --scrim-opacity-to: 0.7;\n  --padding: 0;\n  --quote-size: 1.3rem;\n  color: var(--theme-color);\n  display: block;\n  container-type: inline-size;\n}\n\n:host([theme=light]) {\n  --nano-loader-base: #fff;\n  --nano-loader-tint: white;\n  --theme-color: #4a4a4a;\n  --scrim-color: 255 255 255;\n  --scrim-opacity-from: 0.25;\n  --scrim-opacity-to: 1;\n  --scrim-direction: 270deg;\n  color: var(--theme-color);\n}\n:host([theme=light]) .hero__primary-content {\n  --color: #4a4a4a;\n}\n\n.hero {\n  position: relative;\n}\n@container (min-width: 800px) {\n  .hero {\n    --quote-size: 3rem;\n  }\n}\n.hero--rtl {\n  --scrim-direction: 270deg;\n}\n.hero--secondary:not(.hero--iconbox) {\n  --scrim-direction: 0deg;\n}\n.hero__bg-wrap {\n  overflow: hidden;\n}\n.hero__bg-slot {\n  position: absolute;\n  inset: 0;\n}\n.hero__ctas {\n  display: flex;\n  justify-content: flex-end;\n  padding-block: 32px 0;\n  padding-inline: 32px;\n  margin-block-end: -64px;\n  position: relative;\n  z-index: 1;\n}\n@media (max-width: 52em) {\n  .hero__ctas {\n    display: none;\n  }\n}\n@media (max-width: 58em) {\n  .hero__ctas {\n    margin-block-end: -48px;\n  }\n}\n.hero__ctas ::slotted(a.button[slot=secondary-ctas]) {\n  padding-block: 0.25rem !important;\n  padding-inline: 0.5rem !important;\n  font-size: 0.875rem !important;\n  margin-block: 0 !important;\n  margin-inline: 0.25rem !important;\n}\n.hero__img {\n  display: block;\n  --padding: inherit;\n}\n.hero__breadcrumbs {\n  display: none;\n  margin-block: 20px 0;\n  margin-inline: 14px;\n  line-height: 14px;\n}\n.hero--breadcrumb .hero__breadcrumbs {\n  display: block;\n}\n@container (min-width: 800px) {\n  .hero__breadcrumbs {\n    margin-block: 0;\n    margin-inline: 50px;\n    max-inline-size: 50%;\n  }\n}\n@container (min-width: 900px) {\n  .hero__breadcrumbs {\n    margin-block: 0;\n    margin-inline: 83px;\n  }\n}\n.hero__breadcrumbs ::slotted(*[slot=breadcrumb]) {\n  font-size: 0.85rem;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  font-weight: 600;\n  font-stretch: 125%;\n  display: inline-block;\n  margin-block-end: 16px;\n  position: relative;\n  z-index: 2;\n}\n.hero--hasbg .hero__breadcrumbs ::slotted(*[slot=breadcrumb]) {\n  text-shadow: 1px 1px rgba(0, 0, 0, 0.15);\n}\n.hero__breadcrumbs ::slotted(a[slot=breadcrumb]) {\n  color: var(--theme-tint-color) !important;\n  cursor: pointer;\n}\n.hero__breadcrumbs ::slotted(.slash[slot=breadcrumb]) {\n  color: var(--theme-color);\n  position: relative;\n  margin-block: 0;\n  margin-inline: 0.5rem;\n  display: inline-block;\n}\n.hero__scrim {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  background: linear-gradient(var(--scrim-direction), rgb(var(--scrim-color)/var(--scrim-opacity-from)) 0%, rgb(var(--scrim-color)/var(--scrim-opacity-to)) 100%);\n}\n.hero--scrim .hero__scrim {\n  background: none;\n}\n.hero__content {\n  max-inline-size: 1440px;\n  display: block;\n  --grid-row-gap: 0;\n  margin-block: 0;\n  margin-inline: auto;\n  position: relative;\n}\n@container (min-width: 800px) {\n  .hero__content {\n    margin-block: 50px 0 !important;\n    max-inline-size: 1540px !important;\n  }\n}\n@container (min-width: 900px) {\n  .hero__content {\n    margin-block: 83px 0 !important;\n    max-inline-size: 1606px !important;\n  }\n}\n.hero__primary {\n  margin: 16px;\n}\n.hero--breadcrumb .hero__primary {\n  margin-block: 0;\n  margin-inline: 16px;\n}\n.hero--backbtn .hero__primary {\n  margin-inline-start: 0;\n}\n.hero__primary ::slotted(nano-icon-button[slot=back-btn]) {\n  font-size: 2rem;\n}\n@container (min-width: 800px) {\n  .hero__primary {\n    margin-block: 0 50px !important;\n    margin-inline: 50px 0 !important;\n  }\n  .hero__primary ::slotted(nano-icon-button[slot=back-btn]) {\n    margin-block: 0 !important;\n    margin-inline: -3rem 0 !important;\n  }\n}\n@container (min-width: 900px) {\n  .hero__primary {\n    margin-block: 0 83px !important;\n    margin-inline: 83px 0 !important;\n  }\n}\n.hero__primary-content {\n  max-inline-size: 45rem;\n  --color: #fff;\n  display: flex;\n}\n.hero--backbtn .hero__primary-content > div {\n  padding-block: 10px 0;\n  padding-inline: 0;\n}\n.hero__primary-content ::slotted(h1[slot=primary-content]) {\n  line-height: 26px !important;\n  margin-block: 0 18px !important;\n  font-size: 2rem !important;\n}\n@container (min-width: 800px) {\n  .hero__primary-content ::slotted(h1[slot=primary-content]) {\n    line-height: 31px !important;\n    margin-block-end: 30px !important;\n  }\n  .hero__primary-content ::slotted(.button[slot=primary-content]) {\n    margin-block-start: 20px !important;\n  }\n}\n.hero__secondary {\n  display: none;\n  block-size: 100%;\n  padding-block: 0 20px;\n  padding-inline: 14px;\n}\n.hero--secondary .hero__secondary {\n  display: flex;\n  align-items: center;\n}\n@container (min-width: 800px) {\n  .hero__secondary {\n    padding-block: 0 50px;\n    padding-inline: 50px;\n    justify-content: flex-end;\n  }\n}\n@container (min-width: 900px) {\n  .hero__secondary {\n    padding-block: 0 83px;\n    padding-inline: 83px;\n  }\n}\n.hero__icon-box {\n  background: rgba(0, 0, 0, 0.7);\n  padding: 24px;\n  inline-size: 100%;\n  margin-block-end: auto;\n  display: flex;\n  flex-direction: column;\n  color: white;\n}\n@container (min-width: 800px) {\n  .hero__icon-box {\n    max-inline-size: 410px;\n    flex: 0 1 410px;\n  }\n}\n.hero__icon-box ::slotted([slot=icon-box-item]) {\n  --nano-color-base: var(--theme-tint-color);\n  --nano-icon-size: 32px;\n  --nano-icon-margin-end: 20px;\n  display: flex;\n  align-items: center;\n  font-size: 0.8125rem;\n  margin-block-end: 20px;\n}\n.hero__icon-box ::slotted(.last[slot=icon-box-item]) {\n  margin-block-end: 0;\n}\n.hero__quote-content {\n  margin-block-start: auto;\n  text-align: center;\n  inline-size: 100%;\n}\n@container (min-width: 800px) {\n  .hero__quote-content {\n    max-inline-size: 500px;\n    flex: 0 1 500px;\n    text-align: initial;\n  }\n}\n.hero__quote::before, .hero__quote::after {\n  content: '\"';\n  font-size: var(--quote-size);\n  font-weight: 700;\n  font-style: italic;\n  line-height: 0;\n  color: #abb6b8;\n  display: inline;\n  position: relative;\n}\n.hero__quote ::slotted([slot=quote]) {\n  font-size: var(--quote-size);\n  font-weight: 300;\n  font-style: italic;\n  display: inline;\n}\n.hero__quote-author {\n  text-align: end;\n  font-size: 1rem;\n  opacity: 0.8;\n}\n@container (min-width: 800px) {\n  .hero--sub .hero__content {\n    margin-block-start: 40px;\n  }\n  .hero--sub .hero__content .hero__primary {\n    margin-block: 0 40px;\n    margin-inline: 50px 0;\n  }\n  .hero--sub .hero__content .hero__secondary {\n    padding-block: 0 50px;\n    padding-inline: 40px 50px;\n  }\n  .hero--sub .hero__content ::slotted(.button[slot=primary-content]) {\n    margin-block-start: 8px !important;\n  }\n  .hero--sub .hero__content ::slotted(h1[slot=primary-content]) {\n    margin-block-end: 18px !important;\n  }\n}\n@container (min-width: 900px) {\n  .hero--sub .hero__content .hero__primary {\n    margin-block: 0 40px;\n    margin-inline: 83px 0;\n  }\n  .hero--sub .hero__content .hero__secondary {\n    padding-block: 0 83px;\n    padding-inline: 40px 83px;\n  }\n}";
+const heroCss = ":host {\n  box-sizing: border-box;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n/**\nTODO - as soon as container queries hits everywhere, strip out reliance on nano-grid breakpoints\n**/\n:host {\n  /**\n   * @prop --nano-loader-base: Base colour of nano-skeleton. Default depends on theme;\n   * @prop --nano-loader-tint: Tint colour of nano-skeleton. Default depends on theme;\n   * @prop --theme-color: Text color. Default depends on theme;\n   * @prop --theme-tint-color: Color used for bread crumbs and icons. Defaults to #90c6e7;\n   * @prop --scrim-color: Color of the gradient covering the background. Default depends on theme;\n   * @prop --scrim-direction: Direction of the gradient covering the background. Default what content slots are present;\n   * @prop --scrim-opacity-from: Starting opactiy of the gradient covering the background. Default .25;\n   * @prop --scrim-opacity-to: Final opactiy of the gradient covering the background. Default depends on `theme`;\n   * @prop --quote-size: Font size of the quote. Defaults to 1.3em and grows to 3rem on the xl breakpoint;\n  */\n  --nano-loader-base: #4a4a4a;\n  --nano-loader-tint: #7d7d7d;\n  --theme-color: #fff;\n  --theme-tint-color: #90c6e7;\n  --scrim-color: 0 0 0;\n  --scrim-direction: 90deg;\n  --scrim-opacity-from: 0.25;\n  --scrim-opacity-to: 0.7;\n  --padding: 0;\n  --quote-size: 1.3rem;\n  color: var(--theme-color);\n  display: block;\n  container-type: inline-size;\n}\n\n:host([theme=light]) {\n  --nano-loader-base: #fff;\n  --nano-loader-tint: white;\n  --theme-color: #4a4a4a;\n  --scrim-color: 255 255 255;\n  --scrim-opacity-from: 0.25;\n  --scrim-opacity-to: 1;\n  --scrim-direction: 270deg;\n  color: var(--theme-color);\n}\n:host([theme=light]) .hero__primary-content {\n  --color: #4a4a4a;\n}\n\n.hero {\n  position: relative;\n}\n@container (min-width: 800px) {\n  .hero {\n    --quote-size: 3rem;\n  }\n}\n.hero--rtl {\n  --scrim-direction: 270deg;\n}\n.hero--secondary:not(.hero--iconbox) {\n  --scrim-direction: 0deg;\n}\n.hero__bg-wrap {\n  overflow: hidden;\n}\n.hero__bg-slot {\n  position: absolute;\n  inset: 0;\n}\n.hero__ctas {\n  display: flex;\n  justify-content: flex-end;\n  padding-block: 32px 0;\n  padding-inline: 32px;\n  margin-block-end: -64px;\n  position: relative;\n  z-index: 1;\n}\n@media (max-width: 52em) {\n  .hero__ctas {\n    display: none;\n  }\n}\n@media (max-width: 58em) {\n  .hero__ctas {\n    margin-block-end: -48px;\n  }\n}\n.hero__ctas ::slotted(a.button[slot=secondary-ctas]) {\n  padding-inline: 0.5rem !important;\n  font-size: 0.875rem !important;\n  margin-block: 0 !important;\n  margin-inline: 0.25rem !important;\n}\n.hero__img {\n  display: block;\n  --padding: inherit;\n}\n.hero__breadcrumbs {\n  display: none;\n  margin-block: 20px 0;\n  margin-inline: 14px;\n  line-height: 14px;\n}\n.hero--breadcrumb .hero__breadcrumbs {\n  display: block;\n}\n@container (min-width: 800px) {\n  .hero__breadcrumbs {\n    margin-block: 0;\n    margin-inline: 50px;\n    max-inline-size: 50%;\n  }\n}\n@container (min-width: 900px) {\n  .hero__breadcrumbs {\n    margin-block: 0;\n    margin-inline: 83px;\n  }\n}\n.hero__breadcrumbs ::slotted(*[slot=breadcrumb]) {\n  font-size: 0.85rem;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  font-weight: 600;\n  font-stretch: 125%;\n  display: inline-block;\n  margin-block-end: 16px;\n  position: relative;\n  z-index: 2;\n}\n.hero--hasbg .hero__breadcrumbs ::slotted(*[slot=breadcrumb]) {\n  text-shadow: 1px 1px rgba(0, 0, 0, 0.15);\n}\n.hero__breadcrumbs ::slotted(a[slot=breadcrumb]) {\n  color: var(--theme-tint-color) !important;\n  cursor: pointer;\n}\n.hero__breadcrumbs ::slotted(.slash[slot=breadcrumb]) {\n  color: var(--theme-color);\n  position: relative;\n  margin-block: 0;\n  margin-inline: 0.5rem;\n  display: inline-block;\n}\n.hero__scrim {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  background: linear-gradient(var(--scrim-direction), rgb(var(--scrim-color)/var(--scrim-opacity-from)) 0%, rgb(var(--scrim-color)/var(--scrim-opacity-to)) 100%);\n}\n.hero--scrim .hero__scrim {\n  background: none;\n}\n.hero__content {\n  max-inline-size: 1440px;\n  display: block;\n  --grid-row-gap: 0;\n  margin-block: 0;\n  margin-inline: auto;\n  position: relative;\n}\n@container (min-width: 800px) {\n  .hero__content {\n    margin-block: 50px 0 !important;\n    max-inline-size: 1540px !important;\n  }\n}\n@container (min-width: 900px) {\n  .hero__content {\n    margin-block: 83px 0 !important;\n    max-inline-size: 1606px !important;\n  }\n}\n.hero__primary {\n  margin: 16px;\n}\n.hero--breadcrumb .hero__primary {\n  margin-block: 0;\n  margin-inline: 16px;\n}\n.hero--backbtn .hero__primary {\n  margin-inline-start: 0;\n}\n.hero__primary ::slotted(nano-icon-button[slot=back-btn]) {\n  font-size: 2rem;\n}\n@container (min-width: 800px) {\n  .hero__primary {\n    margin-block: 0 50px !important;\n    margin-inline: 50px 0 !important;\n  }\n  .hero__primary ::slotted(nano-icon-button[slot=back-btn]) {\n    margin-block: 0 !important;\n    margin-inline: -3rem 0 !important;\n  }\n}\n@container (min-width: 900px) {\n  .hero__primary {\n    margin-block: 0 83px !important;\n    margin-inline: 83px 0 !important;\n  }\n}\n.hero__primary-content {\n  max-inline-size: 45rem;\n  --color: #fff;\n  display: flex;\n}\n.hero--backbtn .hero__primary-content > div {\n  padding-block: 10px 0;\n  padding-inline: 0;\n}\n.hero__primary-content ::slotted(h1[slot=primary-content]) {\n  line-height: 26px !important;\n  margin-block: 0 18px !important;\n  font-size: 2rem !important;\n}\n@container (min-width: 800px) {\n  .hero__primary-content ::slotted(h1[slot=primary-content]) {\n    line-height: 31px !important;\n    margin-block-end: 30px !important;\n  }\n  .hero__primary-content ::slotted(.button[slot=primary-content]) {\n    margin-block-start: 20px !important;\n  }\n}\n.hero__secondary {\n  display: none;\n  block-size: 100%;\n  padding-block: 0 20px;\n  padding-inline: 14px;\n}\n.hero--secondary .hero__secondary {\n  display: flex;\n  align-items: center;\n}\n@container (min-width: 800px) {\n  .hero__secondary {\n    padding-block: 0 50px;\n    padding-inline: 50px;\n    justify-content: flex-end;\n  }\n}\n@container (min-width: 900px) {\n  .hero__secondary {\n    padding-block: 0 83px;\n    padding-inline: 83px;\n  }\n}\n.hero__icon-box {\n  background: rgba(0, 0, 0, 0.7);\n  padding: 24px;\n  inline-size: 100%;\n  margin-block-end: auto;\n  display: flex;\n  flex-direction: column;\n  color: white;\n}\n@container (min-width: 800px) {\n  .hero__icon-box {\n    max-inline-size: 410px;\n    flex: 0 1 410px;\n  }\n}\n.hero__icon-box ::slotted([slot=icon-box-item]) {\n  --nano-color-base: var(--theme-tint-color);\n  --nano-icon-size: 32px;\n  --nano-icon-margin-end: 20px;\n  display: flex;\n  align-items: center;\n  font-size: 0.8125rem;\n  margin-block-end: 20px;\n}\n.hero__icon-box ::slotted(.last[slot=icon-box-item]) {\n  margin-block-end: 0;\n}\n.hero__quote-content {\n  margin-block-start: auto;\n  text-align: center;\n  inline-size: 100%;\n}\n@container (min-width: 800px) {\n  .hero__quote-content {\n    max-inline-size: 500px;\n    flex: 0 1 500px;\n    text-align: initial;\n  }\n}\n.hero__quote::before, .hero__quote::after {\n  content: '\"';\n  font-size: var(--quote-size);\n  font-weight: 700;\n  font-style: italic;\n  line-height: 0;\n  color: #abb6b8;\n  display: inline;\n  position: relative;\n}\n.hero__quote ::slotted([slot=quote]) {\n  font-size: var(--quote-size);\n  font-weight: 300;\n  font-style: italic;\n  display: inline;\n}\n.hero__quote-author {\n  text-align: end;\n  font-size: 1rem;\n  opacity: 0.8;\n}\n@container (min-width: 800px) {\n  .hero--sub .hero__content {\n    margin-block-start: 40px;\n  }\n  .hero--sub .hero__content .hero__primary {\n    margin-block: 0 40px;\n    margin-inline: 50px 0;\n  }\n  .hero--sub .hero__content .hero__secondary {\n    padding-block: 0 50px;\n    padding-inline: 40px 50px;\n  }\n  .hero--sub .hero__content ::slotted(.button[slot=primary-content]) {\n    margin-block-start: 8px !important;\n  }\n  .hero--sub .hero__content ::slotted(h1[slot=primary-content]) {\n    margin-block-end: 18px !important;\n  }\n}\n@container (min-width: 900px) {\n  .hero--sub .hero__content .hero__primary {\n    margin-block: 0 40px;\n    margin-inline: 83px 0;\n  }\n  .hero--sub .hero__content .hero__secondary {\n    padding-block: 0 83px;\n    padding-inline: 40px 83px;\n  }\n}";
 const Hero = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/nano-hero.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"nano-hero.js","mappings":"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","names":[],"sources":["./src/components/hero/hero.scss?tag=nano-hero&encapsulation=shadow","./src/components/hero/hero.tsx"],"sourcesContent":["@use 'sass:map';\n@use 'sass:list';\n\n@import '../../global/style/utilities/globals';\n@import '../../global/style/nano-theme/colours';\n\n/\nTODO - as soon as container queries hits everywhere, strip out reliance on nano-grid breakpoints\n/\n\n:host {\n /*\n @prop --nano-loader-base: Base colour of nano-skeleton. Default depends on theme;\n * @prop --nano-loader-tint: Tint colour of nano-skeleton. Default depends on theme;\n * @prop --theme-color: Text color. Default depends on theme;\n * @prop --theme-tint-color: Color used for bread crumbs and icons. Defaults to #{map.get($colors, lightblue)};\n * @prop --scrim-color: Color of the gradient covering the background. Default depends on theme;\n * @prop --scrim-direction: Direction of the gradient covering the background. Default what content slots are present;\n * @prop --scrim-opacity-from: Starting opactiy of the gradient covering the background. Default .25;\n * @prop --scrim-opacity-to: Final opactiy of the gradient covering the background. Default depends on `theme`;\n * @prop --quote-size: Font size of the quote. Defaults to 1.3em and grows to 3rem on the xl breakpoint;\n /\n\n --nano-loader-base: #{map.get($colors, black)};\n --nano-loader-tint: #{lighten(map.get($colors, black), 20%)};\n --theme-color: #{map.get($colors, white)};\n --theme-tint-color: #{map.get($colors, lightblue)};\n --scrim-color: 0 0 0;\n --scrim-direction: 90deg;\n --scrim-opacity-from: 0.25;\n --scrim-opacity-to: 0.7;\n --padding: 0;\n --quote-size: 1.3rem;\n\n color: var(--theme-color);\n display: block;\n container-type: inline-size;\n}\n\n:host([theme='light']) {\n --nano-loader-base: #{map.get($colors, white)};\n --nano-loader-tint: #{lighten(map.get($colors, white), 20%)};\n --theme-color: #{map.get($colors, black)};\n --scrim-color: 255 255 255;\n --scrim-opacity-from: 0.25;\n --scrim-opacity-to: 1;\n --scrim-direction: 270deg;\n\n color: var(--theme-color);\n\n .hero__primary-content {\n --color: #{map.get($colors, black)};\n }\n}\n\n.hero {\n position: relative;\n\n @container (min-width: 800px) {\n --quote-size: 3rem;\n }\n\n &--rtl {\n --scrim-direction: 270deg;\n }\n\n &--secondary:not(.hero--iconbox) {\n --scrim-direction: 0deg;\n }\n\n &__bg-wrap {\n overflow: hidden;\n }\n\n &__bg-slot {\n position: absolute;\n inset: 0;\n }\n\n &__ctas {\n @media (max-width: 52em) {\n display: none;\n }\n\n @media (max-width: 58em) {\n margin-block-end: -48px;\n }\n\n display: flex;\n justify-content: flex-end;\n padding-block: 32px 0;\n padding-inline: 32px;\n margin-block-end: -64px;\n position: relative;\n z-index: 1;\n\n ::slotted(a.button[slot='secondary-ctas']) {\n padding-block: 0.25rem !important;\n padding-inline: 0.5rem !important;\n font-size: 0.875rem !important;\n margin-block: 0 !important;\n margin-inline: 0.25rem !important;\n }\n }\n\n &__img {\n display: block;\n\n --padding: inherit;\n }\n\n &__breadcrumbs {\n display: none;\n margin-block: 20px 0;\n margin-inline: 14px;\n line-height: 14px;\n\n .hero--breadcrumb & {\n display: block;\n }\n\n @container (min-width: 800px) {\n margin-block: 0;\n margin-inline: 50px;\n max-inline-size: 50%;\n }\n\n @container (min-width: 900px) {\n margin-block: 0;\n margin-inline: 83px;\n }\n\n ::slotted([slot='breadcrumb']) {\n font-size: 0.85rem;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n font-weight: 600;\n font-stretch: 125%;\n display: inline-block;\n margin-block-end: 16px;\n position: relative;\n z-index: 2;\n\n .hero--hasbg & {\n text-shadow: 1px 1px rgb(0 0 0 / 15%);\n }\n }\n\n ::slotted(a[slot='breadcrumb']) {\n color: var(--theme-tint-color) !important;\n cursor: pointer;\n }\n\n ::slotted(.slash[slot='breadcrumb']) {\n color: var(--theme-color);\n position: relative;\n margin-block: 0;\n margin-inline: 0.5rem;\n display: inline-block;\n }\n }\n\n &__scrim {\n position: absolute;\n inset: 0;\n z-index: 0;\n background:\n linear-gradient(\n var(--scrim-direction),\n rgb(var(--scrim-color) / var(--scrim-opacity-from)) 0%,\n rgb(var(--scrim-color) / var(--scrim-opacity-to)) 100%\n );\n\n .hero--scrim & {\n background: none;\n }\n }\n\n &__content {\n max-inline-size: 1440px;\n display: block;\n\n --grid-row-gap: 0;\n\n margin-block: 0;\n margin-inline: auto;\n position: relative;\n\n @container (min-width: 800px) {\n margin-block: 50px 0 !important;\n max-inline-size: 1540px !important;\n }\n\n @container (min-width: 900px) {\n margin-block: 83px 0 !important;\n max-inline-size: 1606px !important;\n }\n }\n\n &__primary {\n margin: 16px;\n\n .hero--breadcrumb & {\n margin-block: 0;\n margin-inline: 16px;\n }\n\n .hero--backbtn & {\n margin-inline-start: 0;\n }\n\n ::slotted(nano-icon-button[slot='back-btn']) {\n font-size: 2rem;\n }\n\n @container (min-width: 800px) {\n margin-block: 0 50px !important;\n margin-inline: 50px 0 !important;\n\n ::slotted(nano-icon-button[slot='back-btn']) {\n margin-block: 0 !important;\n margin-inline: -3rem 0 !important;\n }\n }\n\n @container (min-width: 900px) {\n margin-block: 0 83px !important;\n margin-inline: 83px 0 !important;\n }\n }\n\n &__primary-content {\n max-inline-size: 45rem;\n\n --color: #fff;\n\n display: flex;\n\n .hero--backbtn & {\n > div {\n padding-block: 10px 0;\n padding-inline: 0;\n }\n }\n\n ::slotted(h1[slot='primary-content']) {\n line-height: 26px !important;\n margin-block: 0 18px !important;\n font-size: 2rem !important;\n }\n\n @container (min-width: 800px) {\n ::slotted(h1[slot='primary-content']) {\n line-height: 31px !important;\n margin-block-end: 30px !important;\n }\n\n ::slotted(.button[slot='primary-content']) {\n margin-block-start: 20px !important;\n }\n }\n }\n\n &__secondary {\n display: none;\n block-size: 100%;\n padding-block: 0 20px;\n padding-inline: 14px;\n\n .hero--secondary & {\n display: flex;\n align-items: center;\n }\n\n @container (min-width: 800px) {\n padding-block: 0 50px;\n padding-inline: 50px;\n justify-content: flex-end;\n }\n\n @container (min-width: 900px) {\n padding-block: 0 83px;\n padding-inline: 83px;\n }\n }\n\n &__icon-box {\n background: rgb(0 0 0 / 70%);\n padding: 24px;\n inline-size: 100%;\n margin-block-end: auto;\n display: flex;\n flex-direction: column;\n color: white;\n\n @container (min-width: 800px) {\n max-inline-size: 410px;\n flex: 0 1 410px;\n }\n\n ::slotted([slot='icon-box-item']) {\n --nano-color-base: var(--theme-tint-color);\n --nano-icon-size: 32px;\n --nano-icon-margin-end: 20px;\n\n display: flex;\n align-items: center;\n font-size: 0.8125rem;\n margin-block-end: 20px;\n }\n\n ::slotted(.last[slot='icon-box-item']) {\n margin-block-end: 0;\n }\n }\n\n &__quote-content {\n margin-block-start: auto;\n text-align: center;\n inline-size: 100%;\n\n @container (min-width: 800px) {\n max-inline-size: 500px;\n flex: 0 1 500px;\n text-align: initial;\n }\n }\n\n &__quote {\n &::before,\n &::after {\n content: '\"';\n font-size: var(--quote-size);\n font-weight: 700;\n font-style: italic;\n line-height: 0;\n color: #abb6b8;\n display: inline;\n position: relative;\n }\n\n ::slotted([slot='quote']) {\n font-size: var(--quote-size);\n font-weight: 300;\n font-style: italic;\n display: inline;\n }\n }\n\n &__quote-author {\n text-align: end;\n font-size: 1rem;\n opacity: 0.8;\n }\n\n &--sub {\n .hero__content {\n @container (min-width: 800px) {\n margin-block-start: 40px;\n\n .hero__primary {\n margin-block: 0 40px;\n margin-inline: 50px 0;\n }\n\n .hero__secondary {\n padding-block: 0 50px;\n padding-inline: 40px 50px;\n }\n\n ::slotted(.button[slot='primary-content']) {\n margin-block-start: 8px !important;\n }\n\n ::slotted(h1[slot='primary-content']) {\n margin-block-end: 18px !important;\n }\n }\n\n @container (min-width: 900px) {\n .hero__primary {\n margin-block: 0 40px;\n margin-inline: 83px 0;\n }\n\n .hero__secondary {\n padding-block: 0 83px;\n padding-inline: 40px 83px;\n }\n }\n }\n }\n}\n","import {\n Component,\n Prop,\n h,\n ComponentInterface,\n VNode,\n State,\n Element,\n Watch,\n Host,\n} from '@stencil/core';\n/*\n Hero components are designed to be used once per content page to add visual impact to the introductory section of a page.\n * @slot primary-content - title, leading paragraph and CTA\n * @slot breadcrumb - each individual bread crumb should be assigned seperately\n * @slot secondary-content - free form secondary content.\n * @slot icon-box - free form icon box container\n * @slot icon-box-item - seperate icon box items. Designed to contain 1 icon and 1 text element.\n * @slot secondary-ctas - CTAs. each individual button should be assigned seperately\n * @slot quote - quote content\n * @slot quote-author - quote author\n * @slot scrim - optional background overlay (e.g. faded colour or gradient)\n * @slot background - custom background. Only active when img-src is empty\n * @slot back-btn - a back button.\n /\n@Component({\n tag: 'nano-hero',\n styleUrl: 'hero.scss',\n shadow: true,\n})\nexport class Hero implements ComponentInterface {\n private mo?: MutationObserver;\n\n @Element() host: HTMLNanoHeroElement;\n\n @State() hasIconBox: boolean;\n @State() hasScrim: boolean;\n @State() hasSecondaryContent: boolean;\n @State() hasQuote: boolean;\n @State() hasBg: boolean;\n @State() hasBackBtn: boolean;\n @State() hasCtas: boolean;\n @State() breadCrumbs: Element[];\n @Watch('breadCrumbs')\n breadCrumbChange() {\n // safari doesn't support ::slotted()::after ... so this :/\n this.breadCrumbs\n .filter(\n (crumb) =>\n crumb.tagName === 'A' &&\n !crumb.nextElementSibling.classList.contains('slash')\n )\n .forEach((crumb) => {\n crumb.insertAdjacentHTML(\n 'afterend',\n '<span slot=\"breadcrumb\" class=\"slash\">/</span>'\n );\n });\n }\n @State() iconBoxItems: Element[];\n @Watch('iconBoxItems')\n iconBoxItemChange() {\n this.iconBoxItems.forEach((item) => item.classList.remove('last'));\n if (\n this.iconBoxItems[this.iconBoxItems.length - 1] &&\n this.iconBoxItems[this.iconBoxItems.length - 1].classList\n )\n this.iconBoxItems[this.iconBoxItems.length - 1].classList.add('last');\n }\n\n /* src for background image. For more control use the `background` slot instead. /\n @Prop() imgSrc?: string;\n\n /* Optional list string providing media sizes with corresponding image srcs.\n * i.e. show img-x at 300px wide. Format `srcSet=\"200w src/imgSmall.jpg, 500h src/imgMed.png\"` /\n @Prop() imgSrcSet?: string = null;\n\n /* The Break Point width that the hero component will change to the large view. Defaults to the XL grid size (900px) /\n @Prop() largeScreenBP: number = 900;\n\n /* Base style for the hero. Either 'light' (white bg / dark text), or 'dark' (dark bg / white text) /\n @Prop() theme: 'dark' \| 'light' = 'dark';\n\n /* Set the content structure level of the hero. Defaults to 'top' */\n @Prop() level: 'top' \| 'sub' = 'top';\n\n private slotChangeObserver() {\n if (!window['MutationObserver']) return;\n\n if (this.mo) this.mo.disconnect();\n const mo = (this.mo = new MutationObserver(() =>\n this.processSlottedContent()\n ));\n mo.observe(this.host, { childList: true });\n }\n\n // Event handlers\n\n private processSlottedContent() {\n this.hasCtas = !!this.host.querySelector('[slot=\"secondary-ctas\"]');\n this.iconBoxItems = Array.from(\n this.host.querySelectorAll('[slot=\"icon-box-item\"]')\n );\n this.hasIconBox =\n !!this.host.querySelector('[slot=\"icon-box\"]') \|\|\n !!this.iconBoxItems.length;\n this.hasScrim = !!this.host.querySelector('[slot=\"scrim\"]');\n this.breadCrumbs = Array.from(\n this.host.querySelectorAll('[slot=\"breadcrumb\"]')\n );\n this.hasSecondaryContent =\n !!this.host.querySelector('[slot=\"icon-box\"]') \|\|\n !!this.host.querySelector('[slot=\"quote\"]') \|\|\n !!this.host.querySelector('[slot=\"icon-box-item\"]') \|\|\n !!this.host.querySelector('[slot=\"secondary-content\"]');\n this.hasBg =\n !!this.host.querySelector('[slot=\"background\"]') \|\| !!this.imgSrc;\n this.hasBackBtn = !!this.host.querySelector('[slot=\"back-btn\"]');\n this.hasQuote = !!this.host.querySelector('[slot=\"quote\"]');\n }\n\n // Component lifecycle\n\n disconnectedCallback() {\n if (this.mo) this.mo.disconnect();\n }\n\n componentDidLoad() {\n this.slotChangeObserver();\n }\n\n componentWillLoad() {\n this.processSlottedContent();\n }\n\n private HeroContent = (): VNode[] => {\n return [\n !this.hasIconBox && this.hasCtas ? (\n <div class=\"hero__ctas\">\n <slot name=\"secondary-ctas\" />\n </div>\n ) : (\n ''\n ),\n <div class=\"hero__scrim\">\n <slot name=\"scrim\" />\n </div>,\n <nano-grid class=\"hero__content\" xlCols={2} xlSize={this.largeScreenBP}>\n <div grid-states=\"xl-col-span-2\">\n <div class=\"hero__breadcrumbs\">\n <slot name=\"breadcrumb\" />\n </div>\n </div>\n <div\n grid-states={\n this.hasSecondaryContent\n ? 'xl-col-span-1 xl-col-start-1 xl-row-start-2'\n : 'xl-col-span-2 xl-col-start-1 xl-row-start-2'\n }\n >\n <div class=\"hero__primary\">\n <div class=\"hero__primary-content\">\n <slot name=\"back-btn\" />\n <div>\n <slot name=\"primary-content\" />\n </div>\n </div>\n </div>\n </div>\n {this.hasSecondaryContent && (\n <div grid-states=\"xl-col-span-1 xl-col-start-2 xl-row-start-2\">\n <div class=\"hero__secondary\">\n <slot name=\"secondary-content\" />\n {this.hasIconBox && (\n <div class=\"hero__icon-box\">\n <slot name=\"icon-box\" />\n <slot name=\"icon-box-item\" />\n </div>\n )}\n {this.hasQuote && (\n <div class=\"hero__quote-content\">\n <span class=\"hero__quote\">\n <slot name=\"quote\" />\n </span>\n <div class=\"hero__quote-author\">\n <slot name=\"quote-author\" />\n </div>\n </div>\n )}\n </div>\n </div>\n )}\n </nano-grid>,\n ];\n };\n\n render() {\n const rtl =\n this.host.dir === 'rtl' \|\|\n (this.host.ownerDocument as Document).dir === 'rtl';\n\n return (\n <Host>\n <div\n class={{\n hero: true,\n 'hero--light': this.theme === 'light',\n 'hero--secondary': this.hasSecondaryContent,\n 'hero--iconbox': this.hasIconBox,\n 'hero--rtl': rtl,\n 'hero--scrim': this.hasScrim,\n 'hero--breadcrumb': !!this.breadCrumbs.length,\n 'hero--hasbg': this.hasBg,\n 'hero--backbtn': this.hasBackBtn,\n 'hero--sub': this.level === 'sub',\n }}\n >\n <div class=\"hero__bg-wrap\">\n {!!this.imgSrc && (\n <nano-img\n class=\"hero__img\"\n lazy={false}\n background\n srcSet={this.imgSrcSet}\n src={this.imgSrc}\n >\n <this.HeroContent />\n </nano-img>\n )}\n {!this.imgSrc && [\n <div class=\"hero__bg-slot\">\n <slot name=\"background\" />\n </div>,\n <this.HeroContent />,\n ]}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"nano-hero.js","mappings":"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","names":[],"sources":["./src/components/hero/hero.scss?tag=nano-hero&encapsulation=shadow","./src/components/hero/hero.tsx"],"sourcesContent":["@use 'sass:map';\n@use 'sass:list';\n\n@import '../../global/style/utilities/globals';\n@import '../../global/style/nano-theme/colours';\n\n/\nTODO - as soon as container queries hits everywhere, strip out reliance on nano-grid breakpoints\n/\n\n:host {\n /*\n @prop --nano-loader-base: Base colour of nano-skeleton. Default depends on theme;\n * @prop --nano-loader-tint: Tint colour of nano-skeleton. Default depends on theme;\n * @prop --theme-color: Text color. Default depends on theme;\n * @prop --theme-tint-color: Color used for bread crumbs and icons. Defaults to #{map.get($colors, lightblue)};\n * @prop --scrim-color: Color of the gradient covering the background. Default depends on theme;\n * @prop --scrim-direction: Direction of the gradient covering the background. Default what content slots are present;\n * @prop --scrim-opacity-from: Starting opactiy of the gradient covering the background. Default .25;\n * @prop --scrim-opacity-to: Final opactiy of the gradient covering the background. Default depends on `theme`;\n * @prop --quote-size: Font size of the quote. Defaults to 1.3em and grows to 3rem on the xl breakpoint;\n /\n\n --nano-loader-base: #{map.get($colors, black)};\n --nano-loader-tint: #{lighten(map.get($colors, black), 20%)};\n --theme-color: #{map.get($colors, white)};\n --theme-tint-color: #{map.get($colors, lightblue)};\n --scrim-color: 0 0 0;\n --scrim-direction: 90deg;\n --scrim-opacity-from: 0.25;\n --scrim-opacity-to: 0.7;\n --padding: 0;\n --quote-size: 1.3rem;\n\n color: var(--theme-color);\n display: block;\n container-type: inline-size;\n}\n\n:host([theme='light']) {\n --nano-loader-base: #{map.get($colors, white)};\n --nano-loader-tint: #{lighten(map.get($colors, white), 20%)};\n --theme-color: #{map.get($colors, black)};\n --scrim-color: 255 255 255;\n --scrim-opacity-from: 0.25;\n --scrim-opacity-to: 1;\n --scrim-direction: 270deg;\n\n color: var(--theme-color);\n\n .hero__primary-content {\n --color: #{map.get($colors, black)};\n }\n}\n\n.hero {\n position: relative;\n\n @container (min-width: 800px) {\n --quote-size: 3rem;\n }\n\n &--rtl {\n --scrim-direction: 270deg;\n }\n\n &--secondary:not(.hero--iconbox) {\n --scrim-direction: 0deg;\n }\n\n &__bg-wrap {\n overflow: hidden;\n }\n\n &__bg-slot {\n position: absolute;\n inset: 0;\n }\n\n &__ctas {\n @media (max-width: 52em) {\n display: none;\n }\n\n @media (max-width: 58em) {\n margin-block-end: -48px;\n }\n\n display: flex;\n justify-content: flex-end;\n padding-block: 32px 0;\n padding-inline: 32px;\n margin-block-end: -64px;\n position: relative;\n z-index: 1;\n\n ::slotted(a.button[slot='secondary-ctas']) {\n padding-inline: 0.5rem !important;\n font-size: 0.875rem !important;\n margin-block: 0 !important;\n margin-inline: 0.25rem !important;\n }\n }\n\n &__img {\n display: block;\n\n --padding: inherit;\n }\n\n &__breadcrumbs {\n display: none;\n margin-block: 20px 0;\n margin-inline: 14px;\n line-height: 14px;\n\n .hero--breadcrumb & {\n display: block;\n }\n\n @container (min-width: 800px) {\n margin-block: 0;\n margin-inline: 50px;\n max-inline-size: 50%;\n }\n\n @container (min-width: 900px) {\n margin-block: 0;\n margin-inline: 83px;\n }\n\n ::slotted([slot='breadcrumb']) {\n font-size: 0.85rem;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n font-weight: 600;\n font-stretch: 125%;\n display: inline-block;\n margin-block-end: 16px;\n position: relative;\n z-index: 2;\n\n .hero--hasbg & {\n text-shadow: 1px 1px rgb(0 0 0 / 15%);\n }\n }\n\n ::slotted(a[slot='breadcrumb']) {\n color: var(--theme-tint-color) !important;\n cursor: pointer;\n }\n\n ::slotted(.slash[slot='breadcrumb']) {\n color: var(--theme-color);\n position: relative;\n margin-block: 0;\n margin-inline: 0.5rem;\n display: inline-block;\n }\n }\n\n &__scrim {\n position: absolute;\n inset: 0;\n z-index: 0;\n background:\n linear-gradient(\n var(--scrim-direction),\n rgb(var(--scrim-color) / var(--scrim-opacity-from)) 0%,\n rgb(var(--scrim-color) / var(--scrim-opacity-to)) 100%\n );\n\n .hero--scrim & {\n background: none;\n }\n }\n\n &__content {\n max-inline-size: 1440px;\n display: block;\n\n --grid-row-gap: 0;\n\n margin-block: 0;\n margin-inline: auto;\n position: relative;\n\n @container (min-width: 800px) {\n margin-block: 50px 0 !important;\n max-inline-size: 1540px !important;\n }\n\n @container (min-width: 900px) {\n margin-block: 83px 0 !important;\n max-inline-size: 1606px !important;\n }\n }\n\n &__primary {\n margin: 16px;\n\n .hero--breadcrumb & {\n margin-block: 0;\n margin-inline: 16px;\n }\n\n .hero--backbtn & {\n margin-inline-start: 0;\n }\n\n ::slotted(nano-icon-button[slot='back-btn']) {\n font-size: 2rem;\n }\n\n @container (min-width: 800px) {\n margin-block: 0 50px !important;\n margin-inline: 50px 0 !important;\n\n ::slotted(nano-icon-button[slot='back-btn']) {\n margin-block: 0 !important;\n margin-inline: -3rem 0 !important;\n }\n }\n\n @container (min-width: 900px) {\n margin-block: 0 83px !important;\n margin-inline: 83px 0 !important;\n }\n }\n\n &__primary-content {\n max-inline-size: 45rem;\n\n --color: #fff;\n\n display: flex;\n\n .hero--backbtn & {\n > div {\n padding-block: 10px 0;\n padding-inline: 0;\n }\n }\n\n ::slotted(h1[slot='primary-content']) {\n line-height: 26px !important;\n margin-block: 0 18px !important;\n font-size: 2rem !important;\n }\n\n @container (min-width: 800px) {\n ::slotted(h1[slot='primary-content']) {\n line-height: 31px !important;\n margin-block-end: 30px !important;\n }\n\n ::slotted(.button[slot='primary-content']) {\n margin-block-start: 20px !important;\n }\n }\n }\n\n &__secondary {\n display: none;\n block-size: 100%;\n padding-block: 0 20px;\n padding-inline: 14px;\n\n .hero--secondary & {\n display: flex;\n align-items: center;\n }\n\n @container (min-width: 800px) {\n padding-block: 0 50px;\n padding-inline: 50px;\n justify-content: flex-end;\n }\n\n @container (min-width: 900px) {\n padding-block: 0 83px;\n padding-inline: 83px;\n }\n }\n\n &__icon-box {\n background: rgb(0 0 0 / 70%);\n padding: 24px;\n inline-size: 100%;\n margin-block-end: auto;\n display: flex;\n flex-direction: column;\n color: white;\n\n @container (min-width: 800px) {\n max-inline-size: 410px;\n flex: 0 1 410px;\n }\n\n ::slotted([slot='icon-box-item']) {\n --nano-color-base: var(--theme-tint-color);\n --nano-icon-size: 32px;\n --nano-icon-margin-end: 20px;\n\n display: flex;\n align-items: center;\n font-size: 0.8125rem;\n margin-block-end: 20px;\n }\n\n ::slotted(.last[slot='icon-box-item']) {\n margin-block-end: 0;\n }\n }\n\n &__quote-content {\n margin-block-start: auto;\n text-align: center;\n inline-size: 100%;\n\n @container (min-width: 800px) {\n max-inline-size: 500px;\n flex: 0 1 500px;\n text-align: initial;\n }\n }\n\n &__quote {\n &::before,\n &::after {\n content: '\"';\n font-size: var(--quote-size);\n font-weight: 700;\n font-style: italic;\n line-height: 0;\n color: #abb6b8;\n display: inline;\n position: relative;\n }\n\n ::slotted([slot='quote']) {\n font-size: var(--quote-size);\n font-weight: 300;\n font-style: italic;\n display: inline;\n }\n }\n\n &__quote-author {\n text-align: end;\n font-size: 1rem;\n opacity: 0.8;\n }\n\n &--sub {\n .hero__content {\n @container (min-width: 800px) {\n margin-block-start: 40px;\n\n .hero__primary {\n margin-block: 0 40px;\n margin-inline: 50px 0;\n }\n\n .hero__secondary {\n padding-block: 0 50px;\n padding-inline: 40px 50px;\n }\n\n ::slotted(.button[slot='primary-content']) {\n margin-block-start: 8px !important;\n }\n\n ::slotted(h1[slot='primary-content']) {\n margin-block-end: 18px !important;\n }\n }\n\n @container (min-width: 900px) {\n .hero__primary {\n margin-block: 0 40px;\n margin-inline: 83px 0;\n }\n\n .hero__secondary {\n padding-block: 0 83px;\n padding-inline: 40px 83px;\n }\n }\n }\n }\n}\n","import {\n Component,\n Prop,\n h,\n ComponentInterface,\n VNode,\n State,\n Element,\n Watch,\n Host,\n} from '@stencil/core';\n/*\n Hero components are designed to be used once per content page to add visual impact to the introductory section of a page.\n * @slot primary-content - title, leading paragraph and CTA\n * @slot breadcrumb - each individual bread crumb should be assigned seperately\n * @slot secondary-content - free form secondary content.\n * @slot icon-box - free form icon box container\n * @slot icon-box-item - seperate icon box items. Designed to contain 1 icon and 1 text element.\n * @slot secondary-ctas - CTAs. each individual button should be assigned seperately\n * @slot quote - quote content\n * @slot quote-author - quote author\n * @slot scrim - optional background overlay (e.g. faded colour or gradient)\n * @slot background - custom background. Only active when img-src is empty\n * @slot back-btn - a back button.\n /\n@Component({\n tag: 'nano-hero',\n styleUrl: 'hero.scss',\n shadow: true,\n})\nexport class Hero implements ComponentInterface {\n private mo?: MutationObserver;\n\n @Element() host: HTMLNanoHeroElement;\n\n @State() hasIconBox: boolean;\n @State() hasScrim: boolean;\n @State() hasSecondaryContent: boolean;\n @State() hasQuote: boolean;\n @State() hasBg: boolean;\n @State() hasBackBtn: boolean;\n @State() hasCtas: boolean;\n @State() breadCrumbs: Element[];\n @Watch('breadCrumbs')\n breadCrumbChange() {\n // safari doesn't support ::slotted()::after ... so this :/\n this.breadCrumbs\n .filter(\n (crumb) =>\n crumb.tagName === 'A' &&\n !crumb.nextElementSibling.classList.contains('slash')\n )\n .forEach((crumb) => {\n crumb.insertAdjacentHTML(\n 'afterend',\n '<span slot=\"breadcrumb\" class=\"slash\">/</span>'\n );\n });\n }\n @State() iconBoxItems: Element[];\n @Watch('iconBoxItems')\n iconBoxItemChange() {\n this.iconBoxItems.forEach((item) => item.classList.remove('last'));\n if (\n this.iconBoxItems[this.iconBoxItems.length - 1] &&\n this.iconBoxItems[this.iconBoxItems.length - 1].classList\n )\n this.iconBoxItems[this.iconBoxItems.length - 1].classList.add('last');\n }\n\n /* src for background image. For more control use the `background` slot instead. /\n @Prop() imgSrc?: string;\n\n /* Optional list string providing media sizes with corresponding image srcs.\n * i.e. show img-x at 300px wide. Format `srcSet=\"200w src/imgSmall.jpg, 500h src/imgMed.png\"` /\n @Prop() imgSrcSet?: string = null;\n\n /* The Break Point width that the hero component will change to the large view. Defaults to the XL grid size (900px) /\n @Prop() largeScreenBP: number = 900;\n\n /* Base style for the hero. Either 'light' (white bg / dark text), or 'dark' (dark bg / white text) /\n @Prop() theme: 'dark' \| 'light' = 'dark';\n\n /* Set the content structure level of the hero. Defaults to 'top' */\n @Prop() level: 'top' \| 'sub' = 'top';\n\n private slotChangeObserver() {\n if (!window['MutationObserver']) return;\n\n if (this.mo) this.mo.disconnect();\n const mo = (this.mo = new MutationObserver(() =>\n this.processSlottedContent()\n ));\n mo.observe(this.host, { childList: true });\n }\n\n // Event handlers\n\n private processSlottedContent() {\n this.hasCtas = !!this.host.querySelector('[slot=\"secondary-ctas\"]');\n this.iconBoxItems = Array.from(\n this.host.querySelectorAll('[slot=\"icon-box-item\"]')\n );\n this.hasIconBox =\n !!this.host.querySelector('[slot=\"icon-box\"]') \|\|\n !!this.iconBoxItems.length;\n this.hasScrim = !!this.host.querySelector('[slot=\"scrim\"]');\n this.breadCrumbs = Array.from(\n this.host.querySelectorAll('[slot=\"breadcrumb\"]')\n );\n this.hasSecondaryContent =\n !!this.host.querySelector('[slot=\"icon-box\"]') \|\|\n !!this.host.querySelector('[slot=\"quote\"]') \|\|\n !!this.host.querySelector('[slot=\"icon-box-item\"]') \|\|\n !!this.host.querySelector('[slot=\"secondary-content\"]');\n this.hasBg =\n !!this.host.querySelector('[slot=\"background\"]') \|\| !!this.imgSrc;\n this.hasBackBtn = !!this.host.querySelector('[slot=\"back-btn\"]');\n this.hasQuote = !!this.host.querySelector('[slot=\"quote\"]');\n }\n\n // Component lifecycle\n\n disconnectedCallback() {\n if (this.mo) this.mo.disconnect();\n }\n\n componentDidLoad() {\n this.slotChangeObserver();\n }\n\n componentWillLoad() {\n this.processSlottedContent();\n }\n\n private HeroContent = (): VNode[] => {\n return [\n !this.hasIconBox && this.hasCtas ? (\n <div class=\"hero__ctas\">\n <slot name=\"secondary-ctas\" />\n </div>\n ) : (\n ''\n ),\n <div class=\"hero__scrim\">\n <slot name=\"scrim\" />\n </div>,\n <nano-grid class=\"hero__content\" xlCols={2} xlSize={this.largeScreenBP}>\n <div grid-states=\"xl-col-span-2\">\n <div class=\"hero__breadcrumbs\">\n <slot name=\"breadcrumb\" />\n </div>\n </div>\n <div\n grid-states={\n this.hasSecondaryContent\n ? 'xl-col-span-1 xl-col-start-1 xl-row-start-2'\n : 'xl-col-span-2 xl-col-start-1 xl-row-start-2'\n }\n >\n <div class=\"hero__primary\">\n <div class=\"hero__primary-content\">\n <slot name=\"back-btn\" />\n <div>\n <slot name=\"primary-content\" />\n </div>\n </div>\n </div>\n </div>\n {this.hasSecondaryContent && (\n <div grid-states=\"xl-col-span-1 xl-col-start-2 xl-row-start-2\">\n <div class=\"hero__secondary\">\n <slot name=\"secondary-content\" />\n {this.hasIconBox && (\n <div class=\"hero__icon-box\">\n <slot name=\"icon-box\" />\n <slot name=\"icon-box-item\" />\n </div>\n )}\n {this.hasQuote && (\n <div class=\"hero__quote-content\">\n <span class=\"hero__quote\">\n <slot name=\"quote\" />\n </span>\n <div class=\"hero__quote-author\">\n <slot name=\"quote-author\" />\n </div>\n </div>\n )}\n </div>\n </div>\n )}\n </nano-grid>,\n ];\n };\n\n render() {\n const rtl =\n this.host.dir === 'rtl' \|\|\n (this.host.ownerDocument as Document).dir === 'rtl';\n\n return (\n <Host>\n <div\n class={{\n hero: true,\n 'hero--light': this.theme === 'light',\n 'hero--secondary': this.hasSecondaryContent,\n 'hero--iconbox': this.hasIconBox,\n 'hero--rtl': rtl,\n 'hero--scrim': this.hasScrim,\n 'hero--breadcrumb': !!this.breadCrumbs.length,\n 'hero--hasbg': this.hasBg,\n 'hero--backbtn': this.hasBackBtn,\n 'hero--sub': this.level === 'sub',\n }}\n >\n <div class=\"hero__bg-wrap\">\n {!!this.imgSrc && (\n <nano-img\n class=\"hero__img\"\n lazy={false}\n background\n srcSet={this.imgSrcSet}\n src={this.imgSrc}\n >\n <this.HeroContent />\n </nano-img>\n )}\n {!this.imgSrc && [\n <div class=\"hero__bg-slot\">\n <slot name=\"background\" />\n </div>,\n <this.HeroContent />,\n ]}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/nano-intersection-observe.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+interface NanoIntersectionObserve extends Components.NanoIntersectionObserve, HTMLElement {}
+export const NanoIntersectionObserve: {
+  prototype: NanoIntersectionObserve;
+  new (): NanoIntersectionObserve;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/nano-intersection-observe.js ADDED Viewed

@@ -0,0 +1,149 @@
+/*!
+ * Web Components for Nanopore digital Web Apps
+ */
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { f as findScrollParent } from './scroll-parent.js';
+const IntersectionObserve = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.nanoIntersectionChange = createEvent(this, "nanoIntersectionChange", 7);
+    this.nanoIntersecting = createEvent(this, "nanoIntersecting", 7);
+    this.nanoNotIntersecting = createEvent(this, "nanoNotIntersecting", 7);
+    this.ioCallback = (entries) => {
+      entries.forEach((entry) => {
+        this.nanoIntersectionChange.emit(entry);
+        if (entry.isIntersecting)
+          this.nanoIntersecting.emit(entry);
+        if (!entry.isIntersecting)
+          this.nanoNotIntersecting.emit(entry);
+      });
+    };
+    this.handleSlotChange = () => {
+      this.addIO();
+    };
+    this.root = 'auto';
+    this.rootMargin = undefined;
+    this.threshold = undefined;
+  }
+  get observerOptions() {
+    const opts = {};
+    if (!!this._root)
+      opts.root = this._root;
+    if (this.rootMargin)
+      opts.rootMargin = this.rootMargin;
+    if (this.threshold)
+      opts.threshold = this._threshold;
+    return opts;
+  }
+  get elements() {
+    const slotted = this.defaultSlot?.assignedElements() || [];
+    return slotted.flatMap((el) => {
+      const style = getComputedStyle(el);
+      if (style.display.includes('contents'))
+        return Array.from(el.children);
+      else
+        return el;
+    });
+  }
+  handleRootChange() {
+    if (!this.root) {
+      this._root = undefined;
+      this.removeIO();
+      return;
+    }
+    let newRoot;
+    if (this.root === 'auto') {
+      // try to find nearest scrolling parent
+      newRoot = findScrollParent(this.host);
+    }
+    else if (this.root === 'root') {
+      newRoot = undefined;
+    }
+    else {
+      // root is set explicitly
+      newRoot = this.root;
+    }
+    // if it's the document - unset as that's IO's default
+    if (newRoot === document.documentElement)
+      newRoot = undefined;
+    // if new root is what we already have - ignore
+    if (newRoot === this._root)
+      return;
+    // cache and setup io
+    this._root = newRoot;
+    this.addIO();
+  }
+  handleThresholdChange() {
+    if (!this.threshold) {
+      this._threshold = undefined;
+      return;
+    }
+    if (this.threshold.includes(',')) {
+      this._threshold = this.threshold
+        .split(',')
+        .map((numStr) => Number(numStr));
+      return;
+    }
+    this._threshold = Number(this.threshold);
+  }
+  addIO() {
+    if (!window['IntersectionObserver'] || !this.elements?.length)
+      return;
+    if (this.io)
+      this.removeIO();
+    const io = (this.io = new IntersectionObserver(this.ioCallback, this.observerOptions));
+    this.elements?.forEach((el) => {
+      io.observe(el);
+    });
+  }
+  removeIO() {
+    if (!this.io)
+      return;
+    this.io.disconnect();
+    this.io = undefined;
+  }
+  connectedCallback() {
+    this.handleThresholdChange();
+    this.handleRootChange();
+  }
+  disconnectedCallback() {
+    this.removeIO();
+    this.root = this._root = undefined;
+  }
+  render() {
+    return (h("slot", { ref: (slot) => (this.defaultSlot = slot), onSlotchange: this.handleSlotChange }));
+  }
+  get host() { return this; }
+  static get watchers() { return {
+    "root": ["handleRootChange"],
+    "threshold": ["handleThresholdChange"]
+  }; }
+  static get style() { return "nano-intersection-observe { display: contents }"; }
+}, [1, "nano-intersection-observe", {
+    "root": [1],
+    "rootMargin": [1, "root-margin"],
+    "threshold": [1]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["nano-intersection-observe"];
+  components.forEach(tagName => { switch (tagName) {
+    case "nano-intersection-observe":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, IntersectionObserve);
+      }
+      break;
+  } });
+}
+const NanoIntersectionObserve = IntersectionObserve;
+const defineCustomElement = defineCustomElement$1;
+export { NanoIntersectionObserve, defineCustomElement };
+//# sourceMappingURL=nano-intersection-observe.js.map

package/dist/components/nano-intersection-observe.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"nano-intersection-observe.js","mappings":"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","names":[],"sources":["./src/components/intersection-observe/intersection-observe.tsx"],"sourcesContent":["import {\n Component,\n h,\n Prop,\n Element,\n Watch,\n ComponentInterface,\n Event,\n EventEmitter,\n} from '@stencil/core';\nimport { findScrollParent } from '../../utils/scroll-parent';\n\n/**\n * A thin, declarative interface to the IntersectionObserver API.\n * @slot - Main slot for any content.\n */\n@Component({\n tag: 'nano-intersection-observe',\n styles: `nano-intersection-observe { display: contents }`,\n shadow: true,\n})\nexport class IntersectionObserve implements ComponentInterface {\n private io: IntersectionObserver;\n private _root: Element | Document;\n private _threshold: number | number[];\n private defaultSlot: HTMLSlotElement;\n\n get observerOptions() {\n const opts: IntersectionObserverInit = {};\n\n if (!!this._root) opts.root = this._root;\n if (this.rootMargin) opts.rootMargin = this.rootMargin;\n if (this.threshold) opts.threshold = this._threshold;\n\n return opts;\n }\n\n get elements(): Element[] | undefined {\n const slotted = this.defaultSlot?.assignedElements() || [];\n\n return slotted.flatMap((el) => {\n const style = getComputedStyle(el);\n if (style.display.includes('contents')) return Array.from(el.children);\n else return el;\n });\n }\n\n @Element() host: HTMLNanoIntersectionObserveElement;\n\n /** The element that is used as the viewport for checking visibility of the target. Must be the ancestor of the target.\n * Defaults to an automatic check for ancestors that `overflow: auto` or otherwise the `Document`. */\n @Prop() root: globalThis.Element | 'root' | 'auto' = 'auto';\n\n @Watch('root')\n handleRootChange() {\n if (!this.root) {\n this._root = undefined;\n this.removeIO();\n return;\n }\n\n let newRoot;\n\n if (this.root === 'auto') {\n // try to find nearest scrolling parent\n newRoot = findScrollParent(this.host);\n } else if (this.root === 'root') {\n newRoot = undefined;\n } else {\n // root is set explicitly\n newRoot = this.root;\n }\n\n // if it's the document - unset as that's IO's default\n if (newRoot === document.documentElement) newRoot = undefined;\n // if new root is what we already have - ignore\n if (newRoot === this._root) return;\n\n // cache and setup io\n this._root = newRoot;\n this.addIO();\n }\n\n /**\n * Margin around the root. Can be similar to CSS margins property, e.g. \"10px 20px 30px 40px\" (top, right, bottom, left).\n * The values can be percentages. This set of values serves to grow or shrink each side of the root element's\n * bounding box before computing intersections. Defaults to zeros. */\n @Prop() rootMargin?: string;\n\n /**\n * Indicate at what percentage of the target's visibility the observer's callback should be executed.\n * If you only want to detect when visibility passes the 50% mark, you can use a value of '0.5'.\n * If you want the callback to run every time visibility passes another '25%',\n * you would specify a string of values (separated by ',') array '0, 0.25, 0.5, 0.75, 1'.\n * A value of '1.0' means that the threshold isn't considered passed until every pixel is visible.\n */\n @Prop() threshold?: string;\n\n @Watch('threshold')\n handleThresholdChange() {\n if (!this.threshold) {\n this._threshold = undefined;\n return;\n }\n\n if (this.threshold.includes(',')) {\n this._threshold = this.threshold\n .split(',')\n .map((numStr) => Number(numStr));\n return;\n }\n\n this._threshold = Number(this.threshold);\n }\n\n /** A resize break point is switched on or off */\n @Event() nanoIntersectionChange!: EventEmitter<IntersectionObserverEntry>;\n\n /** A resize break point is switched on or off */\n @Event() nanoIntersecting!: EventEmitter<IntersectionObserverEntry>;\n\n /** A resize break point is switched on or off */\n @Event() nanoNotIntersecting!: EventEmitter<IntersectionObserverEntry>;\n\n private ioCallback: IntersectionObserverCallback = (entries) => {\n entries.forEach((entry) => {\n this.nanoIntersectionChange.emit(entry);\n if (entry.isIntersecting) this.nanoIntersecting.emit(entry);\n if (!entry.isIntersecting) this.nanoNotIntersecting.emit(entry);\n });\n };\n\n private handleSlotChange = () => {\n this.addIO();\n };\n\n private addIO() {\n if (!window['IntersectionObserver'] || !this.elements?.length) return;\n if (this.io) this.removeIO();\n\n const io = (this.io = new IntersectionObserver(\n this.ioCallback,\n this.observerOptions\n ));\n this.elements?.forEach((el) => {\n io.observe(el);\n });\n }\n\n private removeIO() {\n if (!this.io) return;\n\n this.io.disconnect();\n this.io = undefined;\n }\n\n connectedCallback(): void {\n this.handleThresholdChange();\n this.handleRootChange();\n }\n\n disconnectedCallback(): void {\n this.removeIO();\n this.root = this._root = undefined;\n }\n\n render() {\n return (\n <slot\n ref={(slot) => (this.defaultSlot = slot as HTMLSlotElement)}\n onSlotchange={this.handleSlotChange}\n />\n );\n }\n}\n"],"version":3}

package/dist/components/resize-observe.js CHANGED Viewed

@@ -222,7 +222,7 @@ const ResizeObserve = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     "currentHeight": ["dimensionChanged"],
     "currentWidth": ["dimensionChanged"]
   }; }
-  static get style() { return "nano-resize-observe { display: contents }"; }
+  static get style() { return "nano-resize-observe { display: block }"; }
 }, [1, "nano-resize-observe", {
     "notifyContentFit": [1, "notify-content-fit"],
     "states": [1],