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

@nanoporetech-digital/components 6.1.0 → 6.3.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 (286) 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-dialog.js CHANGED Viewed

@@ -11,7 +11,7 @@ import { d as defineCustomElement$4 } from './icon-button.js';
 import { d as defineCustomElement$3 } from './sticker.js';
 import { d as defineCustomElement$2 } from './tooltip.js';
-const dialogCss = ":host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{--border-radius:var(--nano-layer-border-radius, var(--nano-border-radius-medium, 4px));--content-background:#fafafa;--footer-content:#e4e6e8;--scrim-color:var(--nano-layer-overlay-dark, rgb(74 74 74 / 50%));--box-shadow:var(--nano-layer-shadow-large, 0 2px 8px rgba(0, 0, 0, 0.2));--close-button-color:#b5aea7;--width:60rem;--tint-color:#00607b;--body-padding-v:var(--nano-spacing-large, 20px);--body-padding-h:var(--nano-spacing-large, 20px);--header-padding-v:var(--nano-spacing-medium, 16px);--header-padding-h:var(--nano-spacing-large, 20px);--footer-padding-v:var(--nano-spacing-medium, 16px);--footer-padding-h:var(--nano-spacing-large, 20px)}.dialog{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;z-index:var(--nano-layer-index-modal, 700)}.dialog__panel{display:flex;flex-direction:column;z-index:2;inline-size:var(--width);max-inline-size:calc(100% - var(--nano-spacing-xlarge, 24px));max-block-size:calc(92% - var(--nano-spacing-xlarge, 24px));background-color:var(--content-background);border-radius:var(--border-radius);box-shadow:var(--box-shadow);opacity:0;transform:scale(0.8);transition:var(--nano-transition-fast, 0.3s) opacity, var(--nano-transition-fast, 0.3s) transform}.dialog__panel:focus{outline:none}.dialog--with-ribbon .dialog__panel{border-block-start:5px solid var(--tint-color)}.dialog--open .dialog__panel{display:flex;opacity:1;transform:none}.dialog--nodismiss .dialog__panel{animation:cannotClose 0.25s ease-in-out 1}@keyframes cannotClose{0%{transform:scale(1)}50%{transform:scale(1.08)}100%{transform:scale(1)}}.dialog__header{flex:0 0 auto;display:flex;inline-size:100%;background-color:var(--content-background);border-radius:var(--border-radius) var(--border-radius) 0 0;transition:var(--nano-transition-fast, 0.1s) box-shadow;min-inline-size:auto}[stuck] .dialog__header{box-shadow:var(--nano-layer-shadow-medium, 0 2px 4px rgba(0, 0, 0, 0.2))}.dialog__title{flex:1 1 auto;font-size:var(--nano-fontsize-large, 1.25rem);line-height:1.6;padding-block:var(--header-padding-v);padding-inline:var(--header-padding-h)}.dialog .dialog__close-icon{flex:0 0 auto;display:flex;align-items:center;font-size:var(--nano-fontsize-xlarge, 1.5rem);padding-block:0;padding-inline:var(--header-padding-h);--color:var(--close-button-color)}.dialog__body{padding-block:0 var(--body-padding-v);padding-inline:var(--body-padding-h)}.dialog:not(.dialog--has-header) .dialog__body{padding-block-start:var(--body-padding-v)}.dialog__body ::slotted(*){max-inline-size:100%}.dialog__body-wrap{flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;border-radius:var(--border-radius)}.dialog:not(.dialog--has-header) .dialog__body-wrap{border-radius:0 0 inherit inherit}.dialog:not(.dialog--has-footer) .dialog__body-wrap{border-radius:inherit inherit 0 0}.dialog__footer{inline-size:100%;padding-block:var(--footer-padding-v);padding-inline:var(--footer-padding-h);background:var(--footer-content);border-radius:0 0 var(--border-radius) var(--border-radius);position:relative;inset-block-start:1px;min-inline-size:auto}.dialog__footer ::slotted(button){margin-inline-end:var(--nano-spacing-small, 8px) !important}.dialog:not(.dialog--has-footer) .dialog__footer{display:none}.dialog__close-txt{color:var(--tint-color);border:none;text-decoration:underline;margin:0;text-underline-offset:4px;background-color:transparent;font:inherit;-webkit-box-align:center;cursor:pointer;font-size:var(--nano-fontsize-small, 0.875rem);padding:0.5rem;border-radius:var(--nano-border-radius-small, 2px);transition:box-shadow 100ms ease-in-out}.dialog__close-txt:focus{outline:none;box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)))}.dialog__overlay{position:fixed;inset:0;background-color:var(--scrim-color);opacity:0;transition:var(--nano-transition-fast, 0.3s) opacity;-webkit-backdrop-filter:blur(var(--nano-layer-overlay-blur, 3px));backdrop-filter:blur(var(--nano-layer-overlay-blur, 3px))}.dialog--open .dialog__overlay{opacity:1}";
+const dialogCss = ":host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{--border-radius:var(--nano-layer-border-radius, var(--nano-border-radius-medium, 4px));--content-background:#fafafa;--footer-content:#e4e6e8;--scrim-color:var(--nano-layer-overlay-dark, rgb(74 74 74 / 50%));--box-shadow:var(--nano-layer-shadow-large, 0 2px 8px rgba(0, 0, 0, 0.2));--close-button-color:#b5aea7;--width:60rem;--tint-color:#00607b;--body-padding-v:var(--nano-spacing-large, 20px);--body-padding-h:var(--nano-spacing-large, 20px);--header-padding-v:var(--nano-spacing-medium, 16px);--header-padding-h:var(--nano-spacing-large, 20px);--footer-padding-v:var(--nano-spacing-medium, 16px);--footer-padding-h:var(--nano-spacing-large, 20px)}.dialog{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;z-index:var(--nano-layer-index-modal, 700);border:none;inline-size:unset;block-size:unset;color:unset;background-color:unset}.dialog::backdrop{display:none}.dialog__panel{display:flex;flex-direction:column;z-index:2;inline-size:var(--width);max-inline-size:calc(100% - (var(--nano-spacing-xlarge, 24px) + var(--nano-scroll-lock-size)));max-block-size:calc(92vh - var(--nano-spacing-xlarge, 24px));background-color:var(--content-background);border-radius:var(--border-radius);box-shadow:var(--box-shadow);opacity:0;transform:scale(0.8);transition:var(--nano-transition-fast, 0.3s) opacity, var(--nano-transition-fast, 0.3s) transform}.dialog__panel:focus{outline:none}.dialog--with-ribbon .dialog__panel{border-block-start:5px solid var(--tint-color)}.dialog--open .dialog__panel{display:flex;opacity:1;transform:none}.dialog--nodismiss .dialog__panel{animation:cannotClose 0.25s ease-in-out 1}@keyframes cannotClose{0%{transform:scale(1)}50%{transform:scale(1.08)}100%{transform:scale(1)}}.dialog__header{flex:0 0 auto;display:flex;inline-size:100%;background-color:var(--content-background);border-radius:var(--border-radius) var(--border-radius) 0 0;transition:var(--nano-transition-fast, 0.1s) box-shadow;min-inline-size:auto}[stuck] .dialog__header{box-shadow:var(--nano-layer-shadow-medium, 0 2px 4px rgba(0, 0, 0, 0.2))}.dialog__title{flex:1 1 auto;font-size:var(--nano-fontsize-large, 1.25rem);line-height:1.6;padding-block:var(--header-padding-v);padding-inline:var(--header-padding-h)}.dialog .dialog__close-icon{flex:0 0 auto;display:flex;align-items:center;font-size:var(--nano-fontsize-xlarge, 1.5rem);padding-block:0;padding-inline:var(--header-padding-h);--color:var(--close-button-color)}.dialog__body{padding-block:0 var(--body-padding-v);padding-inline:var(--body-padding-h)}.dialog:not(.dialog--has-header) .dialog__body{padding-block-start:var(--body-padding-v)}.dialog__body ::slotted(*){max-inline-size:100%}.dialog__body-wrap{flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;border-radius:var(--border-radius)}.dialog:not(.dialog--has-header) .dialog__body-wrap{border-radius:0 0 inherit inherit}.dialog:not(.dialog--has-footer) .dialog__body-wrap{border-radius:inherit inherit 0 0}.dialog__footer{inline-size:100%;padding-block:var(--footer-padding-v);padding-inline:var(--footer-padding-h);background:var(--footer-content);border-radius:0 0 var(--border-radius) var(--border-radius);position:sticky;inset-block-end:0;min-inline-size:auto}.dialog__footer ::slotted(button){margin-inline-end:var(--nano-spacing-small, 8px) !important}.dialog:not(.dialog--has-footer) .dialog__footer{display:none}.dialog__close-txt{color:var(--tint-color);border:none;text-decoration:underline;margin:0;text-underline-offset:4px;background-color:transparent;font:inherit;-webkit-box-align:center;cursor:pointer;font-size:var(--nano-fontsize-small, 0.875rem);padding:0.5rem;border-radius:var(--nano-border-radius-small, 2px);transition:box-shadow 100ms ease-in-out}.dialog__close-txt:focus{outline:none;box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)))}.dialog__overlay{position:fixed;inset:0 !important;background-color:var(--scrim-color);opacity:0;transition:var(--nano-transition-fast, 0.3s) opacity;-webkit-backdrop-filter:blur(var(--nano-layer-overlay-blur, 3px));backdrop-filter:blur(var(--nano-layer-overlay-blur, 3px))}.dialog--open .dialog__overlay{opacity:1}";
 let id = 0;
 const Dialog = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
@@ -85,7 +85,10 @@ const Dialog = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.open ? this.show() : this.hide();
   }
   handleHoistChange() {
-    if (!this.hoist || Array.from(document.body.children).includes(this.host))
+    // if native popover is supported then bail as this is not required
+    if (globalThis.HTMLElement.prototype.hasOwnProperty('popover') ||
+      !this.hoist ||
+      Array.from(document.body.children).includes(this.host))
       return;
     document.body.prepend(this.host);
   }
@@ -105,6 +108,11 @@ const Dialog = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.willShow = true;
     this.open = true;
     this.modal.activate();
+    // @ts-ignore
+    if (typeof this.dialog?.showPopover === 'function') {
+      // @ts-ignore
+      this.dialog.showPopover();
+    }
     lockBodyScrolling(this.host);
     if (this.open) {
       // Wait for the next frame before setting initial focus so the dialog is technically visible
@@ -129,13 +137,20 @@ const Dialog = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.willHide = true;
     this.open = false;
     this.modal.deactivate();
-    unlockBodyScrolling(this.host);
     this.stopVideos();
     // Restore focus to the original trigger
     const trigger = this.originalTrigger;
     if (trigger && typeof trigger.focus === 'function') {
       setTimeout(() => trigger.focus());
     }
+    setTimeout(() => {
+      // @ts-ignore
+      if (!this.open && typeof this.dialog?.hidePopover === 'function') {
+        // @ts-ignore
+        this.dialog.hidePopover();
+      }
+      unlockBodyScrolling(this.host);
+    }, 300);
   }
   stopVideos() {
     const videos = Array.from(this.host.querySelectorAll('iframe,video'));
@@ -177,7 +192,9 @@ const Dialog = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         'dialog--has-header': !this.noHeader,
         'dialog--nodismiss': this.noDismiss,
         'dialog--with-ribbon': this.showRibbon,
-      }, onKeyDown: this.handleKeyDown, ref: (ele) => (this.dialog = ele) }, h("div", { part: "overlay", class: "dialog__overlay", ref: (el) => (this.overlay = el), onClick: this.requestClose }), h("div", { ref: (el) => (this.panel = el), part: "panel", class: "dialog__panel", role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? 'false' : 'true', "aria-label": this.noHeader ? this.label : null, "aria-labelledby": !this.noHeader ? `${this.componentId}-title` : null, tabIndex: 0 }, h("div", { class: "dialog__body-wrap" }, !this.noHeader && (h("nano-sticker", null, h("div", { part: "header", class: "dialog__header" }, h("span", { part: "title", class: "dialog__title", id: `${this.componentId}-title` }, h("slot", { name: "label" }, this.label || String.fromCharCode(65279))), !this.noUserDismiss && (h("nano-icon-button", { part: "close-button", exportparts: "base:close-button__base", class: "dialog__close-icon", label: "close dialog", onClick: this.requestClose, iconName: "light/times" }))))), h("div", { part: "body", class: "dialog__body" }, h("slot", null)), !this.noFooter && (this.hasFooter || !this.noUserDismiss) && (h("nano-sticker", { position: "bottom" }, h("footer", { part: "footer", class: "dialog__footer" }, h("slot", { name: "footer", onSlotchange: this.handleSlotChange }), !this.noUserDismiss && (h("button", { class: "dialog__close-txt", onClick: this.requestClose }, "Close"))))))))));
+      }, onKeyDown: this.handleKeyDown, ref: (ele) => (this.dialog = ele),
+      // @ts-ignore
+      popover: "manual" }, h("div", { part: "overlay", class: "dialog__overlay", ref: (el) => (this.overlay = el), onClick: this.requestClose }), h("div", { ref: (el) => (this.panel = el), part: "panel", class: "dialog__panel", role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? 'false' : 'true', "aria-label": this.noHeader ? this.label : null, "aria-labelledby": !this.noHeader ? `${this.componentId}-title` : null, tabIndex: -1 }, h("div", { class: "dialog__body-wrap" }, !this.noHeader && (h("nano-sticker", null, h("header", { part: "header", class: "dialog__header" }, h("span", { part: "title", class: "dialog__title", id: `${this.componentId}-title` }, h("slot", { name: "label" }, this.label || String.fromCharCode(65279))), !this.noUserDismiss && (h("nano-icon-button", { part: "close-button", exportparts: "base:close-button__base", class: "dialog__close-icon", label: "close dialog", onClick: this.requestClose, iconName: "light/times" }))))), h("div", { part: "body", class: "dialog__body" }, h("slot", null)), !this.noFooter && (this.hasFooter || !this.noUserDismiss) && (h("footer", { part: "footer", class: "dialog__footer" }, h("slot", { name: "footer", onSlotchange: this.handleSlotChange }), !this.noUserDismiss && (h("button", { class: "dialog__close-txt", onClick: this.requestClose }, "Close")))))))));
   }
   get host() { return this; }
   static get watchers() { return {

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

	@@ -1 +1 @@
1	- {"file":"nano-dialog.js","mappings":"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","names":[],"sources":["./src/components/dialog/dialog.scss?tag=nano-dialog&encapsulation=shadow","./src/components/dialog/dialog.tsx"],"sourcesContent":["@use 'sass:map';\n@use 'sass:list';\n\n@import '../../global/style/nano-theme/base';\n@import '../../global/style/nano-theme/colours';\n@import '../../global/style/nano-theme/layers';\n@import '../../global/style/nano-theme/form';\n\n/*\n @prop --width: The preferred width of the dialog. Note that the dialog will shrink to accommodate smaller screens.\n * @prop --border-radius: defaults to #{$layer-border-radius};\n * @prop --content-background: defaults to #{$layer-bg-color};\n * @prop --footer-background: defaults to #{map.get($colors, celsius)};\n * @prop --box-shadow: defaults to $layer-shadow-xlarge;\n * @prop --close-button-color: defaults to #{map.get($colors, palegrey)};\n * @prop --scrim-color: overlay colour of alert display. Defaults to #{$layer-overlay-dark};\n * @prop --tint-color: colour used to highlight items in the dialog - top ribbon, bottom close button. Default #{map.get($colors, blue)};\n * @prop --width: defaults to 31rem;\n * @prop --nano-layer-overlay-blur: inheritable theme applied to backdrop. Default to #{$layer-overlay-blur}\n /\n:host {\n --border-radius: #{$layer-border-radius};\n --content-background: #fafafa;\n --footer-content: #{map.get($colors, lightgrey)};\n --scrim-color: #{$layer-overlay-dark};\n --box-shadow: #{$layer-shadow-large};\n --close-button-color: #{map.get($colors, palegrey)};\n --width: 60rem;\n --tint-color: #{darken(map.get($colors, blue), 5%)};\n --body-padding-v: #{$spacing-large};\n --body-padding-h: #{$spacing-large};\n --header-padding-v: #{$spacing-medium};\n --header-padding-h: #{$spacing-large};\n --footer-padding-v: #{$spacing-medium};\n --footer-padding-h: #{$spacing-large};\n}\n\n.dialog {\n $self: &;\n\n display: flex;\n align-items: center;\n justify-content: center;\n position: fixed;\n inset: 0;\n z-index: #{$layer-index-modal};\n\n &__panel {\n display: flex;\n flex-direction: column;\n z-index: 2;\n inline-size: var(--width);\n max-inline-size: calc(100% - #{$spacing-xlarge});\n max-block-size: calc(92% - #{$spacing-xlarge});\n background-color: var(--content-background);\n border-radius: var(--border-radius);\n box-shadow: var(--box-shadow);\n opacity: 0;\n transform: scale(0.8);\n transition: #{$transition-fast} opacity, #{$transition-fast} transform;\n\n &:focus {\n outline: none;\n }\n\n .dialog--with-ribbon & {\n border-block-start: 5px solid var(--tint-color);\n }\n\n .dialog--open & {\n display: flex;\n opacity: 1;\n transform: none;\n }\n\n .dialog--nodismiss & {\n animation: cannotClose 0.25s ease-in-out 1;\n\n @keyframes cannotClose {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(1.08);\n }\n\n 100% {\n transform: scale(1);\n }\n }\n }\n }\n\n &__header {\n flex: 0 0 auto;\n display: flex;\n inline-size: 100%;\n background-color: var(--content-background);\n border-radius: var(--border-radius) var(--border-radius) 0 0;\n transition: #{$transition-xfast} box-shadow;\n min-inline-size: auto;\n\n [stuck] & {\n box-shadow: #{$layer-shadow-medium};\n }\n }\n\n &__title {\n flex: 1 1 auto;\n font-size: #{$fontsize-large};\n line-height: 1.6;\n padding-block: var(--header-padding-v);\n padding-inline: var(--header-padding-h);\n }\n\n & &__close-icon {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n font-size: #{$fontsize-xlarge};\n padding-block: 0;\n padding-inline: var(--header-padding-h);\n\n --color: var(--close-button-color);\n }\n\n &__body {\n padding-block: 0 var(--body-padding-v);\n padding-inline: var(--body-padding-h);\n\n .dialog:not(.dialog--has-header) & {\n padding-block-start: var(--body-padding-v);\n }\n\n & ::slotted() {\n max-inline-size: 100%;\n }\n\n &-wrap {\n flex: 1 1 auto;\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n border-radius: var(--border-radius);\n\n .dialog:not(.dialog--has-header) & {\n border-radius: 0 0 inherit inherit;\n }\n\n .dialog:not(.dialog--has-footer) & {\n border-radius: inherit inherit 0 0;\n }\n }\n }\n\n &__footer {\n inline-size: 100%;\n padding-block: var(--footer-padding-v);\n padding-inline: var(--footer-padding-h);\n background: var(--footer-content);\n border-radius: 0 0 var(--border-radius) var(--border-radius);\n position: relative;\n inset-block-start: 1px;\n min-inline-size: auto;\n\n ::slotted(button) {\n margin-inline-end: #{$spacing-small} !important;\n }\n\n .dialog:not(.dialog--has-footer) & {\n display: none;\n }\n }\n\n &__close-txt {\n color: var(--tint-color);\n border: none;\n text-decoration: underline;\n margin: 0;\n text-underline-offset: 4px;\n background-color: transparent;\n font: inherit;\n -webkit-box-align: center;\n cursor: pointer;\n font-size: #{$fontsize-small};\n padding: 0.5rem;\n border-radius: #{$border-radius-small};\n transition: box-shadow 100ms ease-in-out;\n\n &:focus {\n outline: none;\n box-shadow: #{$control-focus-style};\n }\n }\n\n &__overlay {\n position: fixed;\n inset: 0;\n background-color: var(--scrim-color);\n opacity: 0;\n transition: #{$transition-fast} opacity;\n backdrop-filter: blur(#{$layer-overlay-blur});\n\n .dialog--open & {\n opacity: 1;\n }\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n Method,\n Prop,\n State,\n Watch,\n h,\n Host,\n ComponentInterface,\n} from '@stencil/core';\nimport Modal from '../../utils/modal';\nimport { lockBodyScrolling, unlockBodyScrolling } from '../../utils/scroll';\nimport { hasSlot } from '../../utils/slot';\nimport {\n ComponentStore,\n StorageMethods,\n} from '../../utils/store/component-store';\n\nlet id = 0;\n\n/*\n Dialogs, sometimes called \"modals\", appear above the page and require the user's immediate attention.\n \n @part base - The component’s base wrapper\n * @part overlay - The overlay that covers the screen behind the dialog\n * @part panel - The dialog’s panel (where the dialog and its content are rendered)\n * @part header - The dialog’s header. This element wraps the title and header actions\n * @part title - The dialog’s title\n * @part close-button - The `<nano-icon-button>` close button\n * @part close-button__base - The close button's exported `base` part\n * @part body - dilog body / content\n * @part footer - dialog footer bar\n \n @slot label - The dialog's label. Alternatively, you can use the label prop.\n * @slot footer - The dialog's footer, usually one or more buttons representing various options.\n * @slot - The dialog's content.\n /\n@Component({\n tag: 'nano-dialog',\n styleUrl: 'dialog.scss',\n shadow: true,\n})\nexport class Dialog implements ComponentInterface {\n private componentId = `dialog-${++id}`;\n private modal: Modal;\n private willShow = false;\n private willHide = false;\n private originalTrigger: HTMLElement \| null;\n private overlay: HTMLElement;\n private dialog: HTMLElement;\n\n get panel() {\n return this._panel;\n }\n set panel(p: HTMLElement) {\n if (this._panel) {\n this.panel.removeEventListener('transitionend', this.handleTransitionEnd);\n }\n p.addEventListener('transitionend', this.handleTransitionEnd);\n this._panel = p;\n }\n private _panel: HTMLElement;\n\n @Element() host: HTMLNanoDialogElement;\n @State() noDismiss = false;\n @State() hasFooter = false;\n\n /* Show a colour ribbon at the top of the modal /\n @Prop() showRibbon = true;\n\n /* Indicates whether or not the dialog is open. You can use this in lieu of the show/hide methods. /\n @Prop({ mutable: true, reflect: true }) open = false;\n\n @Watch('open')\n handleOpenChange() {\n this.open ? this.show() : this.hide();\n }\n\n /* The dialog's label as displayed in the header. You should always include a relevant\n * label even when using `no-header`, as it is required for proper accessibility. /\n @Prop() label!: string;\n\n /* Set to true to disable the header. This will also remove the default close button,\n * so please ensure you provide an easy, accessible way for users to dismiss the dialog. /\n @Prop() noHeader = false;\n\n /* Set to true to disable the footer. This will also remove the footer close button,\n * so please ensure you provide an easy, accessible way for users to dismiss the dialog. /\n @Prop() noFooter = false;\n\n /* An alternative to `preventDefault()` on the `nanoRequestClose` event. This will hide the close button and disable clicks on the overlay or presses the `Escape` key /\n @Prop() noUserDismiss = false;\n\n /* Store search queries (against this ID) to the component store. Use in conjunction with storeMethod /\n @Prop() storeId?: string;\n\n /* The method of storage. Either session storage, url hash (after the '#') or url query (after the '?'). /\n @Prop() storeMethod: StorageMethods = 'url-hash';\n\n /* Relocate the dialog to the root of the DOM. Useful for elements bound via css `transform: ...` /\n @Prop() hoist = false;\n\n @Watch('hoist')\n handleHoistChange() {\n if (!this.hoist \|\| Array.from(document.body.children).includes(this.host))\n return;\n document.body.prepend(this.host);\n }\n\n /* Emitted when the dialog opens. Calling `event.preventDefault()` will prevent it from being opened. /\n @Event() nanoShow: EventEmitter;\n\n /* Emitted after the dialog opens and all transitions are complete. /\n @Event() nanoAfterShow: EventEmitter;\n\n /* Emitted when the dialog closes. Calling `event.preventDefault()` will prevent it from being closed. /\n @Event() nanoHide: EventEmitter;\n\n /* Emitted after the dialog closes and all transitions are complete. /\n @Event() nanoAfterHide: EventEmitter;\n\n /* Emitted when the dialog opens and the panel gains focus. Calling `event.preventDefault()` will prevent\n * focus and allow you to set it on a different element in the dialog, such as an input or button. /\n @Event() nanoInitialFocus: EventEmitter;\n\n /* Emitted when the user clicks the close button, clicks the overlay, or presses the `Escape` key. Calling `event.preventDefault()` will prevent the dialog from closing. /\n @Event() nanoRequestClose: EventEmitter;\n\n /* Shows the dialog /\n @Method()\n async show() {\n if (this.willShow) {\n return;\n }\n\n const nanoShow = this.nanoShow.emit();\n if (nanoShow.defaultPrevented) {\n this.open = false;\n return;\n }\n\n if (this.dialog) this.dialog.hidden = false;\n this.originalTrigger = document.activeElement as HTMLElement;\n this.willShow = true;\n this.open = true;\n this.modal.activate();\n\n lockBodyScrolling(this.host);\n\n if (this.open) {\n // Wait for the next frame before setting initial focus so the dialog is technically visible\n this.host.addEventListener(\n 'nanoAfterShow',\n () => {\n const nanoInitialFocus = this.nanoInitialFocus.emit();\n if (!nanoInitialFocus.defaultPrevented) {\n this.panel.focus({ preventScroll: true });\n }\n },\n { once: true }\n );\n }\n }\n\n /* Hides the dialog /\n @Method()\n async hide() {\n if (this.willHide) {\n return;\n }\n\n const nanoHide = this.nanoHide.emit();\n if (nanoHide.defaultPrevented) {\n this.open = true;\n return;\n }\n\n this.willHide = true;\n this.open = false;\n this.modal.deactivate();\n unlockBodyScrolling(this.host);\n this.stopVideos();\n\n // Restore focus to the original trigger\n const trigger = this.originalTrigger;\n if (trigger && typeof trigger.focus === 'function') {\n setTimeout(() => trigger.focus());\n }\n }\n\n private handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n this.requestClose();\n }\n };\n\n private requestClose = () => {\n const nanoOverlayDismiss = this.nanoRequestClose.emit();\n\n if (!nanoOverlayDismiss.defaultPrevented && !this.noUserDismiss) {\n this.hide();\n } else {\n this.noDismiss = true;\n setTimeout(() => (this.noDismiss = false), 250);\n }\n };\n\n private handleTransitionEnd = (event: TransitionEvent) => {\n if (\n event.propertyName === 'opacity' &&\n event\n .composedPath()\n .find((node) => node === this.panel \|\| node === this.overlay)\n ) {\n // Ensure we only emit one event when the target element is no longer visible\n this.willShow = false;\n this.willHide = false;\n this.open ? this.nanoAfterShow.emit() : this.nanoAfterHide.emit();\n if (!this.open) this.dialog.hidden = true;\n }\n };\n\n private handleSlotChange = () => {\n this.hasFooter = hasSlot(this.host, 'footer');\n };\n\n private stopVideos() {\n const videos: (HTMLVideoElement \| HTMLIFrameElement)[] = Array.from(\n this.host.querySelectorAll('iframe,video')\n );\n videos.forEach((video) => {\n if (video.tagName.toLowerCase() === 'video')\n (video as HTMLVideoElement).pause();\n else {\n const src = video.src;\n video.src = src;\n }\n });\n }\n\n connectedCallback() {\n this.handleHoistChange();\n this.modal = new Modal(this.host);\n }\n\n componentWillLoad() {\n this.handleSlotChange();\n // Show on init if open\n if (this.open) this.show();\n if (this.storeId)\n ComponentStore.init(this, ['open'], this.storeMethod, this.storeId);\n }\n\n componentDidLoad() {\n this.dialog.hidden = !this.open;\n }\n\n disconnectedCallback() {\n unlockBodyScrolling(this.host);\n if (!this.panel) return;\n this.panel.removeEventListener('transitionend', this.handleTransitionEnd);\n }\n\n render() {\n return (\n <Host>\n <div\n part=\"base\"\n class={{\n dialog: true,\n 'dialog--open': this.open,\n 'dialog--has-footer': !this.noFooter,\n 'dialog--has-header': !this.noHeader,\n 'dialog--nodismiss': this.noDismiss,\n 'dialog--with-ribbon': this.showRibbon,\n }}\n onKeyDown={this.handleKeyDown}\n ref={(ele) => (this.dialog = ele)}\n >\n <div\n part=\"overlay\"\n class=\"dialog__overlay\"\n ref={(el) => (this.overlay = el)}\n onClick={this.requestClose}\n />\n\n <div\n ref={(el) => (this.panel = el)}\n part=\"panel\"\n class=\"dialog__panel\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-hidden={this.open ? 'false' : 'true'}\n aria-label={this.noHeader ? this.label : null}\n aria-labelledby={\n !this.noHeader ? `${this.componentId}-title` : null\n }\n tabIndex={0}\n >\n <div class=\"dialog__body-wrap\">\n {!this.noHeader && (\n <nano-sticker>\n <div part=\"header\" class=\"dialog__header\">\n <span\n part=\"title\"\n class=\"dialog__title\"\n id={`${this.componentId}-title`}\n >\n <slot name=\"label\">\n {/ If there's no label, use an invisible character to prevent the heading from collapsing */}\n {this.label \|\| String.fromCharCode(65279)}\n </slot>\n </span>\n {!this.noUserDismiss && (\n <nano-icon-button\n part=\"close-button\"\n exportparts=\"base:close-button__base\"\n class=\"dialog__close-icon\"\n label=\"close dialog\"\n onClick={this.requestClose}\n iconName=\"light/times\"\n />\n )}\n </div>\n </nano-sticker>\n )}\n <div part=\"body\" class=\"dialog__body\">\n <slot />\n </div>\n {!this.noFooter && (this.hasFooter \|\| !this.noUserDismiss) && (\n <nano-sticker position=\"bottom\">\n <footer part=\"footer\" class=\"dialog__footer\">\n <slot name=\"footer\" onSlotchange={this.handleSlotChange} />\n {!this.noUserDismiss && (\n <button\n class=\"dialog__close-txt\"\n onClick={this.requestClose}\n >\n Close\n </button>\n )}\n </footer>\n </nano-sticker>\n )}\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"nano-dialog.js","mappings":"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","names":[],"sources":["./src/components/dialog/dialog.scss?tag=nano-dialog&encapsulation=shadow","./src/components/dialog/dialog.tsx"],"sourcesContent":["@use 'sass:map';\n@use 'sass:list';\n\n@import '../../global/style/nano-theme/base';\n@import '../../global/style/nano-theme/colours';\n@import '../../global/style/nano-theme/layers';\n@import '../../global/style/nano-theme/form';\n\n/*\n @prop --width: The preferred width of the dialog. Note that the dialog will shrink to accommodate smaller screens.\n * @prop --border-radius: defaults to #{$layer-border-radius};\n * @prop --content-background: defaults to #{$layer-bg-color};\n * @prop --footer-background: defaults to #{map.get($colors, celsius)};\n * @prop --box-shadow: defaults to $layer-shadow-xlarge;\n * @prop --close-button-color: defaults to #{map.get($colors, palegrey)};\n * @prop --scrim-color: overlay colour of alert display. Defaults to #{$layer-overlay-dark};\n * @prop --tint-color: colour used to highlight items in the dialog - top ribbon, bottom close button. Default #{map.get($colors, blue)};\n * @prop --width: defaults to 31rem;\n * @prop --nano-layer-overlay-blur: inheritable theme applied to backdrop. Default to #{$layer-overlay-blur}\n /\n:host {\n --border-radius: #{$layer-border-radius};\n --content-background: #fafafa;\n --footer-content: #{map.get($colors, lightgrey)};\n --scrim-color: #{$layer-overlay-dark};\n --box-shadow: #{$layer-shadow-large};\n --close-button-color: #{map.get($colors, palegrey)};\n --width: 60rem;\n --tint-color: #{darken(map.get($colors, blue), 5%)};\n --body-padding-v: #{$spacing-large};\n --body-padding-h: #{$spacing-large};\n --header-padding-v: #{$spacing-medium};\n --header-padding-h: #{$spacing-large};\n --footer-padding-v: #{$spacing-medium};\n --footer-padding-h: #{$spacing-large};\n}\n\n.dialog {\n $self: &;\n\n display: flex;\n align-items: center;\n justify-content: center;\n position: fixed;\n inset: 0;\n z-index: #{$layer-index-modal};\n\n // reset native popover styles\n border: none;\n inline-size: unset;\n block-size: unset;\n color: unset;\n background-color: unset;\n\n &::backdrop { display: none; }\n\n &__panel {\n display: flex;\n flex-direction: column;\n z-index: 2;\n inline-size: var(--width);\n max-inline-size: calc(100% - (#{$spacing-xlarge} + var(--nano-scroll-lock-size)));\n max-block-size: calc(92vh - #{$spacing-xlarge});\n background-color: var(--content-background);\n border-radius: var(--border-radius);\n box-shadow: var(--box-shadow);\n opacity: 0;\n transform: scale(0.8);\n transition: #{$transition-fast} opacity, #{$transition-fast} transform;\n\n &:focus {\n outline: none;\n }\n\n .dialog--with-ribbon & {\n border-block-start: 5px solid var(--tint-color);\n }\n\n .dialog--open & {\n display: flex;\n opacity: 1;\n transform: none;\n }\n\n .dialog--nodismiss & {\n animation: cannotClose 0.25s ease-in-out 1;\n\n @keyframes cannotClose {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(1.08);\n }\n\n 100% {\n transform: scale(1);\n }\n }\n }\n }\n\n &__header {\n flex: 0 0 auto;\n display: flex;\n inline-size: 100%;\n background-color: var(--content-background);\n border-radius: var(--border-radius) var(--border-radius) 0 0;\n transition: #{$transition-xfast} box-shadow;\n min-inline-size: auto;\n\n [stuck] & {\n box-shadow: #{$layer-shadow-medium};\n }\n }\n\n &__title {\n flex: 1 1 auto;\n font-size: #{$fontsize-large};\n line-height: 1.6;\n padding-block: var(--header-padding-v);\n padding-inline: var(--header-padding-h);\n }\n\n & &__close-icon {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n font-size: #{$fontsize-xlarge};\n padding-block: 0;\n padding-inline: var(--header-padding-h);\n\n --color: var(--close-button-color);\n }\n\n &__body {\n padding-block: 0 var(--body-padding-v);\n padding-inline: var(--body-padding-h);\n\n .dialog:not(.dialog--has-header) & {\n padding-block-start: var(--body-padding-v);\n }\n\n & ::slotted() {\n max-inline-size: 100%;\n }\n\n &-wrap {\n flex: 1 1 auto;\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n border-radius: var(--border-radius);\n\n .dialog:not(.dialog--has-header) & {\n border-radius: 0 0 inherit inherit;\n }\n\n .dialog:not(.dialog--has-footer) & {\n border-radius: inherit inherit 0 0;\n }\n }\n }\n\n &__footer {\n inline-size: 100%;\n padding-block: var(--footer-padding-v);\n padding-inline: var(--footer-padding-h);\n background: var(--footer-content);\n border-radius: 0 0 var(--border-radius) var(--border-radius);\n position: sticky;\n inset-block-end: 0;\n min-inline-size: auto;\n\n ::slotted(button) {\n margin-inline-end: #{$spacing-small} !important;\n }\n\n .dialog:not(.dialog--has-footer) & {\n display: none;\n }\n }\n\n &__close-txt {\n color: var(--tint-color);\n border: none;\n text-decoration: underline;\n margin: 0;\n text-underline-offset: 4px;\n background-color: transparent;\n font: inherit;\n -webkit-box-align: center;\n cursor: pointer;\n font-size: #{$fontsize-small};\n padding: 0.5rem;\n border-radius: #{$border-radius-small};\n transition: box-shadow 100ms ease-in-out;\n\n &:focus {\n outline: none;\n box-shadow: #{$control-focus-style};\n }\n }\n\n &__overlay {\n position: fixed;\n inset: 0 !important;\n background-color: var(--scrim-color);\n opacity: 0;\n transition: #{$transition-fast} opacity;\n backdrop-filter: blur(#{$layer-overlay-blur});\n\n .dialog--open & {\n opacity: 1;\n }\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n Method,\n Prop,\n State,\n Watch,\n h,\n Host,\n ComponentInterface,\n} from '@stencil/core';\nimport Modal from '../../utils/modal';\nimport { lockBodyScrolling, unlockBodyScrolling } from '../../utils/scroll';\nimport { hasSlot } from '../../utils/slot';\nimport {\n ComponentStore,\n StorageMethods,\n} from '../../utils/store/component-store';\n\nlet id = 0;\n\n/*\n Dialogs, sometimes called \"modals\", appear above the page and require the user's immediate attention.\n \n @part base - The component’s base wrapper\n * @part overlay - The overlay that covers the screen behind the dialog\n * @part panel - The dialog’s panel (where the dialog and its content are rendered)\n * @part header - The dialog’s header. This element wraps the title and header actions\n * @part title - The dialog’s title\n * @part close-button - The `<nano-icon-button>` close button\n * @part close-button__base - The close button's exported `base` part\n * @part body - dilog body / content\n * @part footer - dialog footer bar\n \n @slot label - The dialog's label. Alternatively, you can use the label prop.\n * @slot footer - The dialog's footer, usually one or more buttons representing various options.\n * @slot - The dialog's content.\n /\n@Component({\n tag: 'nano-dialog',\n styleUrl: 'dialog.scss',\n shadow: true,\n})\nexport class Dialog implements ComponentInterface {\n private componentId = `dialog-${++id}`;\n private modal: Modal;\n private willShow = false;\n private willHide = false;\n private originalTrigger: HTMLElement \| null;\n private overlay: HTMLElement;\n private dialog: HTMLElement;\n\n get panel() {\n return this._panel;\n }\n set panel(p: HTMLElement) {\n if (this._panel) {\n this.panel.removeEventListener('transitionend', this.handleTransitionEnd);\n }\n p.addEventListener('transitionend', this.handleTransitionEnd);\n this._panel = p;\n }\n private _panel: HTMLElement;\n\n @Element() host: HTMLNanoDialogElement;\n @State() noDismiss = false;\n @State() hasFooter = false;\n\n /* Show a colour ribbon at the top of the modal /\n @Prop() showRibbon = true;\n\n /* Indicates whether or not the dialog is open. You can use this in lieu of the show/hide methods. /\n @Prop({ mutable: true, reflect: true }) open = false;\n\n @Watch('open')\n handleOpenChange() {\n this.open ? this.show() : this.hide();\n }\n\n /* The dialog's label as displayed in the header. You should always include a relevant\n * label even when using `no-header`, as it is required for proper accessibility. /\n @Prop() label!: string;\n\n /* Set to true to disable the header. This will also remove the default close button,\n * so please ensure you provide an easy, accessible way for users to dismiss the dialog. /\n @Prop() noHeader = false;\n\n /* Set to true to disable the footer. This will also remove the footer close button,\n * so please ensure you provide an easy, accessible way for users to dismiss the dialog. /\n @Prop() noFooter = false;\n\n /* An alternative to `preventDefault()` on the `nanoRequestClose` event. This will hide the close button and disable clicks on the overlay or presses the `Escape` key /\n @Prop() noUserDismiss = false;\n\n /* Store search queries (against this ID) to the component store. Use in conjunction with storeMethod /\n @Prop() storeId?: string;\n\n /* The method of storage. Either session storage, url hash (after the '#') or url query (after the '?'). /\n @Prop() storeMethod: StorageMethods = 'url-hash';\n\n /* Relocate the dialog to the root of the DOM. Useful for elements bound via css `transform: ...` /\n @Prop() hoist = false;\n\n @Watch('hoist')\n handleHoistChange() {\n // if native popover is supported then bail as this is not required\n if (\n globalThis.HTMLElement.prototype.hasOwnProperty('popover') \|\|\n !this.hoist \|\|\n Array.from(document.body.children).includes(this.host)\n )\n return;\n document.body.prepend(this.host);\n }\n\n /* Emitted when the dialog opens. Calling `event.preventDefault()` will prevent it from being opened. /\n @Event() nanoShow: EventEmitter;\n\n /* Emitted after the dialog opens and all transitions are complete. /\n @Event() nanoAfterShow: EventEmitter;\n\n /* Emitted when the dialog closes. Calling `event.preventDefault()` will prevent it from being closed. /\n @Event() nanoHide: EventEmitter;\n\n /* Emitted after the dialog closes and all transitions are complete. /\n @Event() nanoAfterHide: EventEmitter;\n\n /* Emitted when the dialog opens and the panel gains focus. Calling `event.preventDefault()` will prevent\n * focus and allow you to set it on a different element in the dialog, such as an input or button. /\n @Event() nanoInitialFocus: EventEmitter;\n\n /* Emitted when the user clicks the close button, clicks the overlay, or presses the `Escape` key. Calling `event.preventDefault()` will prevent the dialog from closing. /\n @Event() nanoRequestClose: EventEmitter;\n\n /* Shows the dialog /\n @Method()\n async show() {\n if (this.willShow) {\n return;\n }\n\n const nanoShow = this.nanoShow.emit();\n if (nanoShow.defaultPrevented) {\n this.open = false;\n return;\n }\n\n if (this.dialog) this.dialog.hidden = false;\n this.originalTrigger = document.activeElement as HTMLElement;\n this.willShow = true;\n\n this.open = true;\n this.modal.activate();\n\n // @ts-ignore\n if (typeof this.dialog?.showPopover === 'function') {\n // @ts-ignore\n this.dialog.showPopover();\n }\n\n lockBodyScrolling(this.host);\n\n if (this.open) {\n // Wait for the next frame before setting initial focus so the dialog is technically visible\n this.host.addEventListener(\n 'nanoAfterShow',\n () => {\n const nanoInitialFocus = this.nanoInitialFocus.emit();\n if (!nanoInitialFocus.defaultPrevented) {\n this.panel.focus({ preventScroll: true });\n }\n },\n { once: true }\n );\n }\n }\n\n /* Hides the dialog /\n @Method()\n async hide() {\n if (this.willHide) {\n return;\n }\n\n const nanoHide = this.nanoHide.emit();\n if (nanoHide.defaultPrevented) {\n this.open = true;\n return;\n }\n\n this.willHide = true;\n this.open = false;\n this.modal.deactivate();\n this.stopVideos();\n\n // Restore focus to the original trigger\n const trigger = this.originalTrigger;\n if (trigger && typeof trigger.focus === 'function') {\n setTimeout(() => trigger.focus());\n }\n\n setTimeout(() => {\n // @ts-ignore\n if (!this.open && typeof this.dialog?.hidePopover === 'function') {\n // @ts-ignore\n this.dialog.hidePopover();\n }\n unlockBodyScrolling(this.host);\n }, 300);\n }\n\n private handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n this.requestClose();\n }\n };\n\n private requestClose = () => {\n const nanoOverlayDismiss = this.nanoRequestClose.emit();\n\n if (!nanoOverlayDismiss.defaultPrevented && !this.noUserDismiss) {\n this.hide();\n } else {\n this.noDismiss = true;\n setTimeout(() => (this.noDismiss = false), 250);\n }\n };\n\n private handleTransitionEnd = (event: TransitionEvent) => {\n if (\n event.propertyName === 'opacity' &&\n event\n .composedPath()\n .find((node) => node === this.panel \|\| node === this.overlay)\n ) {\n // Ensure we only emit one event when the target element is no longer visible\n this.willShow = false;\n this.willHide = false;\n this.open ? this.nanoAfterShow.emit() : this.nanoAfterHide.emit();\n if (!this.open) this.dialog.hidden = true;\n }\n };\n\n private handleSlotChange = () => {\n this.hasFooter = hasSlot(this.host, 'footer');\n };\n\n private stopVideos() {\n const videos: (HTMLVideoElement \| HTMLIFrameElement)[] = Array.from(\n this.host.querySelectorAll('iframe,video')\n );\n videos.forEach((video) => {\n if (video.tagName.toLowerCase() === 'video')\n (video as HTMLVideoElement).pause();\n else {\n const src = video.src;\n video.src = src;\n }\n });\n }\n\n connectedCallback() {\n this.handleHoistChange();\n this.modal = new Modal(this.host);\n }\n\n componentWillLoad() {\n this.handleSlotChange();\n // Show on init if open\n if (this.open) this.show();\n if (this.storeId)\n ComponentStore.init(this, ['open'], this.storeMethod, this.storeId);\n }\n\n componentDidLoad() {\n this.dialog.hidden = !this.open;\n }\n\n disconnectedCallback() {\n unlockBodyScrolling(this.host);\n if (!this.panel) return;\n this.panel.removeEventListener('transitionend', this.handleTransitionEnd);\n }\n\n render() {\n return (\n <Host>\n <div\n part=\"base\"\n class={{\n dialog: true,\n 'dialog--open': this.open,\n 'dialog--has-footer': !this.noFooter,\n 'dialog--has-header': !this.noHeader,\n 'dialog--nodismiss': this.noDismiss,\n 'dialog--with-ribbon': this.showRibbon,\n }}\n onKeyDown={this.handleKeyDown}\n ref={(ele) => (this.dialog = ele)}\n // @ts-ignore\n popover=\"manual\"\n >\n <div\n part=\"overlay\"\n class=\"dialog__overlay\"\n ref={(el) => (this.overlay = el)}\n onClick={this.requestClose}\n />\n\n <div\n ref={(el) => (this.panel = el)}\n part=\"panel\"\n class=\"dialog__panel\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-hidden={this.open ? 'false' : 'true'}\n aria-label={this.noHeader ? this.label : null}\n aria-labelledby={\n !this.noHeader ? `${this.componentId}-title` : null\n }\n tabIndex={-1}\n >\n <div class=\"dialog__body-wrap\">\n {!this.noHeader && (\n <nano-sticker>\n <header part=\"header\" class=\"dialog__header\">\n <span\n part=\"title\"\n class=\"dialog__title\"\n id={`${this.componentId}-title`}\n >\n <slot name=\"label\">\n {/ If there's no label, use an invisible character to prevent the heading from collapsing */}\n {this.label \|\| String.fromCharCode(65279)}\n </slot>\n </span>\n {!this.noUserDismiss && (\n <nano-icon-button\n part=\"close-button\"\n exportparts=\"base:close-button__base\"\n class=\"dialog__close-icon\"\n label=\"close dialog\"\n onClick={this.requestClose}\n iconName=\"light/times\"\n />\n )}\n </header>\n </nano-sticker>\n )}\n <div part=\"body\" class=\"dialog__body\">\n <slot />\n </div>\n {!this.noFooter && (this.hasFooter \|\| !this.noUserDismiss) && (\n <footer part=\"footer\" class=\"dialog__footer\">\n <slot name=\"footer\" onSlotchange={this.handleSlotChange} />\n {!this.noUserDismiss && (\n <button\n class=\"dialog__close-txt\"\n onClick={this.requestClose}\n >\n Close\n </button>\n )}\n </footer>\n )}\n </div>\n </div>\n </div>\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() {