output style file

packages/overlayscrollbars/dist/overlayscrollbars.esm.js

@@ -1284,7 +1284,7 @@ const createOverflowUpdate = (structureSetupElements, state) => {
     _nativeScrollbarIsOverlaid
   } = getEnvironment();
   const doViewportArrange = !_viewportIsTarget && !_nativeScrollbarStyling && (_nativeScrollbarIsOverlaid.x || _nativeScrollbarIsOverlaid.y);
-  const [updateSizeFraction, getCurrentSizeFraction] = createCache(whCacheOptions, fractionalSize.bind(0, _host));
+  const [updateSizeFraction, getCurrentSizeFraction] = createCache(whCacheOptions, fractionalSize.bind(0, _viewport));
   const [updateViewportScrollSizeCache, getCurrentViewportScrollSizeCache] = createCache(whCacheOptions, scrollSize.bind(0, _viewport));
   const [updateOverflowAmountCache, getCurrentOverflowAmountCache] = createCache(whCacheOptions);
   const [updateOverflowStyleCache] = createCache(xyCacheOptions);
@@ -2367,40 +2367,15 @@ const addPlugin = addedPlugin => each(isArray(addedPlugin) ? addedPlugin : [adde
   pluginRegistry[plugin[0]] = plugin[1];
 });
 
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-var _extends = {exports: {}};
-
-(function (module) {
-  function _extends() {
-    module.exports = _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-
-      return target;
-    }, module.exports.__esModule = true, module.exports["default"] = module.exports;
-    return _extends.apply(this, arguments);
-  }
-
-  module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports;
-})(_extends);
-
-getDefaultExportFromCjs(_extends.exports);
-
-const templateTypePrefixSuffix = ['__TPL_', '_TYPE__'];
-const optionsTemplateTypes = ['boolean', 'number', 'string', 'array', 'object', 'function', 'null'].reduce((result, item) => {
-  result[item] = templateTypePrefixSuffix[0] + item + templateTypePrefixSuffix[1];
-  return result;
-}, {});
+const optionsTemplateTypes = {
+  boolean: '__TPL_boolean_TYPE__',
+  number: '__TPL_number_TYPE__',
+  string: '__TPL_string_TYPE__',
+  array: '__TPL_array_TYPE__',
+  object: '__TPL_object_TYPE__',
+  function: '__TPL_function_TYPE__',
+  null: '__TPL_null_TYPE__'
+};
 
 const numberAllowedValues = optionsTemplateTypes.number;
 const booleanAllowedValues = optionsTemplateTypes.boolean;

packages/overlayscrollbars/rollup.config.js

@@ -3,6 +3,7 @@ const { devDependencies, peerDependencies } = require('./package.json');
 
 module.exports = createRollupConfig({
   project: 'OverlayScrollbars',
+  extractStyle: true,
   rollup: {
     external: Object.keys(devDependencies || {}).concat(Object.keys(peerDependencies || {})),
     output: {

packages/overlayscrollbars/src/index.scss

@@ -0,0 +1,4 @@
+@import './styles/sizeobserver.scss';
+@import './styles/trinsicobserver.scss';
+@import './styles/scrollbars.scss';
+@import './styles/structure.scss';

packages/overlayscrollbars/src/index.ts

@@ -1 +1,3 @@
+import 'index.scss';
+
 export { OverlayScrollbars as default } from 'overlayscrollbars';

packages/overlayscrollbars/src/plugins/optionsValidation/validation.ts

@@ -58,28 +58,15 @@ type OptionsTemplateTypesDictionary = {
   readonly null: OptionsTemplateType<null>;
 };
 
-/**
- * A prefix and suffix tuple which serves as recognition pattern for template types.
- */
-const templateTypePrefixSuffix: readonly [string, string] = ['__TPL_', '_TYPE__'];
-
-/**
- * A object which serves as a mapping for "normal" types and template types.
- * Key   = normal type string
- * value = template type string
- */
-const optionsTemplateTypes: OptionsTemplateTypesDictionary = [
-  'boolean',
-  'number',
-  'string',
-  'array',
-  'object',
-  'function',
-  'null',
-].reduce((result, item) => {
-  result[item] = templateTypePrefixSuffix[0] + item + templateTypePrefixSuffix[1];
-  return result;
-}, {} as OptionsTemplateTypesDictionary);
+const optionsTemplateTypes: OptionsTemplateTypesDictionary = {
+  boolean: '__TPL_boolean_TYPE__',
+  number: '__TPL_number_TYPE__',
+  string: '__TPL_string_TYPE__',
+  array: '__TPL_array_TYPE__',
+  object: '__TPL_object_TYPE__',
+  function: '__TPL_function_TYPE__',
+  null: '__TPL_null_TYPE__',
+};
 
 /**
  * Validates the given options object according to the given template object and returns a object which looks like:

packages/overlayscrollbars/src/styles/structure.scss

@@ -1,7 +1,3 @@
-@import './sizeobserver.scss';
-@import './trinsicobserver.scss';
-@import './scrollbars.scss';
-
 .os-environment {
   --os-custom-prop: -1;
   position: fixed;

packages/overlayscrollbars/tests/playwright/environment/index.browser.ts

@@ -1,4 +1,4 @@
-import 'styles/overlayscrollbars.scss';
+import 'index.scss';
 import { createDOM, appendChildren } from 'support';
 import { getEnvironment } from 'environment';
 

packages/overlayscrollbars/tests/playwright/observers/domObserver/index.browser.ts

@@ -1,4 +1,4 @@
-import 'styles/overlayscrollbars.scss';
+import 'index.scss';
 import './index.scss';
 import should from 'should';
 import { generateSelectCallback, iterateSelect } from '@/testing-browser/Select';

packages/overlayscrollbars/tests/playwright/observers/sizeObserver/index.browser.ts

@@ -1,4 +1,4 @@
-import 'styles/overlayscrollbars.scss';
+import 'index.scss';
 import './index.scss';
 import './handleEnvironment';
 import should from 'should';

packages/overlayscrollbars/tests/playwright/observers/trinsicObserver/index.browser.ts

@@ -1,4 +1,4 @@
-import 'styles/overlayscrollbars.scss';
+import 'index.scss';
 import './index.scss';
 import './handleEnvironment';
 import should from 'should';

packages/overlayscrollbars/tests/playwright/setups/structureSetup/nesting/index.browser.ts

@@ -1,5 +1,5 @@
 import './index.scss';
-import 'styles/overlayscrollbars.scss';
+import 'index.scss';
 import should from 'should';
 import { OverlayScrollbars } from 'overlayscrollbars';
 import { resize } from '@/testing-browser/Resize';

packages/overlayscrollbars/tests/playwright/setups/structureSetup/observers/index.browser.ts

@@ -1,5 +1,5 @@
 import './index.scss';
-import 'styles/overlayscrollbars.scss';
+import 'index.scss';
 
 // test viewport inheritted attrs (tabindex) for multiple and single element init
 // test appear & resize for multiple and single element init

packages/overlayscrollbars/tests/playwright/setups/structureSetup/update/index.browser.ts

@@ -1,8 +1,8 @@
-import 'styles/overlayscrollbars.scss';
+import 'index.scss';
 import './index.scss';
 import './handleEnvironment';
-import should from 'should';
 import { OverlayScrollbars } from 'overlayscrollbars';
+import should from 'should';
 import {
   assignDeep,
   clientSize,