@empathyco/x-components 3.0.0-alpha.161 → 3.0.0-alpha.162

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.0.0-alpha.162](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.161...@empathyco/x-components@3.0.0-alpha.162) (2022-08-29)
+
+### Build System
+
+- Support SSR with createInjectorSSR for styles. (#674)
+  ([85473c3](https://github.com/empathyco/x/commit/85473c31f5aa755890bef4d20f787ba1453b8843)),
+  closes [EX-6892](https://searchbroker.atlassian.net/browse/EX-6892)
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
 ## [3.0.0-alpha.161](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.160...@empathyco/x-components@3.0.0-alpha.161) (2022-08-26)
 
 ### Features

package/design-system/full-theme.css

@@ -1560,6 +1560,13 @@
   --x-size-border-radius-bottom-right-input-default: var(--x-size-border-radius-input-pill);
   --x-size-border-radius-bottom-left-input-default: var(--x-size-border-radius-input-pill);
 }
+:root {
+  --x-size-border-radius-input-pill: var(--x-size-border-radius-base-pill);
+  --x-size-border-radius-top-left-input-pill: var(--x-size-border-radius-input-pill);
+  --x-size-border-radius-top-right-input-pill: var(--x-size-border-radius-input-pill);
+  --x-size-border-radius-bottom-right-input-pill: var(--x-size-border-radius-input-pill);
+  --x-size-border-radius-bottom-left-input-pill: var(--x-size-border-radius-input-pill);
+}
 .x-list {
   display: flex;
   flex-flow: var(--x-string-flow-list);
@@ -7476,11 +7483,3 @@
 .x-normal-case {
   text-transform: none;
 }
-
-:root {
-  --x-size-border-radius-input-pill: var(--x-size-border-radius-base-pill);
-  --x-size-border-radius-top-left-input-pill: var(--x-size-border-radius-input-pill);
-  --x-size-border-radius-top-right-input-pill: var(--x-size-border-radius-input-pill);
-  --x-size-border-radius-bottom-right-input-pill: var(--x-size-border-radius-input-pill);
-  --x-size-border-radius-bottom-left-input-pill: var(--x-size-border-radius-input-pill);
-}

package/js/components/animations/animate-clip-path/animate-clip-path.style.scss.js

@@ -1,7 +1,16 @@
-import { createInjector } from 'vue-runtime-helpers';
+import { createInjector, createInjectorSSR } from 'vue-runtime-helpers';
 
 var css = ".x-animate-clip-path--enter-active, .x-animate-clip-path--leave-active {\n  transition: -webkit-clip-path var(--x-duration-animation, 0.3s) ease-out;\n  transition: clip-path var(--x-duration-animation, 0.3s) ease-out;\n  transition: clip-path var(--x-duration-animation, 0.3s) ease-out, -webkit-clip-path var(--x-duration-animation, 0.3s) ease-out;\n  -webkit-clip-path: inset(0 0 0 0 round var(--x-size-border-radius-animation-clip-path, 0));\n          clip-path: inset(0 0 0 0 round var(--x-size-border-radius-animation-clip-path, 0));\n}\n.x-animate-clip-path--enter.x-animate-clip-path--top, .x-animate-clip-path--leave-to.x-animate-clip-path--top {\n  -webkit-clip-path: inset(0 0 100% 0 round var(--x-size-border-radius-animation-clip-path, 0));\n          clip-path: inset(0 0 100% 0 round var(--x-size-border-radius-animation-clip-path, 0));\n}\n.x-animate-clip-path--enter.x-animate-clip-path--bottom, .x-animate-clip-path--leave-to.x-animate-clip-path--bottom {\n  -webkit-clip-path: inset(100% 0 0 0 round var(--x-size-border-radius-animation-clip-path, 0));\n          clip-path: inset(100% 0 0 0 round var(--x-size-border-radius-animation-clip-path, 0));\n}\n.x-animate-clip-path--enter.x-animate-clip-path--left, .x-animate-clip-path--leave-to.x-animate-clip-path--left {\n  -webkit-clip-path: inset(0 100% 0 0 round var(--x-size-border-radius-animation-clip-path, 0));\n          clip-path: inset(0 100% 0 0 round var(--x-size-border-radius-animation-clip-path, 0));\n}\n.x-animate-clip-path--enter.x-animate-clip-path--right, .x-animate-clip-path--leave-to.x-animate-clip-path--right {\n  -webkit-clip-path: inset(0 0 0 100% round var(--x-size-border-radius-animation-clip-path, 0));\n          clip-path: inset(0 0 0 100% round var(--x-size-border-radius-animation-clip-path, 0));\n}";
-const injector=createInjector({});injector('/__w/x/x/packages/x-components/src/components/animations/animate-clip-path/animate-clip-path.style.scss',{source:css});
+           const isBrowser = /*#__PURE__*/ (function () {
+             return (
+                Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) !==
+                '[object process]'
+             );
+           })();
+           const useBrowserInjector =
+             (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
+           const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
+           injector('/__w/x/x/packages/x-components/src/components/animations/animate-clip-path/animate-clip-path.style.scss',{source:css});
 
 export { css, css as default };
 //# sourceMappingURL=animate-clip-path.style.scss.js.map

package/js/components/animations/animate-clip-path/animate-clip-path.style.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"animate-clip-path.style.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"animate-clip-path.style.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/js/components/animations/animate-scale/animate-scale.style.scss.js

@@ -1,7 +1,16 @@
-import { createInjector } from 'vue-runtime-helpers';
+import { createInjector, createInjectorSSR } from 'vue-runtime-helpers';
 
 var css = ".x-animate-scale--enter-active, .x-animate-scale--leave-active, .x-animate-scale--enter-active *, .x-animate-scale--leave-active * {\n  animation-duration: var(--x-duration-animation, 0.3s);\n  animation-timing-function: linear;\n}\n.x-animate-scale--enter-active, .x-animate-scale--leave-active {\n  overflow: hidden;\n}\n.x-animate-scale--enter-active.x-animate-scale--top, .x-animate-scale--enter-active.x-animate-scale--bottom, .x-animate-scale--leave-active.x-animate-scale--top, .x-animate-scale--leave-active.x-animate-scale--bottom {\n  animation-name: containerAnimationY;\n}\n.x-animate-scale--enter-active.x-animate-scale--left, .x-animate-scale--enter-active.x-animate-scale--right, .x-animate-scale--leave-active.x-animate-scale--left, .x-animate-scale--leave-active.x-animate-scale--right {\n  animation-name: containerAnimationX;\n}\n.x-animate-scale--enter-active.x-animate-scale--top > *, .x-animate-scale--enter-active.x-animate-scale--bottom > *, .x-animate-scale--leave-active.x-animate-scale--top > *, .x-animate-scale--leave-active.x-animate-scale--bottom > * {\n  animation-name: contentAnimationY;\n}\n.x-animate-scale--enter-active.x-animate-scale--left > *, .x-animate-scale--enter-active.x-animate-scale--right > *, .x-animate-scale--leave-active.x-animate-scale--left > *, .x-animate-scale--leave-active.x-animate-scale--right > * {\n  animation-name: contentAnimationX;\n}\n.x-animate-scale--leave-active, .x-animate-scale--leave-active > * {\n  animation-direction: reverse;\n}\n.x-animate-scale--top.x-animate-scale--enter-active, .x-animate-scale--top.x-animate-scale--leave-active, .x-animate-scale--top.x-animate-scale--enter-active > *, .x-animate-scale--top.x-animate-scale--leave-active > * {\n  transform-origin: top center;\n}\n.x-animate-scale--bottom.x-animate-scale--enter-active, .x-animate-scale--bottom.x-animate-scale--leave-active, .x-animate-scale--bottom.x-animate-scale--enter-active > *, .x-animate-scale--bottom.x-animate-scale--leave-active > * {\n  transform-origin: bottom center;\n}\n.x-animate-scale--left.x-animate-scale--enter-active, .x-animate-scale--left.x-animate-scale--leave-active, .x-animate-scale--left.x-animate-scale--enter-active > *, .x-animate-scale--left.x-animate-scale--leave-active > * {\n  transform-origin: left center;\n}\n.x-animate-scale--right.x-animate-scale--enter-active, .x-animate-scale--right.x-animate-scale--leave-active, .x-animate-scale--right.x-animate-scale--enter-active > *, .x-animate-scale--right.x-animate-scale--leave-active > * {\n  transform-origin: right center;\n}\n\n@keyframes containerAnimationY {\n  0% {\n    transform: scaleY(0);\n  }\n  5.5555555556% {\n    transform: scaleY(0.0000762079);\n  }\n  11.1111111111% {\n    transform: scaleY(0.0012193263);\n  }\n  16.6666666667% {\n    transform: scaleY(0.0061728395);\n  }\n  22.2222222222% {\n    transform: scaleY(0.0195092212);\n  }\n  27.7777777778% {\n    transform: scaleY(0.0476299345);\n  }\n  33.3333333333% {\n    transform: scaleY(0.0987654321);\n  }\n  38.8888888889% {\n    transform: scaleY(0.1829751562);\n  }\n  44.4444444444% {\n    transform: scaleY(0.3121475385);\n  }\n  50% {\n    transform: scaleY(0.5);\n  }\n  55.5555555556% {\n    transform: scaleY(0.6878524615);\n  }\n  61.1111111111% {\n    transform: scaleY(0.8170248438);\n  }\n  66.6666666667% {\n    transform: scaleY(0.9012345679);\n  }\n  72.2222222222% {\n    transform: scaleY(0.9523700655);\n  }\n  77.7777777778% {\n    transform: scaleY(0.9804907788);\n  }\n  83.3333333333% {\n    transform: scaleY(0.9938271605);\n  }\n  88.8888888889% {\n    transform: scaleY(0.9987806737);\n  }\n  94.4444444444% {\n    transform: scaleY(0.9999237921);\n  }\n  100% {\n    transform: scaleY(1);\n  }\n}\n@keyframes contentAnimationY {\n  0% {\n    transform: scaleY(99999999);\n  }\n  5.5555555556% {\n    transform: scaleY(13122);\n  }\n  11.1111111111% {\n    transform: scaleY(820.125);\n  }\n  16.6666666667% {\n    transform: scaleY(162);\n  }\n  22.2222222222% {\n    transform: scaleY(51.2578125);\n  }\n  27.7777777778% {\n    transform: scaleY(20.9952);\n  }\n  33.3333333333% {\n    transform: scaleY(10.125);\n  }\n  38.8888888889% {\n    transform: scaleY(5.4652228238);\n  }\n  44.4444444444% {\n    transform: scaleY(3.2036132813);\n  }\n  50% {\n    transform: scaleY(2);\n  }\n  55.5555555556% {\n    transform: scaleY(1.4538001329);\n  }\n  61.1111111111% {\n    transform: scaleY(1.2239529895);\n  }\n  66.6666666667% {\n    transform: scaleY(1.1095890411);\n  }\n  72.2222222222% {\n    transform: scaleY(1.0500120029);\n  }\n  77.7777777778% {\n    transform: scaleY(1.019897404);\n  }\n  83.3333333333% {\n    transform: scaleY(1.0062111801);\n  }\n  88.8888888889% {\n    transform: scaleY(1.0012208149);\n  }\n  94.4444444444% {\n    transform: scaleY(1.0000762137);\n  }\n  100% {\n    transform: scaleY(1);\n  }\n}\n@keyframes containerAnimationX {\n  0% {\n    transform: scaleX(0);\n  }\n  5.5555555556% {\n    transform: scaleX(0.0000762079);\n  }\n  11.1111111111% {\n    transform: scaleX(0.0012193263);\n  }\n  16.6666666667% {\n    transform: scaleX(0.0061728395);\n  }\n  22.2222222222% {\n    transform: scaleX(0.0195092212);\n  }\n  27.7777777778% {\n    transform: scaleX(0.0476299345);\n  }\n  33.3333333333% {\n    transform: scaleX(0.0987654321);\n  }\n  38.8888888889% {\n    transform: scaleX(0.1829751562);\n  }\n  44.4444444444% {\n    transform: scaleX(0.3121475385);\n  }\n  50% {\n    transform: scaleX(0.5);\n  }\n  55.5555555556% {\n    transform: scaleX(0.6878524615);\n  }\n  61.1111111111% {\n    transform: scaleX(0.8170248438);\n  }\n  66.6666666667% {\n    transform: scaleX(0.9012345679);\n  }\n  72.2222222222% {\n    transform: scaleX(0.9523700655);\n  }\n  77.7777777778% {\n    transform: scaleX(0.9804907788);\n  }\n  83.3333333333% {\n    transform: scaleX(0.9938271605);\n  }\n  88.8888888889% {\n    transform: scaleX(0.9987806737);\n  }\n  94.4444444444% {\n    transform: scaleX(0.9999237921);\n  }\n  100% {\n    transform: scaleX(1);\n  }\n}\n@keyframes contentAnimationX {\n  0% {\n    transform: scaleX(99999999);\n  }\n  5.5555555556% {\n    transform: scaleX(13122);\n  }\n  11.1111111111% {\n    transform: scaleX(820.125);\n  }\n  16.6666666667% {\n    transform: scaleX(162);\n  }\n  22.2222222222% {\n    transform: scaleX(51.2578125);\n  }\n  27.7777777778% {\n    transform: scaleX(20.9952);\n  }\n  33.3333333333% {\n    transform: scaleX(10.125);\n  }\n  38.8888888889% {\n    transform: scaleX(5.4652228238);\n  }\n  44.4444444444% {\n    transform: scaleX(3.2036132813);\n  }\n  50% {\n    transform: scaleX(2);\n  }\n  55.5555555556% {\n    transform: scaleX(1.4538001329);\n  }\n  61.1111111111% {\n    transform: scaleX(1.2239529895);\n  }\n  66.6666666667% {\n    transform: scaleX(1.1095890411);\n  }\n  72.2222222222% {\n    transform: scaleX(1.0500120029);\n  }\n  77.7777777778% {\n    transform: scaleX(1.019897404);\n  }\n  83.3333333333% {\n    transform: scaleX(1.0062111801);\n  }\n  88.8888888889% {\n    transform: scaleX(1.0012208149);\n  }\n  94.4444444444% {\n    transform: scaleX(1.0000762137);\n  }\n  100% {\n    transform: scaleX(1);\n  }\n}";
-const injector=createInjector({});injector('/__w/x/x/packages/x-components/src/components/animations/animate-scale/animate-scale.style.scss',{source:css});
+           const isBrowser = /*#__PURE__*/ (function () {
+             return (
+                Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) !==
+                '[object process]'
+             );
+           })();
+           const useBrowserInjector =
+             (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
+           const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
+           injector('/__w/x/x/packages/x-components/src/components/animations/animate-scale/animate-scale.style.scss',{source:css});
 
 export { css, css as default };
 //# sourceMappingURL=animate-scale.style.scss.js.map

package/js/components/animations/animate-scale/animate-scale.style.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"animate-scale.style.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"animate-scale.style.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/js/components/animations/animate-translate/animate-translate.style.scss.js

@@ -1,7 +1,16 @@
-import { createInjector } from 'vue-runtime-helpers';
+import { createInjector, createInjectorSSR } from 'vue-runtime-helpers';
 
 var css = ".x-animate-translate--enter-active, .x-animate-translate--leave-active {\n  transition: transform var(--x-duration-animation, 0.3s) ease-out;\n}\n.x-animate-translate--enter.x-animate-translate--top, .x-animate-translate--leave-to.x-animate-translate--top {\n  transform: translateY(-100%);\n}\n.x-animate-translate--enter.x-animate-translate--bottom, .x-animate-translate--leave-to.x-animate-translate--bottom {\n  transform: translateY(100%);\n}\n.x-animate-translate--enter.x-animate-translate--left, .x-animate-translate--leave-to.x-animate-translate--left {\n  transform: translateX(-100%);\n}\n.x-animate-translate--enter.x-animate-translate--right, .x-animate-translate--leave-to.x-animate-translate--right {\n  transform: translateX(100%);\n}";
-const injector=createInjector({});injector('/__w/x/x/packages/x-components/src/components/animations/animate-translate/animate-translate.style.scss',{source:css});
+           const isBrowser = /*#__PURE__*/ (function () {
+             return (
+                Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) !==
+                '[object process]'
+             );
+           })();
+           const useBrowserInjector =
+             (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
+           const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
+           injector('/__w/x/x/packages/x-components/src/components/animations/animate-translate/animate-translate.style.scss',{source:css});
 
 export { css, css as default };
 //# sourceMappingURL=animate-translate.style.scss.js.map

package/js/components/animations/animate-translate/animate-translate.style.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"animate-translate.style.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"animate-translate.style.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/js/components/animations/animate-width.vue_rollup-plugin-vue_styles.0.vue.js

@@ -1,7 +1,16 @@
-import { createInjector } from 'vue-runtime-helpers';
+import { createInjector, createInjectorSSR } from 'vue-runtime-helpers';
 
 var css = ".x-animate-width--enter-active[data-v-d7caf02c], .x-animate-width--leave-active[data-v-d7caf02c] {\n  transition: width 0.3s ease-out;\n  overflow-x: hidden;\n}\n.x-animate-width--enter[data-v-d7caf02c], .x-animate-width--leave-to[data-v-d7caf02c] {\n  width: 0 !important;\n}";
-const injector=createInjector({});injector('/__w/x/x/packages/x-components/src/components/animations/animate-width.vue?rollup-plugin-vue=styles.0.css',{source:css});
+           const isBrowser = /*#__PURE__*/ (function () {
+             return (
+                Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) !==
+                '[object process]'
+             );
+           })();
+           const useBrowserInjector =
+             (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
+           const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
+           injector('/__w/x/x/packages/x-components/src/components/animations/animate-width.vue?rollup-plugin-vue=styles.0.css',{source:css});
 
 export { css, css as default };
 //# sourceMappingURL=animate-width.vue_rollup-plugin-vue_styles.0.vue.js.map

package/js/components/animations/animate-width.vue_rollup-plugin-vue_styles.0.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"animate-width.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"animate-width.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/js/components/animations/collapse-height.vue_rollup-plugin-vue_styles.0.vue.js

@@ -1,7 +1,16 @@
-import { createInjector } from 'vue-runtime-helpers';
+import { createInjector, createInjectorSSR } from 'vue-runtime-helpers';
 
 var css = ".x-collapse-height--enter-active[data-v-7536b911], .x-collapse-height--leave-active[data-v-7536b911] {\n  transition: height 0.3s ease-out;\n  overflow: hidden;\n}";
-const injector=createInjector({});injector('/__w/x/x/packages/x-components/src/components/animations/collapse-height.vue?rollup-plugin-vue=styles.0.css',{source:css});
+           const isBrowser = /*#__PURE__*/ (function () {
+             return (
+                Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) !==
+                '[object process]'
+             );
+           })();
+           const useBrowserInjector =
+             (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
+           const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
+           injector('/__w/x/x/packages/x-components/src/components/animations/collapse-height.vue?rollup-plugin-vue=styles.0.css',{source:css});
 
 export { css, css as default };
 //# sourceMappingURL=collapse-height.vue_rollup-plugin-vue_styles.0.vue.js.map

package/js/components/animations/collapse-height.vue_rollup-plugin-vue_styles.0.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapse-height.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"collapse-height.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/js/components/animations/collapse-width.vue_rollup-plugin-vue_styles.0.vue.js

@@ -1,7 +1,16 @@
-import { createInjector } from 'vue-runtime-helpers';
+import { createInjector, createInjectorSSR } from 'vue-runtime-helpers';
 
 var css = ".x-collapse-width--enter-active[data-v-16c7537f], .x-collapse-width--leave-active[data-v-16c7537f] {\n  transition: width 0.3s ease-out;\n  overflow: hidden;\n}";
-const injector=createInjector({});injector('/__w/x/x/packages/x-components/src/components/animations/collapse-width.vue?rollup-plugin-vue=styles.0.css',{source:css});
+           const isBrowser = /*#__PURE__*/ (function () {
+             return (
+                Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) !==
+                '[object process]'
+             );
+           })();
+           const useBrowserInjector =
+             (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
+           const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
+           injector('/__w/x/x/packages/x-components/src/components/animations/collapse-width.vue?rollup-plugin-vue=styles.0.css',{source:css});
 
 export { css, css as default };
 //# sourceMappingURL=collapse-width.vue_rollup-plugin-vue_styles.0.vue.js.map

package/js/components/animations/collapse-width.vue_rollup-plugin-vue_styles.0.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapse-width.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"collapse-width.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/js/components/animations/cross-fade.vue_rollup-plugin-vue_styles.0.vue.js

@@ -1,7 +1,16 @@
-import { createInjector } from 'vue-runtime-helpers';
+import { createInjector, createInjectorSSR } from 'vue-runtime-helpers';
 
 var css = ".x-cross-fade--enter-active[data-v-0367569a], .x-cross-fade--leave-active[data-v-0367569a] {\n  transition: opacity 0.25s ease-in-out;\n}\n.x-cross-fade--leave-active[data-v-0367569a] {\n  position: absolute;\n}\n.x-cross-fade--leave-to[data-v-0367569a], .x-cross-fade--enter[data-v-0367569a] {\n  opacity: 0;\n}";
-const injector=createInjector({});injector('/__w/x/x/packages/x-components/src/components/animations/cross-fade.vue?rollup-plugin-vue=styles.0.css',{source:css});
+           const isBrowser = /*#__PURE__*/ (function () {
+             return (
+                Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) !==
+                '[object process]'
+             );
+           })();
+           const useBrowserInjector =
+             (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
+           const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
+           injector('/__w/x/x/packages/x-components/src/components/animations/cross-fade.vue?rollup-plugin-vue=styles.0.css',{source:css});
 
 export { css, css as default };
 //# sourceMappingURL=cross-fade.vue_rollup-plugin-vue_styles.0.vue.js.map

package/js/components/animations/cross-fade.vue_rollup-plugin-vue_styles.0.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"cross-fade.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"cross-fade.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/js/components/animations/fade-and-slide.vue_rollup-plugin-vue_styles.0.vue.js

@@ -1,7 +1,16 @@
-import { createInjector } from 'vue-runtime-helpers';
+import { createInjector, createInjectorSSR } from 'vue-runtime-helpers';
 
 var css = ".x-fade-and-slide[data-v-7592ba5c] .x-fade-and-slide--move, .x-fade-and-slide[data-v-7592ba5c] .x-fade-and-slide--enter-active, .x-fade-and-slide[data-v-7592ba5c] .x-fade-and-slide--leave-active {\n  transition: opacity 0.2s ease-out, transform 0.3s ease-out;\n}\n.x-fade-and-slide[data-v-7592ba5c] .x-fade-and-slide--enter, .x-fade-and-slide[data-v-7592ba5c] .x-fade-and-slide--leave-to {\n  transform: translate(-20%, 0);\n  opacity: 0;\n}\n.x-fade-and-slide[data-v-7592ba5c] .x-fade-and-slide--leave-active {\n  position: absolute;\n}";
-const injector=createInjector({});injector('/__w/x/x/packages/x-components/src/components/animations/fade-and-slide.vue?rollup-plugin-vue=styles.0.css',{source:css});
+           const isBrowser = /*#__PURE__*/ (function () {
+             return (
+                Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) !==
+                '[object process]'
+             );
+           })();
+           const useBrowserInjector =
+             (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
+           const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
+           injector('/__w/x/x/packages/x-components/src/components/animations/fade-and-slide.vue?rollup-plugin-vue=styles.0.css',{source:css});
 
 export { css, css as default };
 //# sourceMappingURL=fade-and-slide.vue_rollup-plugin-vue_styles.0.vue.js.map

package/js/components/animations/fade-and-slide.vue_rollup-plugin-vue_styles.0.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"fade-and-slide.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"fade-and-slide.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/js/components/animations/fade.vue_rollup-plugin-vue_styles.0.vue.js

@@ -1,7 +1,16 @@
-import { createInjector } from 'vue-runtime-helpers';
+import { createInjector, createInjectorSSR } from 'vue-runtime-helpers';
 
 var css = ".x-fade--enter-active[data-v-7c9e4e70], .x-fade--leave-active[data-v-7c9e4e70] {\n  transition: opacity 0.25s ease-in-out;\n}\n.x-fade--leave-to[data-v-7c9e4e70], .x-fade--enter[data-v-7c9e4e70] {\n  opacity: 0;\n}";
-const injector=createInjector({});injector('/__w/x/x/packages/x-components/src/components/animations/fade.vue?rollup-plugin-vue=styles.0.css',{source:css});
+           const isBrowser = /*#__PURE__*/ (function () {
+             return (
+                Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) !==
+                '[object process]'
+             );
+           })();
+           const useBrowserInjector =
+             (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
+           const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
+           injector('/__w/x/x/packages/x-components/src/components/animations/fade.vue?rollup-plugin-vue=styles.0.css',{source:css});
 
 export { css, css as default };
 //# sourceMappingURL=fade.vue_rollup-plugin-vue_styles.0.vue.js.map

package/js/components/animations/fade.vue_rollup-plugin-vue_styles.0.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"fade.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"fade.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/js/components/animations/staggered-fade-and-slide.vue_rollup-plugin-vue_styles.0.vue.js

@@ -1,7 +1,16 @@
-import { createInjector } from 'vue-runtime-helpers';
+import { createInjector, createInjectorSSR } from 'vue-runtime-helpers';
 
 var css = ".x-staggered-fade-and-slide[data-v-46800d5c] .x-staggered-fade-and-slide--enter-active, .x-staggered-fade-and-slide[data-v-46800d5c] .x-staggered-fade-and-slide--leave-active {\n  transition: 0.25s ease-out;\n  transition-property: opacity, transform;\n}\n.x-staggered-fade-and-slide[data-v-46800d5c] .x-staggered-fade-and-slide--move {\n  transition: transform 0.25s ease-out;\n  z-index: 1;\n}\n.x-staggered-fade-and-slide[data-v-46800d5c] .x-staggered-fade-and-slide--enter, .x-staggered-fade-and-slide[data-v-46800d5c] .x-staggered-fade-and-slide--leave-to {\n  transform: translate3d(0, 50%, 0);\n  opacity: 0;\n}";
-const injector=createInjector({});injector('/__w/x/x/packages/x-components/src/components/animations/staggered-fade-and-slide.vue?rollup-plugin-vue=styles.0.css',{source:css});
+           const isBrowser = /*#__PURE__*/ (function () {
+             return (
+                Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) !==
+                '[object process]'
+             );
+           })();
+           const useBrowserInjector =
+             (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
+           const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
+           injector('/__w/x/x/packages/x-components/src/components/animations/staggered-fade-and-slide.vue?rollup-plugin-vue=styles.0.css',{source:css});
 
 export { css, css as default };
 //# sourceMappingURL=staggered-fade-and-slide.vue_rollup-plugin-vue_styles.0.vue.js.map

package/js/components/animations/staggered-fade-and-slide.vue_rollup-plugin-vue_styles.0.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"staggered-fade-and-slide.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"staggered-fade-and-slide.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/js/components/animations/staggering-transition-group.vue_rollup-plugin-vue_styles.0.vue.js

@@ -1,7 +1,16 @@
-import { createInjector } from 'vue-runtime-helpers';
+import { createInjector, createInjectorSSR } from 'vue-runtime-helpers';
 
 var css = ".x-staggering-transition-group[data-v-43f70f6e] {\n  position: relative;\n}";
-const injector=createInjector({});injector('/__w/x/x/packages/x-components/src/components/animations/staggering-transition-group.vue?rollup-plugin-vue=styles.0.css',{source:css});
+           const isBrowser = /*#__PURE__*/ (function () {
+             return (
+                Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) !==
+                '[object process]'
+             );
+           })();
+           const useBrowserInjector =
+             (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
+           const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
+           injector('/__w/x/x/packages/x-components/src/components/animations/staggering-transition-group.vue?rollup-plugin-vue=styles.0.css',{source:css});
 
 export { css, css as default };
 //# sourceMappingURL=staggering-transition-group.vue_rollup-plugin-vue_styles.0.vue.js.map

package/js/components/animations/staggering-transition-group.vue_rollup-plugin-vue_styles.0.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"staggering-transition-group.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"staggering-transition-group.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/js/components/auto-progress-bar.vue_rollup-plugin-vue_styles.0.vue.js

@@ -1,7 +1,16 @@
-import { createInjector } from 'vue-runtime-helpers';
+import { createInjector, createInjectorSSR } from 'vue-runtime-helpers';
 
 var css = ".x-progress-bar {\n  display: inline-block;\n  overflow: hidden;\n  background-color: var(--x-color-background-progress-bar-default, #b3b3b3);\n  border-radius: var(--x-size-border-radius-progress-bar-default, 24px);\n}\n.x-progress-bar__line {\n  height: var(--x-size-height-progress-bar-line-default, 4px);\n  width: var(--x-size-width-progress-bar-line-default, 272px);\n  background-color: var(--x-color-background-progress-bar-line-default, #1a1a1a);\n  border-radius: var(--x-size-border-radius-progress-bar-default, 24px);\n  animation: slide linear;\n  transform-origin: left;\n}\n@keyframes slide {\n0% {\n    transform: translateX(-100%);\n}\n100% {\n    transform: translateX(0);\n}\n}";
-const injector=createInjector({});injector('/__w/x/x/packages/x-components/src/components/auto-progress-bar.vue?rollup-plugin-vue=styles.0.css',{source:css});
+           const isBrowser = /*#__PURE__*/ (function () {
+             return (
+                Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) !==
+                '[object process]'
+             );
+           })();
+           const useBrowserInjector =
+             (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
+           const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
+           injector('/__w/x/x/packages/x-components/src/components/auto-progress-bar.vue?rollup-plugin-vue=styles.0.css',{source:css});
 
 export { css, css as default };
 //# sourceMappingURL=auto-progress-bar.vue_rollup-plugin-vue_styles.0.vue.js.map

package/js/components/auto-progress-bar.vue_rollup-plugin-vue_styles.0.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"auto-progress-bar.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"auto-progress-bar.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/js/components/base-dropdown.vue_rollup-plugin-vue_styles.0.vue.js

@@ -1,7 +1,16 @@
-import { createInjector } from 'vue-runtime-helpers';
+import { createInjector, createInjectorSSR } from 'vue-runtime-helpers';
 
 var css = ".x-dropdown[data-v-7f6f2f40] {\n  position: relative;\n}\n.x-dropdown__items-list[data-v-7f6f2f40] {\n  z-index: 1;\n  list-style: none;\n  position: absolute;\n  padding: 0;\n  margin: 0;\n  top: calc(100% + var(--x-size-gap-dropdown-default, 0));\n}";
-const injector=createInjector({});injector('/__w/x/x/packages/x-components/src/components/base-dropdown.vue?rollup-plugin-vue=styles.0.css',{source:css});
+           const isBrowser = /*#__PURE__*/ (function () {
+             return (
+                Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) !==
+                '[object process]'
+             );
+           })();
+           const useBrowserInjector =
+             (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
+           const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
+           injector('/__w/x/x/packages/x-components/src/components/base-dropdown.vue?rollup-plugin-vue=styles.0.css',{source:css});
 
 export { css, css as default };
 //# sourceMappingURL=base-dropdown.vue_rollup-plugin-vue_styles.0.vue.js.map

package/js/components/base-dropdown.vue_rollup-plugin-vue_styles.0.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-dropdown.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"base-dropdown.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/js/components/base-grid.vue_rollup-plugin-vue_styles.0.vue.js

@@ -1,7 +1,16 @@
-import { createInjector } from 'vue-runtime-helpers';
+import { createInjector, createInjectorSSR } from 'vue-runtime-helpers';
 
 var css = ".x-base-grid[data-v-604592d3] {\n  padding: var(--x-size-padding-grid, 0);\n  margin: 0;\n  display: grid;\n  grid-auto-flow: dense;\n  list-style: none;\n}\n.x-base-grid__banner[data-v-604592d3], .x-base-grid__next-queries-group[data-v-604592d3] {\n  grid-column-start: 1;\n  grid-column-end: -1;\n}";
-const injector=createInjector({});injector('/__w/x/x/packages/x-components/src/components/base-grid.vue?rollup-plugin-vue=styles.0.css',{source:css});
+           const isBrowser = /*#__PURE__*/ (function () {
+             return (
+                Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) !==
+                '[object process]'
+             );
+           })();
+           const useBrowserInjector =
+             (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
+           const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
+           injector('/__w/x/x/packages/x-components/src/components/base-grid.vue?rollup-plugin-vue=styles.0.css',{source:css});
 
 export { css, css as default };
 //# sourceMappingURL=base-grid.vue_rollup-plugin-vue_styles.0.vue.js.map

package/js/components/base-grid.vue_rollup-plugin-vue_styles.0.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-grid.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"base-grid.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/js/components/base-rating.vue_rollup-plugin-vue_styles.0.vue.js

@@ -1,7 +1,16 @@
-import { createInjector } from 'vue-runtime-helpers';
+import { createInjector, createInjectorSSR } from 'vue-runtime-helpers';
 
 var css = ".x-rating[data-v-01a5c2e2] {\n  position: relative;\n  display: inline-block;\n}\n.x-rating--empty[data-v-01a5c2e2] {\n  overflow: hidden;\n  display: flex;\n  flex-flow: row nowrap;\n  white-space: nowrap;\n}\n.x-rating--filled[data-v-01a5c2e2] {\n  display: flex;\n  flex-flow: row nowrap;\n  white-space: nowrap;\n  position: absolute;\n  overflow: hidden;\n  top: 0;\n  left: 0;\n  height: 100%;\n}\n.x-rating__default-icon[data-v-01a5c2e2] {\n  fill: currentColor;\n  stroke: currentColor;\n}\n.x-rating__default-icon--empty[data-v-01a5c2e2] {\n  fill: none;\n}";
-const injector=createInjector({});injector('/__w/x/x/packages/x-components/src/components/base-rating.vue?rollup-plugin-vue=styles.0.css',{source:css});
+           const isBrowser = /*#__PURE__*/ (function () {
+             return (
+                Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) !==
+                '[object process]'
+             );
+           })();
+           const useBrowserInjector =
+             (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
+           const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
+           injector('/__w/x/x/packages/x-components/src/components/base-rating.vue?rollup-plugin-vue=styles.0.css',{source:css});
 
 export { css, css as default };
 //# sourceMappingURL=base-rating.vue_rollup-plugin-vue_styles.0.vue.js.map

package/js/components/base-rating.vue_rollup-plugin-vue_styles.0.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-rating.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"base-rating.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/js/components/base-switch.vue_rollup-plugin-vue_styles.0.vue.js

@@ -1,7 +1,16 @@
-import { createInjector } from 'vue-runtime-helpers';
+import { createInjector, createInjectorSSR } from 'vue-runtime-helpers';
 
 var css = ".x-switch[data-v-25cc8ef8] {\n  --x-switch-height: var(--x-size-base-05);\n  --x-switch-width: calc(2 * (var(--x-switch-height)) + 2 * var(--x-switch-padding));\n  --x-switch-background: var(--x-color-base-neutral-70);\n  --x-switch-padding: var(--x-size-base-01);\n  --x-switch-handle-size: calc(var(--x-switch-height));\n  box-sizing: content-box;\n  height: var(--x-switch-height);\n  padding: var(--x-switch-padding);\n  border-radius: var(--x-size-border-radius-base-pill);\n  background: var(--x-switch-background);\n  width: var(--x-switch-width);\n  border: none;\n  transition: 0.25s ease-out background-color;\n  cursor: pointer;\n}\n.x-switch__handle[data-v-25cc8ef8] {\n  background: var(--x-color-base-neutral-100);\n  border-radius: 50%;\n  height: var(--x-switch-handle-size);\n  width: var(--x-switch-handle-size);\n  transition: 0.25s ease-out transform;\n  transform: translateX(var(--x-switch-translate-x, 0%));\n}\n.x-switch--is-selected[data-v-25cc8ef8] {\n  --x-switch-translate-x: calc(var(--x-switch-padding) + var(--x-switch-width) / 2);\n  --x-switch-background: var(--x-color-base-neutral-10);\n}\n.x-switch--sm[data-v-25cc8ef8] {\n  --x-switch-height: var(--x-size-base-04);\n}\n.x-switch--lg[data-v-25cc8ef8] {\n  --x-switch-height: var(--x-size-base-06);\n}";
-const injector=createInjector({});injector('/__w/x/x/packages/x-components/src/components/base-switch.vue?rollup-plugin-vue=styles.0.css',{source:css});
+           const isBrowser = /*#__PURE__*/ (function () {
+             return (
+                Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) !==
+                '[object process]'
+             );
+           })();
+           const useBrowserInjector =
+             (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
+           const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
+           injector('/__w/x/x/packages/x-components/src/components/base-switch.vue?rollup-plugin-vue=styles.0.css',{source:css});
 
 export { css, css as default };
 //# sourceMappingURL=base-switch.vue_rollup-plugin-vue_styles.0.vue.js.map

package/js/components/base-switch.vue_rollup-plugin-vue_styles.0.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-switch.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"base-switch.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/js/components/column-picker/base-column-picker-list.vue_rollup-plugin-vue_styles.0.vue.js

@@ -1,7 +1,16 @@
-import { createInjector } from 'vue-runtime-helpers';
+import { createInjector, createInjectorSSR } from 'vue-runtime-helpers';
 
 var css = ".x-column-picker-list[data-v-435aee1f] {\n  display: flex;\n  list-style-type: none;\n}";
-const injector=createInjector({});injector('/__w/x/x/packages/x-components/src/components/column-picker/base-column-picker-list.vue?rollup-plugin-vue=styles.0.css',{source:css});
+           const isBrowser = /*#__PURE__*/ (function () {
+             return (
+                Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) !==
+                '[object process]'
+             );
+           })();
+           const useBrowserInjector =
+             (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
+           const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
+           injector('/__w/x/x/packages/x-components/src/components/column-picker/base-column-picker-list.vue?rollup-plugin-vue=styles.0.css',{source:css});
 
 export { css, css as default };
 //# sourceMappingURL=base-column-picker-list.vue_rollup-plugin-vue_styles.0.vue.js.map

package/js/components/column-picker/base-column-picker-list.vue_rollup-plugin-vue_styles.0.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-column-picker-list.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"base-column-picker-list.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/js/components/layouts/fixed-header-and-asides-layout.vue_rollup-plugin-vue_styles.0.vue.js

@@ -1,7 +1,16 @@
-import { createInjector } from 'vue-runtime-helpers';
+import { createInjector, createInjectorSSR } from 'vue-runtime-helpers';
 
 var css = ".dev-mode .slot-helper[data-v-47983f10] {\n  font-family: inherit;\n  color: grey;\n  box-sizing: border-box;\n  display: flex;\n  height: 100%;\n  width: 100%;\n  justify-content: center;\n  align-items: center;\n  border: dashed 1px grey;\n  border-radius: 10px;\n}\n.x-layout[data-v-47983f10] {\n  display: grid;\n  align-content: stretch;\n  min-height: 100%;\n  max-height: 100%;\n  --x-size-margin-max-width: calc((100vw - var(--x-size-max-width-layout, 1440px)) / 2);\n  --x-size-margin-layout: max(\n    var(--x-size-min-margin-layout, 20px),\n    var(--x-size-margin-max-width)\n  );\n  grid-template-rows: [page-start header-start] auto [header-end sub-header-start] auto [sub-header-end toolbar-start] auto [toolbar-end main-start] 1fr [main-end page-end];\n  grid-template-columns: [page-start] var(--x-size-margin-layout) [max-width-start] 1fr [max-width-end] var(--x-size-margin-layout) [page-end];\n}\n.x-layout__header[data-v-47983f10] {\n  position: sticky;\n  top: -0.5px;\n  z-index: 2;\n  grid-row: header;\n  grid-column: page;\n  max-height: var(--x-size-max-height-layout-header, auto);\n  padding: 0 var(--x-size-margin-layout);\n  background: var(--x-color-background-layout-header, transparent);\n  border-color: var(--x-size-border-color-layout-header, transparent);\n  border-width: var(--x-size-border-width-layout-header, 0);\n  border-style: solid;\n}\n.x-layout__sub-header[data-v-47983f10] {\n  grid-row: sub-header;\n  grid-column: page;\n  padding: 0 var(--x-size-margin-layout);\n  background: var(--x-color-background-layout-sub-header, transparent);\n  border-color: var(--x-size-border-color-layout-sub-header, transparent);\n  border-width: var(--x-size-border-width-layout-sub-header, 0);\n  border-style: solid;\n}\n.x-layout__toolbar[data-v-47983f10] {\n  grid-row: toolbar;\n  grid-column: max-width;\n}\n.x-layout__main[data-v-47983f10] {\n  grid-row: main;\n  grid-column: max-width;\n}\n.x-layout[data-v-47983f10]  .x-layout__aside {\n  pointer-events: none;\n}\n.x-layout[data-v-47983f10]  .x-layout__aside.x-modal {\n  z-index: 3;\n  flex-flow: row nowrap;\n}\n.x-layout[data-v-47983f10]  .x-layout__aside > *:not(.slot-helper) {\n  pointer-events: all;\n}\n.x-layout[data-v-47983f10]  .x-layout__aside--right.x-modal {\n  justify-content: flex-end;\n}\n.x-layout__scroll-to-top[data-v-47983f10] {\n  position: fixed;\n  z-index: 1;\n  bottom: var(--x-size-margin-bottom-layout-scroll-to-top, 16px);\n  right: var(--x-size-margin-right-layout-scroll-to-top, 16px);\n}\n.x-layout__header-backdrop[data-v-47983f10] {\n  grid-row: page;\n  grid-column: page;\n  position: sticky;\n  top: -0.5px;\n  z-index: 1;\n  height: var(--x-size-height-layout-backdrop, 40vh);\n  width: 100%;\n  pointer-events: none;\n  background-color: var(--x-color-background-layout-header-backdrop, var(--x-color-base-neutral-100, white));\n  -webkit-mask: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));\n          mask: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));\n  opacity: 0;\n  transition: opacity 0.2s ease-out;\n}\n.x-layout__header-backdrop--is-visible[data-v-47983f10] {\n  opacity: 1;\n}\n[data-v-47983f10] .x-layout__aside .x-modal__content {\n  background-color: transparent;\n  height: 100%;\n  width: var(--x-size-width-layout-aside, 300px);\n}";
-const injector=createInjector({});injector('/__w/x/x/packages/x-components/src/components/layouts/fixed-header-and-asides-layout.vue?rollup-plugin-vue=styles.0.css',{source:css});
+           const isBrowser = /*#__PURE__*/ (function () {
+             return (
+                Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) !==
+                '[object process]'
+             );
+           })();
+           const useBrowserInjector =
+             (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
+           const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
+           injector('/__w/x/x/packages/x-components/src/components/layouts/fixed-header-and-asides-layout.vue?rollup-plugin-vue=styles.0.css',{source:css});
 
 export { css, css as default };
 //# sourceMappingURL=fixed-header-and-asides-layout.vue_rollup-plugin-vue_styles.0.vue.js.map

package/js/components/layouts/fixed-header-and-asides-layout.vue_rollup-plugin-vue_styles.0.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"fixed-header-and-asides-layout.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"fixed-header-and-asides-layout.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/js/components/layouts/multi-column-max-width-layout.vue_rollup-plugin-vue_styles.0.vue.js

@@ -1,7 +1,16 @@
-import { createInjector } from 'vue-runtime-helpers';
+import { createInjector, createInjectorSSR } from 'vue-runtime-helpers';
 
 var css = ":root {\n  --x-size-min-margin-layout-columns: var(--x-size-base-06);\n  --x-size-column-gap-layout-columns: var(--x-size-base-06);\n  --x-size-padding-top-layout-columns-header: var(--x-size-base-07);\n  --x-size-padding-bottom-layout-columns-header: var(--x-size-base-05);\n  --x-size-padding-top-layout-columns-toolbar: var(--x-size-base-05);\n  --x-size-padding-bottom-layout-columns-toolbar: var(--x-size-base-03);\n  --x-size-margin-bottom-layout-columns-scroll-to-top: var(--x-size-base-03);\n  --x-size-margin-left-layout-columns-scroll-to-top: var(--x-size-base-03);\n  --x-color-background-layout-columns: var(--x-color-base-neutral-100);\n  --x-color-border-layout-columns: var(--x-color-base-neutral-70);\n  --x-color-border-layout-columns-header: var(--x-color-border-layout-columns);\n  --x-color-border-layout-columns-sub-header: var(--x-color-border-layout-columns);\n  --x-color-border-layout-columns-toolbar: var(--x-color-border-layout-columns);\n  --x-color-border-layout-columns-main: var(--x-color-border-layout-columns);\n  --x-color-border-layout-columns-main-aside: var(--x-color-border-layout-columns);\n  --x-color-border-layout-columns-main-body: var(--x-color-border-layout-columns);\n  --x-size-border-width-layout-columns-header: 0;\n  --x-size-border-width-layout-columns-toolbar: 1px 0 0;\n}";
-const injector=createInjector({});injector('/__w/x/x/packages/x-components/src/components/layouts/multi-column-max-width-layout.vue?rollup-plugin-vue=styles.0.css',{source:css});
+           const isBrowser = /*#__PURE__*/ (function () {
+             return (
+                Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) !==
+                '[object process]'
+             );
+           })();
+           const useBrowserInjector =
+             (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
+           const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
+           injector('/__w/x/x/packages/x-components/src/components/layouts/multi-column-max-width-layout.vue?rollup-plugin-vue=styles.0.css',{source:css});
 
 export { css, css as default };
 //# sourceMappingURL=multi-column-max-width-layout.vue_rollup-plugin-vue_styles.0.vue.js.map

package/js/components/layouts/multi-column-max-width-layout.vue_rollup-plugin-vue_styles.0.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"multi-column-max-width-layout.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"multi-column-max-width-layout.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}