@udixio/theme 1.0.0-beta.24 → 1.0.0-beta.26

package/dist/theme.esm.js

@@ -1538,11 +1538,7 @@ var ConfigService = /*#__PURE__*/function () {
     }
     if (plugins) {
       plugins.forEach(function (plugin) {
-        if (Array.isArray(plugin)) {
-          pluginService.addPlugin(plugin[0], plugin[1]);
-        } else {
-          pluginService.addPlugin(plugin, {});
-        }
+        pluginService.addPlugin(plugin);
       });
       pluginService.loadPlugins(this.appService);
     }
@@ -1579,35 +1575,32 @@ var ConfigModule = {
 
 var PluginService = /*#__PURE__*/function () {
   function PluginService() {
-    this.pluginInstances = new Map();
-    this.pluginConstructors = new Map();
+    this.plugins = new Map();
   }
   var _proto = PluginService.prototype;
-  _proto.addPlugin = function addPlugin(plugin, config) {
-    this.pluginConstructors.set(plugin.name, [plugin, config]);
+  _proto.addPlugin = function addPlugin(plugin) {
+    this.plugins.set(plugin.name, plugin);
   };
   _proto.loadPlugins = function loadPlugins(appService) {
     var _this = this;
-    var plugins = new Map(this.pluginConstructors);
+    var plugins = new Map(this.plugins);
     var size = 0;
     do {
       size = plugins.size;
-      plugins.forEach(function (_ref, key) {
-        var plugin = _ref[0],
-          option = _ref[1];
+      plugins.forEach(function (plugin, key) {
         var deps = plugin.dependencies.filter(function (dep) {
-          return !_this.pluginInstances.has(dep.name);
+          return !_this.plugins.has(new dep().name);
         });
         if (deps.length === 0) {
-          _this.pluginInstances.set(plugin.name, new plugin(appService, option));
+          _this.plugins.set(plugin.name, plugin.init(appService));
           plugins["delete"](key);
         }
       });
     } while (plugins.size != 0 && plugins.size < size);
-    if (plugins.size > 0) console.log("Some plugins couldn't be loaded due to missing dependencies: ", Array.from(plugins.keys()));
+    if (plugins.size > 0) throw new Error("Some plugins couldn't be loaded due to missing dependencies: " + Array.from(plugins.keys()));
   };
   _proto.getPlugin = function getPlugin(plugin) {
-    var pluginInstance = this.pluginInstances.get(plugin.name);
+    var pluginInstance = this.plugins.get(new plugin().name);
     if (!pluginInstance) throw new Error("Plugin " + plugin.name + " not found");
     return pluginInstance;
   };
@@ -1643,8 +1636,32 @@ function bootstrapFromConfig(args) {
   return AppContainer.resolve('appService');
 }
 
-var PluginAbstract = function PluginAbstract() {};
-PluginAbstract.dependencies = [];
+var PluginAbstract = /*#__PURE__*/function () {
+  function PluginAbstract(options) {
+    this.options = void 0;
+    this.pluginInstance = void 0;
+    this.options = options;
+  }
+  var _proto = PluginAbstract.prototype;
+  _proto.init = function init(appService) {
+    this.pluginInstance = new this.pluginClass(appService, this.options);
+    return this;
+  };
+  _proto.getInstance = function getInstance() {
+    if (!this.pluginInstance) {
+      throw new Error("Plugin " + this.name + " is not initialized");
+    }
+    return this.pluginInstance;
+  };
+  return PluginAbstract;
+}();
+var PluginImplAbstract = function PluginImplAbstract(appService, options) {
+  this.appService = void 0;
+  this.options = void 0;
+  this.appService = appService;
+  this.options = options;
+  this.onInit();
+};
 
 var FontFamily;
 (function (FontFamily) {
@@ -1652,21 +1669,50 @@ var FontFamily;
   FontFamily["Neutral"] = "neutral";
 })(FontFamily || (FontFamily = {}));
 var FontPlugin = /*#__PURE__*/function (_PluginAbstract) {
-  function FontPlugin(appService, options) {
-    var _options$fontFamily$e, _options$fontFamily, _options$fontFamily$n, _options$fontFamily2;
+  function FontPlugin() {
     var _this;
-    _this = _PluginAbstract.call(this) || this;
-    _this.appService = void 0;
-    _this.options = void 0;
-    _this.fontFamily = void 0;
-    _this.fontStyles = void 0;
-    _this.appService = appService;
-    _this.options = options;
-    _this.fontFamily = {
-      expressive: (_options$fontFamily$e = options == null || (_options$fontFamily = options.fontFamily) == null ? void 0 : _options$fontFamily.expressive) != null ? _options$fontFamily$e : ['Roboto', 'sans-serif'],
-      neutral: (_options$fontFamily$n = options == null || (_options$fontFamily2 = options.fontFamily) == null ? void 0 : _options$fontFamily2.neutral) != null ? _options$fontFamily$n : ['Roboto', 'sans-serif']
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _PluginAbstract.call.apply(_PluginAbstract, [this].concat(args)) || this;
+    _this.dependencies = [];
+    _this.name = 'font';
+    _this.pluginClass = FontPluginImpl;
+    return _this;
+  }
+  _inheritsLoose(FontPlugin, _PluginAbstract);
+  return FontPlugin;
+}(PluginAbstract);
+var FontPluginImpl = /*#__PURE__*/function (_PluginImplAbstract) {
+  function FontPluginImpl() {
+    var _this2;
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    _this2 = _PluginImplAbstract.call.apply(_PluginImplAbstract, [this].concat(args)) || this;
+    _this2._fontFamily = void 0;
+    _this2._fontStyles = void 0;
+    return _this2;
+  }
+  _inheritsLoose(FontPluginImpl, _PluginImplAbstract);
+  var _proto = FontPluginImpl.prototype;
+  _proto.getFonts = function getFonts() {
+    return {
+      fontStyles: this.fontStyles,
+      fontFamily: this.fontFamily
+    };
+  };
+  _proto.onInit = function onInit() {
+    var _this$options$fontFam,
+      _this$options,
+      _this$options$fontFam2,
+      _this$options2,
+      _this3 = this;
+    this.fontFamily = {
+      expressive: (_this$options$fontFam = (_this$options = this.options) == null || (_this$options = _this$options.fontFamily) == null ? void 0 : _this$options.expressive) != null ? _this$options$fontFam : ['Roboto', 'sans-serif'],
+      neutral: (_this$options$fontFam2 = (_this$options2 = this.options) == null || (_this$options2 = _this$options2.fontFamily) == null ? void 0 : _this$options2.neutral) != null ? _this$options$fontFam2 : ['Roboto', 'sans-serif']
     };
-    _this.fontStyles = {
+    this.fontStyles = {
       display: {
         large: {
           fontWeight: 400,
@@ -1777,7 +1823,7 @@ var FontPlugin = /*#__PURE__*/function (_PluginAbstract) {
         }
       }
     };
-    if (options && options.fontStyles) Object.entries(options.fontStyles).forEach(function (_ref) {
+    if (this.options && this.options.fontStyles) Object.entries(this.options.fontStyles).forEach(function (_ref) {
       var key = _ref[0],
         fontParam = _ref[1];
       var fontRole = key;
@@ -1786,25 +1832,31 @@ var FontPlugin = /*#__PURE__*/function (_PluginAbstract) {
           fontStyle = _ref2[1];
         var fontSize = size;
         if (fontStyle) {
-          _this.fontStyles[fontRole][fontSize] = _extends({}, _this.fontStyles[fontRole][fontSize], fontStyle);
+          _this3.fontStyles[fontRole][fontSize] = _extends({}, _this3.fontStyles[fontRole][fontSize], fontStyle);
         }
       });
     });
-    return _this;
-  }
-  _inheritsLoose(FontPlugin, _PluginAbstract);
-  FontPlugin.config = function config(options) {
-    return options;
   };
-  var _proto = FontPlugin.prototype;
-  _proto.getFonts = function getFonts() {
-    return {
-      fontStyles: this.fontStyles,
-      fontFamily: this.fontFamily
-    };
-  };
-  return FontPlugin;
-}(PluginAbstract);
+  return _createClass(FontPluginImpl, [{
+    key: "fontFamily",
+    get: function get() {
+      if (!this._fontFamily) throw new Error('Font family not initialized');
+      return this._fontFamily;
+    },
+    set: function set(value) {
+      this._fontFamily = value;
+    }
+  }, {
+    key: "fontStyles",
+    get: function get() {
+      if (!this._fontStyles) throw new Error('Font styles not initialized');
+      return this._fontStyles;
+    },
+    set: function set(value) {
+      this._fontStyles = value;
+    }
+  }]);
+}(PluginImplAbstract);
 
 var state = function state(colorkeys) {
   return plugin(function (pluginArgs) {
@@ -1873,7 +1925,7 @@ function createSubTheme(_ref) {
   var theme = {
     name: isDarkTheme ? name + 'Dark' : name,
     selectors: isDarkTheme && darkMode === 'class' ? ['.dark-mode .theme-' + name, '.dark-mode.theme-' + name, '[data-theme="dark"] .theme-' + name, '[data-theme="dark"].theme-' + name] : ['.theme-' + name],
-    mediaQuery: '@media (prefers-color-scheme: dark)',
+    mediaQuery: isDarkTheme && darkMode === 'media' ? '@media (prefers-color-scheme: dark)' : undefined,
     extend: {
       colors: colors
     }
@@ -1990,25 +2042,33 @@ var font = function font(fontStyles, responsiveBreakPoints) {
 };
 
 var TailwindPlugin = /*#__PURE__*/function (_PluginAbstract) {
-  function TailwindPlugin(appService, options) {
-    var _options$darkMode, _options$responsiveBr;
+  function TailwindPlugin() {
     var _this;
-    (_options$darkMode = options.darkMode) != null ? _options$darkMode : options.darkMode = 'class';
-    (_options$responsiveBr = options.responsiveBreakPoints) != null ? _options$responsiveBr : options.responsiveBreakPoints = {
-      lg: 1.125
-    };
-    _this = _PluginAbstract.call(this) || this;
-    _this.appService = void 0;
-    _this.options = void 0;
-    _this.appService = appService;
-    _this.options = options;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _PluginAbstract.call.apply(_PluginAbstract, [this].concat(args)) || this;
+    _this.dependencies = [FontPlugin];
+    _this.name = 'tailwind';
+    _this.pluginClass = TailwindImplPlugin;
     return _this;
   }
   _inheritsLoose(TailwindPlugin, _PluginAbstract);
-  TailwindPlugin.config = function config(options) {
-    return options;
+  return TailwindPlugin;
+}(PluginAbstract);
+var TailwindImplPlugin = /*#__PURE__*/function (_PluginImplAbstract) {
+  function TailwindImplPlugin() {
+    return _PluginImplAbstract.apply(this, arguments) || this;
+  }
+  _inheritsLoose(TailwindImplPlugin, _PluginImplAbstract);
+  var _proto = TailwindImplPlugin.prototype;
+  _proto.onInit = function onInit() {
+    var _this$options, _this$options$darkMod, _this$options2, _this$options2$respon;
+    (_this$options$darkMod = (_this$options = this.options).darkMode) != null ? _this$options$darkMod : _this$options.darkMode = 'class';
+    (_this$options2$respon = (_this$options2 = this.options).responsiveBreakPoints) != null ? _this$options2$respon : _this$options2.responsiveBreakPoints = {
+      lg: 1.125
+    };
   };
-  var _proto = TailwindPlugin.prototype;
   _proto.getTheme = function getTheme() {
     var colors = {};
     for (var _i = 0, _arr = [false, true]; _i < _arr.length; _i++) {
@@ -2029,7 +2089,7 @@ var TailwindPlugin = /*#__PURE__*/function (_PluginAbstract) {
         colors[newKey][isDark ? 'dark' : 'light'] = value.getHex();
       }
     }
-    var _this$appService$plug = this.appService.pluginService.getPlugin(FontPlugin).getFonts(),
+    var _this$appService$plug = this.appService.pluginService.getPlugin(FontPlugin).getInstance().getFonts(),
       fontStyles = _this$appService$plug.fontStyles,
       fontFamily = _this$appService$plug.fontFamily;
     return {
@@ -2043,20 +2103,16 @@ var TailwindPlugin = /*#__PURE__*/function (_PluginAbstract) {
       })]
     };
   };
-  return TailwindPlugin;
-}(PluginAbstract);
-TailwindPlugin.dependencies = [FontPlugin];
+  return TailwindImplPlugin;
+}(PluginImplAbstract);
 
 var createTheme = function createTheme() {
   var app = bootstrapFromConfig();
-  var plugin = app.pluginService.getPlugin(TailwindPlugin);
-  if (!plugin) {
-    throw new Error('Tailwind plugin not found');
-  }
+  var plugin = app.pluginService.getPlugin(TailwindPlugin).getInstance();
   return _extends({}, plugin.getTheme(), {
     appService: app
   });
 };
 
-export { AppContainer, AppModule, AppService, ColorEntity, ColorManagerService, ColorModule, ColorService, ConfigModule, ConfigService, ContrastCurve, DynamicColor, FontFamily, FontPlugin, PluginAbstract, PluginModule, PluginService, SchemeEntity, SchemeService, TailwindPlugin, ThemeModule, ThemeService, ToneDeltaPair, VariantEntity, VariantModel, VariantService, bootstrap, bootstrapFromConfig, createTheme, defaultColors, defineConfig, getRotatedHue, highestSurface, importContainer, state, themer };
+export { AppContainer, AppModule, AppService, ColorEntity, ColorManagerService, ColorModule, ColorService, ConfigModule, ConfigService, ContrastCurve, DynamicColor, FontFamily, FontPlugin, PluginAbstract, PluginImplAbstract, PluginModule, PluginService, SchemeEntity, SchemeService, TailwindPlugin, ThemeModule, ThemeService, ToneDeltaPair, VariantEntity, VariantModel, VariantService, bootstrap, bootstrapFromConfig, createTheme, defaultColors, defineConfig, getRotatedHue, highestSurface, importContainer, state, themer };
 //# sourceMappingURL=theme.esm.js.map