@udixio/theme 1.0.0-beta.3 → 1.0.0-beta.5

package/dist/color/entities/index.d.ts

@@ -0,0 +1 @@
+export * from './color.entity';

package/dist/color/index.d.ts

@@ -0,0 +1,6 @@
+export * from './color-manager.service';
+export * from './color.interface';
+export * from './color.module';
+export * from './color.service';
+export * from './entities';
+export * from './models';

package/dist/color/models/index.d.ts

@@ -0,0 +1 @@
+export * from './default-color.model';

package/dist/index.d.ts

@@ -1 +1,6 @@
+export * from './app.module';
+export * from './app.service';
+export * from './color';
 export * from './main';
+export * from './material-color-utilities';
+export * from './theme';

package/dist/material-color-utilities/index.d.ts

@@ -1,2 +1,3 @@
 export * from './contrastCurve';
+export * from './dynamic_color';
 export * from './toneDeltaPair';

package/dist/theme/entities/index.d.ts

@@ -0,0 +1,2 @@
+export * from './scheme.entity';
+export * from './variant.entity';

package/dist/theme/index.d.ts

@@ -0,0 +1,4 @@
+export * from './entities';
+export * from './models';
+export * from './services';
+export * from './theme.module';

package/dist/theme/models/index.d.ts

@@ -0,0 +1 @@
+export * from './variant.model';

package/dist/theme/services/index.d.ts

@@ -0,0 +1,3 @@
+export * from './scheme.service';
+export * from './theme.service';
+export * from './variant.service';

package/dist/theme.cjs.development.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var core = require('@nestjs/core');
 var tslib = require('tslib');
 var common = require('@nestjs/common');
 var materialColorUtilities = require('@material/material-color-utilities');
 var mergeDeep = require('merge-deep');
+var core = require('@nestjs/core');
 
 function asyncGeneratorStep(n, t, e, r, o, a, c) {
   try {
@@ -435,67 +435,6 @@ var ContrastCurve = /*#__PURE__*/function () {
   return ContrastCurve;
 }();
 
-/**
- * @license
- * Copyright 2023 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *      http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/**
- * Documents a constraint between two DynamicColors, in which their tones must
- * have a certain distance from each other.
- *
- * Prefer a DynamicColor with a background, this is for special cases when
- * designers want tonal distance, literally contrast, between two colors that
- * don't have a background / foreground relationship or a contrast guarantee.
- */
-var ToneDeltaPair =
-/**
- * Documents a constraint in tone distance between two DynamicColors.
- *
- * The polarity is an adjective that describes "A", compared to "B".
- *
- * For instance, ToneDeltaPair(A, B, 15, 'darker', stayTogether) states that
- * A's tone should be at least 15 darker than B's.
- *
- * 'nearer' and 'farther' describes closeness to the surface roles. For
- * instance, ToneDeltaPair(A, B, 10, 'nearer', stayTogether) states that A
- * should be 10 lighter than B in light mode, and 10 darker than B in dark
- * mode.
- *
- * @param roleA The first role in a pair.
- * @param roleB The second role in a pair.
- * @param delta Required difference between tones. Absolute value, negative
- * values have undefined behavior.
- * @param polarity The relative relation between tones of roleA and roleB,
- * as described above.
- * @param stayTogether Whether these two roles should stay on the same side of
- * the "awkward zone" (T50-59). This is necessary for certain cases where
- * one role has two backgrounds.
- */
-function ToneDeltaPair(roleA, roleB, delta, polarity, stayTogether) {
-  this.roleA = void 0;
-  this.roleB = void 0;
-  this.delta = void 0;
-  this.polarity = void 0;
-  this.stayTogether = void 0;
-  this.roleA = roleA;
-  this.roleB = roleB;
-  this.delta = delta;
-  this.polarity = polarity;
-  this.stayTogether = stayTogether;
-};
-
 /**
  * @license
  * Copyright 2022 Google LLC
@@ -832,6 +771,67 @@ var DynamicColor = /*#__PURE__*/function () {
   return DynamicColor;
 }();
 
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * Documents a constraint between two DynamicColors, in which their tones must
+ * have a certain distance from each other.
+ *
+ * Prefer a DynamicColor with a background, this is for special cases when
+ * designers want tonal distance, literally contrast, between two colors that
+ * don't have a background / foreground relationship or a contrast guarantee.
+ */
+var ToneDeltaPair =
+/**
+ * Documents a constraint in tone distance between two DynamicColors.
+ *
+ * The polarity is an adjective that describes "A", compared to "B".
+ *
+ * For instance, ToneDeltaPair(A, B, 15, 'darker', stayTogether) states that
+ * A's tone should be at least 15 darker than B's.
+ *
+ * 'nearer' and 'farther' describes closeness to the surface roles. For
+ * instance, ToneDeltaPair(A, B, 10, 'nearer', stayTogether) states that A
+ * should be 10 lighter than B in light mode, and 10 darker than B in dark
+ * mode.
+ *
+ * @param roleA The first role in a pair.
+ * @param roleB The second role in a pair.
+ * @param delta Required difference between tones. Absolute value, negative
+ * values have undefined behavior.
+ * @param polarity The relative relation between tones of roleA and roleB,
+ * as described above.
+ * @param stayTogether Whether these two roles should stay on the same side of
+ * the "awkward zone" (T50-59). This is necessary for certain cases where
+ * one role has two backgrounds.
+ */
+function ToneDeltaPair(roleA, roleB, delta, polarity, stayTogether) {
+  this.roleA = void 0;
+  this.roleB = void 0;
+  this.delta = void 0;
+  this.polarity = void 0;
+  this.stayTogether = void 0;
+  this.roleA = roleA;
+  this.roleB = roleB;
+  this.delta = delta;
+  this.polarity = polarity;
+  this.stayTogether = stayTogether;
+};
+
 var ColorEntity = /*#__PURE__*/function () {
   function ColorEntity(option, schemeService, colorService) {
     this.option = void 0;
@@ -910,7 +910,7 @@ var SchemeEntity = /*#__PURE__*/function () {
   }]);
 }();
 
-var SchemeService = /*#__PURE__*/function () {
+exports.SchemeService = /*#__PURE__*/function () {
   function SchemeService() {
     this.schemeEntity = void 0;
     this.options = void 0;
@@ -944,7 +944,7 @@ var SchemeService = /*#__PURE__*/function () {
   };
   return SchemeService;
 }();
-SchemeService = /*#__PURE__*/tslib.__decorate([/*#__PURE__*/common.Injectable()], SchemeService);
+exports.SchemeService = /*#__PURE__*/tslib.__decorate([/*#__PURE__*/common.Injectable()], exports.SchemeService);
 
 function capitalizeFirstLetter(string) {
   return string.charAt(0).toUpperCase() + string.slice(1);
@@ -952,7 +952,7 @@ function capitalizeFirstLetter(string) {
 var highestSurface = function highestSurface(s, colorManagerService) {
   return s.isDark ? colorManagerService.get('surfaceBright').getDynamicColor() : colorManagerService.get('surfaceDim').getDynamicColor();
 };
-var ColorManagerService = /*#__PURE__*/function () {
+exports.ColorManagerService = /*#__PURE__*/function () {
   function ColorManagerService(schemeService) {
     this.schemeService = void 0;
     this.colorMap = new Map();
@@ -1141,7 +1141,7 @@ var ColorManagerService = /*#__PURE__*/function () {
   };
   return ColorManagerService;
 }();
-ColorManagerService = /*#__PURE__*/tslib.__decorate([/*#__PURE__*/common.Injectable(), /*#__PURE__*/tslib.__metadata("design:paramtypes", [SchemeService])], ColorManagerService);
+exports.ColorManagerService = /*#__PURE__*/tslib.__decorate([/*#__PURE__*/common.Injectable(), /*#__PURE__*/tslib.__metadata("design:paramtypes", [exports.SchemeService])], exports.ColorManagerService);
 
 function findDesiredChromaByTone(hue, chroma, tone, byDecreasingTone) {
   var answer = tone;
@@ -1481,7 +1481,7 @@ var defaultColors = function defaultColors(colorManagerService) {
   };
 };
 
-var ColorService = /*#__PURE__*/function () {
+exports.ColorService = /*#__PURE__*/function () {
   function ColorService(colorManagerService) {
     this.colorManagerService = void 0;
     this.colorManagerService = colorManagerService;
@@ -1532,9 +1532,9 @@ var ColorService = /*#__PURE__*/function () {
   };
   return ColorService;
 }();
-ColorService = /*#__PURE__*/tslib.__decorate([/*#__PURE__*/common.Injectable(), /*#__PURE__*/tslib.__metadata("design:paramtypes", [ColorManagerService])], ColorService);
+exports.ColorService = /*#__PURE__*/tslib.__decorate([/*#__PURE__*/common.Injectable(), /*#__PURE__*/tslib.__metadata("design:paramtypes", [exports.ColorManagerService])], exports.ColorService);
 
-var VariantService = /*#__PURE__*/function () {
+exports.VariantService = /*#__PURE__*/function () {
   function VariantService(schemeService) {
     this.schemeService = void 0;
     this.schemeService = schemeService;
@@ -1550,9 +1550,9 @@ var VariantService = /*#__PURE__*/function () {
   };
   return VariantService;
 }();
-VariantService = /*#__PURE__*/tslib.__decorate([/*#__PURE__*/common.Injectable(), /*#__PURE__*/tslib.__metadata("design:paramtypes", [SchemeService])], VariantService);
+exports.VariantService = /*#__PURE__*/tslib.__decorate([/*#__PURE__*/common.Injectable(), /*#__PURE__*/tslib.__metadata("design:paramtypes", [exports.SchemeService])], exports.VariantService);
 
-var ThemeService = /*#__PURE__*/function () {
+exports.ThemeService = /*#__PURE__*/function () {
   function ThemeService(schemeService, variantService) {
     this.schemeService = void 0;
     this.variantService = void 0;
@@ -1591,34 +1591,34 @@ var ThemeService = /*#__PURE__*/function () {
   };
   return ThemeService;
 }();
-ThemeService = /*#__PURE__*/tslib.__decorate([/*#__PURE__*/common.Injectable(), /*#__PURE__*/tslib.__metadata("design:paramtypes", [SchemeService, VariantService])], ThemeService);
+exports.ThemeService = /*#__PURE__*/tslib.__decorate([/*#__PURE__*/common.Injectable(), /*#__PURE__*/tslib.__metadata("design:paramtypes", [exports.SchemeService, exports.VariantService])], exports.ThemeService);
 
-var AppService = function AppService(colorService, themeService) {
+exports.AppService = function AppService(colorService, themeService) {
   this.colorService = void 0;
   this.themeService = void 0;
   this.colorService = colorService;
   this.themeService = themeService;
 };
-AppService = /*#__PURE__*/tslib.__decorate([/*#__PURE__*/common.Injectable(), /*#__PURE__*/tslib.__metadata("design:paramtypes", [ColorService, ThemeService])], AppService);
+exports.AppService = /*#__PURE__*/tslib.__decorate([/*#__PURE__*/common.Injectable(), /*#__PURE__*/tslib.__metadata("design:paramtypes", [exports.ColorService, exports.ThemeService])], exports.AppService);
 
-var ThemeModule = function ThemeModule() {};
-ThemeModule = /*#__PURE__*/tslib.__decorate([/*#__PURE__*/common.Module({
-  providers: [SchemeService, ThemeService, VariantService],
-  exports: [ThemeService, SchemeService]
-})], ThemeModule);
+exports.ThemeModule = function ThemeModule() {};
+exports.ThemeModule = /*#__PURE__*/tslib.__decorate([/*#__PURE__*/common.Module({
+  providers: [exports.SchemeService, exports.ThemeService, exports.VariantService],
+  exports: [exports.ThemeService, exports.SchemeService]
+})], exports.ThemeModule);
 
-var ColorModule = function ColorModule() {};
-ColorModule = /*#__PURE__*/tslib.__decorate([/*#__PURE__*/common.Module({
-  imports: [ThemeModule],
-  providers: [ColorService, ColorManagerService],
-  exports: [ColorService]
-})], ColorModule);
+exports.ColorModule = function ColorModule() {};
+exports.ColorModule = /*#__PURE__*/tslib.__decorate([/*#__PURE__*/common.Module({
+  imports: [exports.ThemeModule],
+  providers: [exports.ColorService, exports.ColorManagerService],
+  exports: [exports.ColorService]
+})], exports.ColorModule);
 
-var AppModule = function AppModule() {};
-AppModule = /*#__PURE__*/tslib.__decorate([/*#__PURE__*/common.Module({
-  imports: [ColorModule, ThemeModule],
-  providers: [AppService]
-})], AppModule);
+exports.AppModule = function AppModule() {};
+exports.AppModule = /*#__PURE__*/tslib.__decorate([/*#__PURE__*/common.Module({
+  imports: [exports.ColorModule, exports.ThemeModule],
+  providers: [exports.AppService]
+})], exports.AppModule);
 
 function main() {
   return _main.apply(this, arguments);
@@ -1630,10 +1630,10 @@ function _main() {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           _context.next = 2;
-          return core.NestFactory.create(AppModule);
+          return core.NestFactory.create(exports.AppModule);
         case 2:
           app = _context.sent;
-          appService = app.get(AppService);
+          appService = app.get(exports.AppService);
           close = function close() {
             return app.close();
           };
@@ -1647,5 +1647,88 @@ function _main() {
   return _main.apply(this, arguments);
 }
 
+var getRotatedHue = function getRotatedHue(sourceColor, hues, rotations) {
+  var sourceHue = sourceColor.hue;
+  if (hues.length !== rotations.length) {
+    throw new Error("mismatch between hue length " + hues.length + " & rotations " + rotations.length);
+  }
+  if (rotations.length === 1) {
+    return materialColorUtilities.sanitizeDegreesDouble(sourceColor.hue + rotations[0]);
+  }
+  var size = hues.length;
+  for (var i = 0; i <= size - 2; i++) {
+    var thisHue = hues[i];
+    var nextHue = hues[i + 1];
+    if (thisHue < sourceHue && sourceHue < nextHue) {
+      return materialColorUtilities.sanitizeDegreesDouble(sourceHue + rotations[i]);
+    }
+  }
+  // If this statement executes, something is wrong, there should have been a
+  // rotation found using the arrays.
+  return sourceHue;
+};
+var VariantEntity = function VariantEntity(palettes) {
+  if (palettes === void 0) {
+    palettes = {};
+  }
+  this.palettes = void 0;
+  this.palettes = palettes;
+};
+
+var _VariantModel;
+var VariantModel = function VariantModel() {};
+_VariantModel = VariantModel;
+VariantModel.tonalSpot = {
+  palettes: {
+    primary: function primary(sourceColorHct) {
+      return materialColorUtilities.TonalPalette.fromHueAndChroma(sourceColorHct.hue, 36.0);
+    },
+    secondary: function secondary(sourceColorHct) {
+      return materialColorUtilities.TonalPalette.fromHueAndChroma(sourceColorHct.hue, 16.0);
+    },
+    tertiary: function tertiary(sourceColorHct) {
+      return materialColorUtilities.TonalPalette.fromHueAndChroma(materialColorUtilities.sanitizeDegreesDouble(sourceColorHct.hue + 60.0), 24.0);
+    },
+    neutral: function neutral(sourceColorHct) {
+      return materialColorUtilities.TonalPalette.fromHueAndChroma(sourceColorHct.hue, 6.0);
+    },
+    neutralVariant: function neutralVariant(sourceColorHct) {
+      return materialColorUtilities.TonalPalette.fromHueAndChroma(sourceColorHct.hue, 8.0);
+    }
+  }
+};
+VariantModel.vibrant = {
+  palettes: {
+    primary: function primary(sourceColorHct) {
+      return materialColorUtilities.TonalPalette.fromHueAndChroma(sourceColorHct.hue, 200.0);
+    },
+    secondary: function secondary(sourceColorHct) {
+      return materialColorUtilities.TonalPalette.fromHueAndChroma(getRotatedHue(sourceColorHct, _VariantModel.hues, _VariantModel.secondaryRotations), 24.0);
+    },
+    tertiary: function tertiary(sourceColorHct) {
+      return materialColorUtilities.TonalPalette.fromHueAndChroma(getRotatedHue(sourceColorHct, _VariantModel.hues, _VariantModel.tertiaryRotations), 32.0);
+    },
+    neutral: function neutral(sourceColorHct) {
+      return materialColorUtilities.TonalPalette.fromHueAndChroma(sourceColorHct.hue, 6.0);
+    },
+    neutralVariant: function neutralVariant(sourceColorHct) {
+      return materialColorUtilities.TonalPalette.fromHueAndChroma(sourceColorHct.hue, 8.0);
+    }
+  }
+};
+VariantModel.hues = [0.0, 41.0, 61.0, 101.0, 131.0, 181.0, 251.0, 301.0, 360.0];
+VariantModel.secondaryRotations = [18.0, 15.0, 10.0, 12.0, 15.0, 18.0, 15.0, 12.0, 12.0];
+VariantModel.tertiaryRotations = [35.0, 30.0, 20.0, 25.0, 30.0, 35.0, 30.0, 25.0, 25.0];
+
+exports.ColorEntity = ColorEntity;
+exports.ContrastCurve = ContrastCurve;
+exports.DynamicColor = DynamicColor;
+exports.SchemeEntity = SchemeEntity;
+exports.ToneDeltaPair = ToneDeltaPair;
+exports.VariantEntity = VariantEntity;
+exports.VariantModel = VariantModel;
+exports.defaultColors = defaultColors;
+exports.getRotatedHue = getRotatedHue;
+exports.highestSurface = highestSurface;
 exports.main = main;
 //# sourceMappingURL=theme.cjs.development.js.map