@heartlandone/vega 2.0.0-preview-2 → 2.0.0-preview-3

package/dist/cjs/{responsiveFormatFacade-36a8860a.js → responsiveFormatFacade-cde453ed.js}

@@ -1,10 +1,9 @@
 'use strict';
 
-const typeGuard = require('./typeGuard-a4b5297f.js');
+const typeGuard = require('./typeGuard-b64a7936.js');
 const log = require('./log-5d8066e0.js');
-const breakpoints = require('./breakpoints-e610ef7c.js');
+const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-466fba72.js');
 const number = require('./number-7e7d9981.js');
-const ui = require('./ui-04f8a3e7.js');
 
 /**
  * An abstract class for format {@link ManagedResponsiveScopeInput[Flag]} to CSS class string
@@ -263,7 +262,7 @@ class ResponsiveSizeFormatter {
    * @returns {SizeType} - size.
    */
   format(input) {
-    const breakpoint = breakpoints.getCurrentBreakpoint();
+    const breakpoint = pageResizeObserverSlimmer.getCurrentBreakpoint();
     // string type assertion is needed here, cause if we have <vega-modal size=650/>, stencil is not able to parse it as number but string since the property is a union type of number and string
     if ((typeof input === 'number' || typeof input === 'string') && !isNaN(input)) {
       return Number(input);
@@ -272,7 +271,7 @@ class ResponsiveSizeFormatter {
       return input;
     }
     else if (typeGuard.isResponsiveType(input)) {
-      input = breakpoints.createCompleteResponsiveMap(input);
+      input = pageResizeObserverSlimmer.createCompleteResponsiveMap(input);
       return input[breakpoint];
     }
     else {
@@ -299,8 +298,8 @@ class ResponsiveTranslocationFormatter {
       return input;
     }
     else if (typeGuard.isResponsiveType(input)) {
-      const breakpoint = breakpoints.getCurrentBreakpoint();
-      input = breakpoints.createCompleteResponsiveMap(input);
+      const breakpoint = pageResizeObserverSlimmer.getCurrentBreakpoint();
+      input = pageResizeObserverSlimmer.createCompleteResponsiveMap(input);
       return input[breakpoint];
     }
     else {
@@ -358,7 +357,7 @@ class ResponsiveFlexDirectionFormatter extends ResponsiveClassStringFormatter {
       return `${prefix}v-flex-${input}`;
     }
     else {
-      log.LogUtility.warn(`The direction value ${input} is invalid, it must be a value of: `, ui.FlexDirections);
+      log.LogUtility.warn(`The direction value ${input} is invalid, it must be a value of: `, pageResizeObserverSlimmer.FlexDirections);
       return '';
     }
   }
@@ -384,7 +383,7 @@ class ResponsiveFlexAlignItemFormatter extends ResponsiveClassStringFormatter {
       return `${prefix}v-items-${input}`;
     }
     else {
-      log.LogUtility.warn(`The flex alignItem value ${input} is invalid, it must be a value of: `, ui.FlexAlignItem);
+      log.LogUtility.warn(`The flex alignItem value ${input} is invalid, it must be a value of: `, pageResizeObserverSlimmer.FlexAlignItem);
       return '';
     }
   }
@@ -411,7 +410,7 @@ class ResponsiveFlexJustifyContentFormatter extends ResponsiveClassStringFormatt
       return `${prefix}v-justify-${mappedInput}`;
     }
     else {
-      log.LogUtility.warn(`The flex justifyContent value ${input} is invalid, it must be a value of: `, ui.FlexJustifyContent);
+      log.LogUtility.warn(`The flex justifyContent value ${input} is invalid, it must be a value of: `, pageResizeObserverSlimmer.FlexJustifyContent);
       return '';
     }
   }
@@ -460,9 +459,9 @@ class ResponsiveCustomFormatter {
    * @returns {T} The value of the current breakpoint.
    */
   format(input) {
-    const breakpoint = breakpoints.getCurrentBreakpoint();
+    const breakpoint = pageResizeObserverSlimmer.getCurrentBreakpoint();
     if (typeGuard.isResponsiveType(input)) {
-      input = breakpoints.createCompleteResponsiveMap(input);
+      input = pageResizeObserverSlimmer.createCompleteResponsiveMap(input);
       return input[breakpoint];
     }
     else {
@@ -494,13 +493,135 @@ class ResponsiveBoxDisplayFormatter extends ResponsiveClassStringFormatter {
       return `${prefix}v-${input}`;
     }
     else {
-      log.LogUtility.warn(`The box display value ${input} is invalid, it must be a value of: `, ui.BoxDisplay);
+      log.LogUtility.warn(`The box display value ${input} is invalid, it must be a value of: `, pageResizeObserverSlimmer.BoxDisplay);
       return '';
     }
   }
 }
 const ResponsiveBoxDisplayFormatter$1 = new ResponsiveBoxDisplayFormatter();
 
+/* This file is generated by vega-design 2.0.71 */ 
+const Spacing = {
+	"0": 0,
+	"size-4": 4,
+	"size-8": 8,
+	"size-12": 12,
+	"size-16": 16,
+	"size-20": 20,
+	"size-24": 24,
+	"size-32": 32,
+	"size-40": 40,
+	"size-48": 48,
+	"size-64": 64,
+	"size-72": 72,
+	"size-80": 80,
+	"size-112": 112,
+	"size-2": 2
+};
+
+/**
+ * A class for format WidthType and HeightType
+ *
+ * @augments ResponsiveWidthAndHeightFormatter
+ */
+class ResponsiveWidthAndHeightFormatter {
+  /**
+   * The function takes a responsive type input, determines the current breakpoint, and formats the width
+   * and height based on the breakpoint.
+   *
+   * @param {ResponsiveType<WidthType | HeightType>} input - The `input` parameter in the `format` function is of type `ResponsiveType<WidthType |
+   * HeightType>`. This means that it can accept values that are either of type `WidthType` or
+   * `HeightType` within a responsive context.
+   * @returns {string} The `format` function returns a string value.
+   */
+  format(input) {
+    const breakpoint = pageResizeObserverSlimmer.getCurrentBreakpoint();
+    if (typeGuard.isResponsiveType(input)) {
+      input = pageResizeObserverSlimmer.createCompleteResponsiveMap(input);
+      return this.formatWidthAndHeight(input[breakpoint]);
+    }
+    else {
+      return this.formatWidthAndHeight(input);
+    }
+  }
+  /**
+   * The function `formatWidthAndHeight` takes an input of type `WidthType` or `HeightType` and returns a
+   * string representation with 'px' appended if the input is a number or a string that can be converted
+   * to a number, otherwise it returns the input as is.
+   *
+   * @param {WidthType | HeightType} input - The `input` parameter in the `formatWidthAndHeight` function
+   * can be either a `number`, a `string` that can be converted to a number, or a key from the `Spacing`
+   * object.
+   * @returns {string} The `formatWidthAndHeight` function takes an input of type `WidthType` or `HeightType` and
+   * returns a string.
+   */
+  formatWidthAndHeight(input) {
+    if (!isNaN(Number(input))) {
+      return `${input}px`;
+    }
+    else if (Object.keys(Spacing).includes(input)) {
+      return `${Spacing[input]}px`;
+    }
+    else {
+      return input;
+    }
+  }
+}
+const ResponsiveWidthAndHeightFormatter$1 = new ResponsiveWidthAndHeightFormatter();
+
+const BORDER_RADIUS_DIRECTION_CLASS_PARTIAL_MAP = {
+  'top': 't',
+  'right': 'r',
+  'bottom': 'b',
+  'left': 'l',
+  'top-left': 'tl',
+  'top-right': 'tr',
+  'bottom-left': 'bl',
+  'bottom-right': 'br',
+};
+/**
+ * A class for format BorderRadiusType with BreakpointsForPrefixType to CSS class string
+ *
+ * @augments ResponsiveClassStringFormatter
+ */
+class ResponsiveBorderRadiusFormatter extends ResponsiveClassStringFormatter {
+  /**
+   * Given a border-radius type, return a string of CSS classes that can be used to apply the border-radius to an element
+   *
+   * @param {CornersType} input - CornersType
+   * @param {BreakpointsForPrefixType} [breakpoint] - Breakpoints for prefix of the class
+   * @returns {string} - A string of CSS classes.
+   */
+  formatToken(input, breakpoint) {
+    const prefix = typeGuard.isBreakpointsForPrefixType(breakpoint) ? `${breakpoint}:` : '';
+    if (typeGuard.isBorderRadiusTokenType(input)) {
+      return `${prefix}v-${this.transformRoundedNoneAndFill(input)}`;
+    }
+    else if (typeGuard.isDirectionalBorderRadiusType(input)) {
+      return Object.keys(input)
+        .map((direction) => {
+        return `${prefix}v-rounded-${BORDER_RADIUS_DIRECTION_CLASS_PARTIAL_MAP[direction]}-${this.transformRoundedNoneAndFill(input[direction]).replace('rounded-', '')}`;
+      })
+        .join(' ');
+    }
+    else {
+      log.LogUtility.warn(`The border radius value ${input} is invalid, it must be a value of: `, typeGuard.BorderRadius);
+      return '';
+    }
+  }
+  /**
+   * The function `transformRoundedNoneAndFill` replaces 'rounded-none' with 'rounded-0' and
+   * 'rounded-full' with 'rounded-9999'.
+   *
+   * @param {string} rounded - The `rounded` parameter is a string that represents a CSS class related to the rounding of elements
+   * @returns {string} The transformed value .
+   */
+  transformRoundedNoneAndFill(rounded) {
+    return rounded.replace('rounded-none', 'rounded-0').replace('rounded-full', 'rounded-9999');
+  }
+}
+const ResponsiveBorderRadiusFormatter$1 = new ResponsiveBorderRadiusFormatter();
+
 /**
  * A facade class for delegating format input with different responsive formatters given the flag:
  *
@@ -545,6 +666,10 @@ class ResponsiveFormatFacade {
         return ResponsiveFlexJustifyContentFormatter$1.format(input);
       case 'boxDisplay':
         return ResponsiveBoxDisplayFormatter$1.format(input);
+      case 'widthAndHeight':
+        return ResponsiveWidthAndHeightFormatter$1.format(input);
+      case 'corners':
+        return ResponsiveBorderRadiusFormatter$1.format(input);
       default:
         throw new Error(`Invalid flag ${flag} passed into ResponsiveFormatFacade`);
     }

package/dist/cjs/{staticSubjectTitle-e4f34751.js → staticSubjectTitle-b02c917c.js}

@@ -43,14 +43,12 @@ const CHECKBOX_VALUE_CHANGE = new StaticSubject('CHECKBOX_VALUE_CHANGE');
 const RADIO_VALUE_CHANGE = new StaticSubject('RADIO_VALUE_CHANGE');
 const FORM_ELEMENT_VALUE_CHANGE = new StaticSubject('FORM_ELEMENT_VALUE_CHANGE');
 const FORM_ELEMENT_VALIDATE = new StaticSubject('FORM_EMEMENT_VALIDATE');
-const FIELD_ERROR_STATE_CHANGE = new StaticSubject('FIELD_ERROR_STATE_CHANGE');
 
 exports.ACCORDION_EXPAND_TOPIC = ACCORDION_EXPAND_TOPIC;
 exports.CHECKBOX_GROUP_DISABLED_CHANGE = CHECKBOX_GROUP_DISABLED_CHANGE;
 exports.CHECKBOX_VALUE_CHANGE = CHECKBOX_VALUE_CHANGE;
 exports.DROPDOWN_ITEM_CLICK = DROPDOWN_ITEM_CLICK;
 exports.FIELD_ERROR_MESSAGE_CHANGE = FIELD_ERROR_MESSAGE_CHANGE;
-exports.FIELD_ERROR_STATE_CHANGE = FIELD_ERROR_STATE_CHANGE;
 exports.FORM_ELEMENT_VALIDATE = FORM_ELEMENT_VALIDATE;
 exports.FORM_ELEMENT_VALUE_CHANGE = FORM_ELEMENT_VALUE_CHANGE;
 exports.FORM_FIELD_ELEMENT_DISCONNECTED = FORM_FIELD_ELEMENT_DISCONNECTED;

package/dist/{esm/icons-42174059.js → cjs/string-9cc67d75.js}

@@ -1,3 +1,51 @@
+'use strict';
+
+const typeGuard = require('./typeGuard-b64a7936.js');
+const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-466fba72.js');
+const log = require('./log-5d8066e0.js');
+const responsiveFormatFacade = require('./responsiveFormatFacade-cde453ed.js');
+const typography = require('./typography-3d2ba97d.js');
+
+/**
+ * Internal icon manager controller.
+ */
+class IconManager {
+  constructor() {
+    this.icons = new Map();
+  }
+  /**
+   * Registers the icons into the map.
+   *
+   * @param {Record<string, string>} icons - icon records
+   */
+  register(icons) {
+    for (const key in icons) {
+      if (!this.icons.has(key)) {
+        this.icons.set(key, icons[key]);
+      }
+    }
+  }
+  /**
+   * Get an internal icon by name
+   *
+   * @param {string} name - The name of the icon
+   * @returns {Nullable<string>} returns the icon svg or null if not found
+   */
+  getIcon(name) {
+    return this.icons.get(name);
+  }
+  /**
+   *  Check if the icon manager has an icon by name
+   *
+   * @param {string} name - The name of the icon
+   * @returns {boolean} returns true if the icon exists
+   */
+  hasIcon(name) {
+    return this.icons.has(name);
+  }
+}
+const VegaIconManager = new IconManager();
+
 /* This file is generated by vega-design 2.0.71 */
 /* eslint-disable */
 /* tslint:disable */
@@ -514,4 +562,212 @@ const getIconFromToken = (icon_type) => {
 // prettier-ignore
 const Icons = ["announcement", "announcement-filled", "app-tray", "app-tray-filled", "arrow-down", "arrow-expand", "arrow-left", "arrow-right", "arrow-up", "attach", "bank", "bank-filled", "bar-graph", "bar-graph-filled", "blocked", "bookmark", "bookmark-filled", "brand-apple", "brand-heartland", "brand-twitter", "brand-venmo", "brand-youtube", "briefcase", "briefcase-filled", "calendar", "camera", "cart", "cart-filled", "chat-bubble", "chat-bubble-filled", "checkmark", "checkmark-bold", "checkmark-circle", "checkmark-rounded", "checkmark-square", "chevron-backward-rounded", "chevron-down", "chevron-down-circle", "chevron-forward-rounded", "chevron-left", "chevron-left-circle", "chevron-left-rounded", "chevron-right", "chevron-right-circle", "chevron-right-rounded", "chevron-up", "chevron-up-circle", "clock-face", "close", "delete-bin", "delete-bin-filled", "direct-deposit", "document", "dollar-sign", "download", "edit-filled", "edit-line", "employee-profile", "enter", "envelope", "envelope-filled", "exit", "file", "folder", "folder-filled", "folder-open", "folder-open-filled", "forms", "giftbox", "globe", "globe-filled", "hb-menu", "heart", "heart-filled", "help", "help-filled", "hide-eye", "home", "home-filled", "info-circle", "info-circle-filled", "like", "like-filled", "link", "list-bullet", "list-number", "location-pin", "location-pin-filled", "lock", "minus-sign", "mobile-phone", "money", "money-touch", "my-profile", "notify", "notify-filled", "notify-off", "notify-off-filled", "paychecks", "pending-transactions", "pending-transactions-notify", "photo", "photo-filled", "pie-chart", "pie-chart-filled", "plus-sign", "profile-selection", "search", "send-mail", "send-mail-filled", "serving-dome", "serving-dome-filled", "settings", "settings-filled", "settings-wrench", "settings-wrench-filled", "shipping-truck", "shipping-truck-filled", "shopping-bag", "shopping-bag-filled", "show-eye", "sound", "star", "star-filled", "storefront", "storefront-filled", "tap-gesture", "tap-gesture-filled", "target", "telephone", "telephone-filled", "text-align-center", "text-align-justify", "text-align-left", "text-align-right", "text-bold", "text-clear-format", "text-color", "text-highlight", "text-indent-decrease", "text-indent-increase", "text-italic", "text-line-height", "text-strikethrough", "text-styles", "text-underline", "time", "time-history", "unlock", "upload", "user", "user-add", "user-add-filled", "user-circle", "user-edit", "user-edit-filled", "user-filled", "user-group", "user-group-filled", "users", "vertical-menu", "video-camera", "video-camera-filled", "warning-triangle", "warning-triangle-filled", "wifi", "zoom-in", "zoom-out"];
 
-export { Icons as I, getIconFromToken as g };
+/**
+ * It logs a warning message to the console.
+ *
+ * @param {string} tokenType - The name of the token type.
+ * @param {unknown} value - The value that was passed into the token.
+ * @param {unknown} availableOptions - The available options for the token type.
+ */
+function logInvalidValueMessage(tokenType, value, availableOptions) {
+  log.LogUtility.warn(`The ${tokenType} value ${value} is invalid, it must be a value of: `, availableOptions);
+}
+/**
+ * Given a token and an array of modes, return a string with the token formatted with the appropriate mode
+ *
+ * @param {string} token - The name of the token.
+ * @param {TokenMode[]} modes - TokenMode[]
+ * @returns {string} The formatted token.
+ */
+function formatTokenWithModes(token, modes) {
+  let formattedToken = '';
+  if (modes.includes('dark')) {
+    formattedToken += ` dark:v-dark-${token}`;
+  }
+  return formattedToken;
+}
+/**
+ * If the token is a valid spacing token, return the CSS class string. Otherwise, log an error message
+ *
+ * @param {unknown} token - The value that was passed into the function.
+ * @returns {string} The the CSS class string of the padding token.
+ */
+function formatAndValidPadding(token) {
+  if (typeGuard.isSpacingTokenType(token)) {
+    return `v-p-${token}`;
+  }
+  else {
+    logInvalidValueMessage('padding', token, Object.keys(typeGuard.Spacing));
+  }
+}
+/**
+ * If the token is a valid border radius, return a string with the token prefixed with `v-rounded-`. Otherwise, log an
+ * error message
+ *
+ * @param {unknown} token - The value passed in by the user.
+ * @returns {string} The the CSS class string of the border radius token.
+ */
+function formatAndValidBorderRadius(token) {
+  if (typeGuard.isBorderRadiusTokenType(token)) {
+    return `v-${token}`;
+  }
+  else {
+    logInvalidValueMessage('border-radius', token, Object.keys(typeGuard.BorderRadius));
+  }
+}
+/**
+ * If the token is a valid border color, return CSS class string of the border color. Otherwise, log an error message
+ *
+ * @param {unknown} token - The value passed in by the user.
+ * @returns {string}  return the CSS class string of the border color
+ */
+function formatAndValidBorderColor(token) {
+  if (typeGuard.isBorderColorTokenType(token)) {
+    return `v-${token}`;
+  }
+  else {
+    logInvalidValueMessage('border-color', token, typeGuard.Colors.filter(() => /^border-color-.+$/.test));
+  }
+}
+/**
+ * If the token is a valid border, return CSS class string of the border. Otherwise, log an error message
+ *
+ * @param {unknown} token - The value passed in by the user.
+ * @returns {string}  return the CSS class string of the border
+ */
+function formatAndValidBorder(token) {
+  if (typeGuard.isBorderTokenType(token)) {
+    return `v-${token}`;
+  }
+  else {
+    logInvalidValueMessage('border', token, typeGuard.Borders.filter(() => /^border-.+$/.test));
+  }
+}
+/**
+ * If the token is a valid background color, return it with the v- prefix. Otherwise, log an error
+ *
+ * @param {unknown} token - The value of the token.
+ * @param {TokenMode[]} withModes - TokenMode[] = []
+ * @returns {string} CSS class string for the background color token with modes supported.
+ */
+function formatAndValidBackgroundColor(token, withModes = []) {
+  if (typeGuard.isBackgroundColorTokenType(token)) {
+    return `v-${token}` + formatTokenWithModes(token, withModes);
+  }
+  else {
+    logInvalidValueMessage('background-color', token, typeGuard.Colors.filter(() => /^bg-.+$/.test));
+  }
+}
+/**
+ * If the token is a valid text color, return the token prefixed with `v-` and formatted with the given modes. Otherwise,
+ * log an error
+ *
+ * @param {unknown} token - The token to format.
+ * @param {TokenMode[]} withModes - TokenMode[] = []
+ * @returns {string} A CSS class string that is either a valid color or a valid color with modes.
+ */
+function formatAndValidTextColor(token, withModes = []) {
+  if (typeGuard.isTextColorTokenType(token)) {
+    return `v-${token}` + formatTokenWithModes(token, withModes);
+  }
+  else {
+    logInvalidValueMessage('text-color', token, typeGuard.Colors.filter(() => /^text-.+$/.test));
+  }
+}
+/**
+ * If the token is a breakpoint, return the breakpoint value. Otherwise, log an error and return 0
+ *
+ * @param {unknown} token - The value passed in by the user.
+ * @returns {number} value of the breakpoint.
+ */
+function formatAndValidBreakpointSize(token) {
+  if (typeGuard.isBreakpointsTokenType(token)) {
+    return pageResizeObserverSlimmer.Breakpoints[token];
+  }
+  else {
+    logInvalidValueMessage('breakpoint', token, Object.keys(pageResizeObserverSlimmer.Breakpoints));
+  }
+}
+/**
+ * If the token is a valid spacing token, return a string with the token name prefixed with `v-gap-`. Otherwise, log an
+ * error message
+ *
+ * @param {unknown} token - The value passed in by the user.
+ * @returns {string} CSS class string for the given gap token.
+ */
+function formatAndValidGap(token) {
+  if (typeGuard.isSpacingTokenType(token)) {
+    return `v-gap-${token}`;
+  }
+  else {
+    logInvalidValueMessage('gap', token, Object.keys(typeGuard.Spacing));
+  }
+}
+/**
+ * If the token is a valid shadows token type, return the token with the prefix "v-". Otherwise, log an error message
+ *
+ * @param {string} token - The token to format.
+ * @param {TokenMode[]} withModes - TokenMode[] = []
+ * @returns {string} CSS class string of the shadow token with modes supported
+ */
+function formatAndValidShadow(token, withModes = []) {
+  if (typeGuard.isShadowsTokenType(token)) {
+    return `v-${token}` + formatTokenWithModes(token, withModes);
+  }
+  else {
+    logInvalidValueMessage('shadows', token, typeGuard.Shadows);
+  }
+}
+/**
+ * It takes a token and a flag, and returns a string
+ *
+ * @typedef Flag key of ManagedResponsiveScopeInput
+ * @param {ResponsiveType<ManagedResponsiveScopeInput[Flag]>} token - The token to format.
+ * @param {Flag} flag - The flag that the token is being formatted for.
+ * @returns {Nullable<string>} A nullable string
+ */
+function formatAndValidResponsiveToken(token, flag) {
+  if (token !== null && token !== undefined) {
+    return responsiveFormatFacade.ResponsiveFormatFacade.format(token, flag);
+  }
+}
+/**
+ * The function `formatAndValidTypographyToken` formats a typography token by adding a prefix and checks if it is a valid typography token.
+ *
+ * @param {string} token - The `token` parameter is a string that represents a typography token.
+ * @returns {string} a string value.
+ */
+function formatAndValidTypographyToken(token) {
+  if (typeGuard.isTypographyTokenType(token)) {
+    return `v-${token}`;
+  }
+  else {
+    logInvalidValueMessage('font', token, typography.TypographyKeys);
+  }
+}
+
+/**
+ * It replaces all uppercase letters in a string with a dash followed by the lowercase version of that letter
+ *
+ * @param {string} str - string - The string to convert.
+ * @returns {string} The dash case format like: 'a-b-c'.
+ */
+const camelToDashCase = (str) => {
+  return str.replace(/([A-Z])/g, (m) => `-${m[0].toLowerCase()}`);
+};
+
+exports.Icons = Icons;
+exports.VegaIconManager = VegaIconManager;
+exports.camelToDashCase = camelToDashCase;
+exports.formatAndValidBackgroundColor = formatAndValidBackgroundColor;
+exports.formatAndValidBorder = formatAndValidBorder;
+exports.formatAndValidBorderColor = formatAndValidBorderColor;
+exports.formatAndValidBorderRadius = formatAndValidBorderRadius;
+exports.formatAndValidBreakpointSize = formatAndValidBreakpointSize;
+exports.formatAndValidGap = formatAndValidGap;
+exports.formatAndValidPadding = formatAndValidPadding;
+exports.formatAndValidResponsiveToken = formatAndValidResponsiveToken;
+exports.formatAndValidShadow = formatAndValidShadow;
+exports.formatAndValidTextColor = formatAndValidTextColor;
+exports.formatAndValidTypographyToken = formatAndValidTypographyToken;
+exports.getIconFromToken = getIconFromToken;