@sme.up/ketchup 6.2.0 → 6.3.0

package/dist/esm/{f-paginator-utils-ef537d82.js → f-paginator-utils-a4a52732.js}

@@ -1,322 +1,8 @@
-import { W as KupTagNames, d as KupDatesFormats, r as KupDatesNormalize, s as KupObjects, M as SortMode, T as TotalMode, X as KupLanguagePage, n as KupLanguageRow, h as KupLanguageGeneric } from './kup-manager-22a475e6.js';
-import { b as isValidFormattedStringTime, f as formattedStringToCustomUnformattedStringTime, j as formattedStringToDefaultUnformattedStringTimestamp, k as isValidFormattedStringNumber, l as formattedStringToUnformattedStringNumber, m as unformattedStringNumberToNumber, h as stringToNumber, o as isNumber } from './utils-2c1f4122.js';
-import { b as getValueForDisplay, a as getValueForDisplay2, c as getCellValueForDisplay, g as getColumnByName, d as compareValues, e as compareCell } from './cell-utils-cb5d4149.js';
-import { h } from './index-ad6ab214.js';
-import { F as FButton } from './f-button-fd44ef70.js';
+import { F as Filters, H as FilterInterval, C as getValueForDisplay, B as getValueForDisplay2, ad as getCellValueForDisplay, t as getColumnByName, x as KupObjects, ae as KupData, af as compareCell, T as TotalMode, ag as stringToNumber, e as KupDatesFormats, ah as isNumber, _ as SortMode, ai as KupLanguagePage, p as KupLanguageRow, j as KupLanguageGeneric } from './kup-manager-86f440c7.js';
+import { h } from './index-e41330a5.js';
+import { F as FButton } from './f-button-cd948e50.js';
 import { F as FButtonStyling } from './f-button-declarations-b1b4cac4.js';
 
-/**
- * Interface for ranged filters.
- */
-var FilterInterval;
-(function (FilterInterval) {
-  FilterInterval[FilterInterval["FROM"] = 0] = "FROM";
-  FilterInterval[FilterInterval["TO"] = 1] = "TO";
-})(FilterInterval || (FilterInterval = {}));
-/**
- * This regular expressions returns a match like this one:
- * if the string does not match is null, otherwise the indexes are equal to the object below:
- *
- * @property {string} 0 - The entire match of the regexp; is equal to the cellValue.
- * @property {string} 1 - Either !' or ' it's the start of the regexp.
- * @property {string} 2 - Either % or null: means the string must start with the given string.
- * @property {string} 3 - Either "" or a string with a length.
- * @property {string} 4 - Either % or null: means the string must finish with the given string.
- * @property {string} 5 - Always equal to ': it's the end of the filter.
- */
-const FILTER_ANALIZER = /^('|!')(%){0,1}(.*?)(%){0,1}(')$/;
-var KupGlobalFilterMode;
-(function (KupGlobalFilterMode) {
-  KupGlobalFilterMode["SIMPLE"] = "simple";
-  KupGlobalFilterMode["HIGHLIGHT"] = "highlight";
-})(KupGlobalFilterMode || (KupGlobalFilterMode = {}));
-
-const dom$3 = document.documentElement;
-/**
- * Filtering algorithms.
- * @module Filters
- * @todo Should contain EVERY filtering method in common between filtering types (i.e.: global filters and column menu filters).
- */
-class Filters {
-  /**
-   * Function used to check whether the component is a KupTree or KupDataTable.
-   * @param {KupDataTable | KupTree} comp - Component using the column menu.
-   * @returns {comp is KupTree} Returns true when the component is KupTree.
-   */
-  static isTree(comp) {
-    return comp.rootElement.tagName === KupTagNames.TREE;
-  }
-  isObjFiltrableByInterval(obj) {
-    if (dom$3.ketchup.objects.isDate(obj)) {
-      return true;
-    }
-    if (dom$3.ketchup.objects.isTime(obj)) {
-      return true;
-    }
-    if (dom$3.ketchup.objects.isTimestamp(obj)) {
-      return true;
-    }
-    if (dom$3.ketchup.objects.isNumber(obj)) {
-      return true;
-    }
-    return false;
-  }
-  normalizeValue(value, smeupObj) {
-    let newValue = value != null ? value.trim() : value;
-    if (newValue == null || newValue == '' || smeupObj == null) {
-      return newValue;
-    }
-    if (dom$3.ketchup.objects.isDate(smeupObj)) {
-      if (dom$3.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE)) {
-        return newValue;
-      }
-      if (dom$3.ketchup.dates.isValid(value)) {
-        return dom$3.ketchup.dates.format(dom$3.ketchup.dates.normalize(value, KupDatesNormalize.DATE), KupDatesFormats.ISO_DATE);
-      }
-    }
-    else if (dom$3.ketchup.objects.isTime(smeupObj)) {
-      let manageSeconds = dom$3.ketchup.objects.isTimeWithSeconds(smeupObj);
-      if (dom$3.ketchup.dates.isValid(value, manageSeconds
-        ? KupDatesFormats.ISO_TIME
-        : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS)) {
-        return newValue;
-      }
-      if (isValidFormattedStringTime(value, manageSeconds)) {
-        return formattedStringToCustomUnformattedStringTime(value, manageSeconds
-          ? KupDatesFormats.ISO_TIME
-          : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS, manageSeconds);
-      }
-    }
-    else if (dom$3.ketchup.objects.isTimestamp(smeupObj)) {
-      if (dom$3.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE_TIME)) {
-        return newValue;
-      }
-      if (isValidFormattedStringTime(value, true)) {
-        return formattedStringToDefaultUnformattedStringTimestamp(value);
-      }
-    }
-    else if (dom$3.ketchup.objects.isNumber(smeupObj)) {
-      if (isValidFormattedStringNumber(value, smeupObj ? smeupObj.p : '')) {
-        return formattedStringToUnformattedStringNumber(value, smeupObj ? smeupObj.p : '');
-      }
-    }
-    return newValue;
-  }
-  /**
-   * Given a filter value, check if is a negative filter
-   * @param filterValue the filter value to use for check
-   */
-  filterIsNegative(filterValue) {
-    const analyzedFilter = filterValue.match(FILTER_ANALIZER);
-    const filterIsNegative = analyzedFilter
-      ? analyzedFilter[1].indexOf('!') >= 0
-      : false;
-    return filterIsNegative;
-  }
-  /**
-   * Given a value and a filter value, returns if that value matches the filter.
-   *
-   * Web filters can also be expressions: by putting strings between single quotes (') it's possible to activate filter expressions.
-   * Valid syntax:
-   * 'filter' = search for exact phrase;
-   * '' = match when value is empty;
-   * 'filter%' = match when a string starts with "filter";
-   * '%filter' = match when a string ends with "filter";
-   * '%filter%' = match when a string contains "filter".
-   *
-   * It is also possible to negate the expression by prepending "!" in front of the expression.
-   * For example: !'' = value in the cell must not be empty.
-   *
-   * With no expression set, the filter is by default set to '%filter%'.
-   *
-   * @param value - The current value to check.
-   * @param filterValue - The value of the current filter.
-   * @returns false if value or filterValue are empty;
-              true if value contains filterValue;
-              true if value matches special filter created on filterValue;
-              false otherwise.
-   */
-  isFilterCompliantForValue(value, filterValue) {
-    if (value == null) {
-      return false;
-    }
-    if (filterValue == null) {
-      return false;
-    }
-    const _filterIsNegative = this.filterIsNegative(filterValue);
-    // checks if the value of the filter is contained inside value of the object
-    // Or is if the filter is a special filter to be matched.
-    if (value.toLowerCase().includes(filterValue.toLowerCase()) ||
-      this.matchSpecialFilter(value.toLowerCase(), filterValue.toLowerCase().match(FILTER_ANALIZER), true)) {
-      // the element matches the field filter
-      if (_filterIsNegative) {
-        return false;
-      }
-      return true;
-    }
-    if (_filterIsNegative) {
-      return true;
-    }
-    return false;
-  }
-  /**
-   * Given a value and a filter value, returns if that value matches the filter.
-   *
-   * Web filters can also be expressions: by putting strings between single quotes (') it's possible to activate filter expressions.
-   * Valid syntax:
-   * 'filter' = search for exact phrase;
-   * '' = match when value is empty;
-   * 'filter%' = match when a string starts with "filter";
-   * '%filter' = match when a string ends with "filter";
-   * '%filter%' = match when a string contains "filter".
-   *
-   * It is also possible to negate the expression by prepending "!" in front of the expression.
-   * For example: !'' = value in the cell must not be empty.
-   *
-   * With no expression set, the filter is by default set to '%filter%'.
-   *
-   * @param value - The current value to check.
-   * @param parsedFilter - The value of the current filter.
-   * @param ignoreNegativeFlag = false - When set to true, the matcher will ignore the (!) operator; useful for global filter.
-   * @returns True if the filter is empty and the value of the cell is empty, false otherwise.
-   */
-  matchSpecialFilter(value, parsedFilter, ignoreNegativeFlag = false) {
-    if (parsedFilter != null) {
-      // endsWith and startWith are not supported by IE 11
-      // Check here https://www.w3schools.com/jsref/jsref_endswith.asp
-      const toRet = (parsedFilter[3] === '' && !value.trim()) ||
-        (!parsedFilter[2] &&
-          parsedFilter[4] &&
-          value.startsWith(parsedFilter[3])) ||
-        (parsedFilter[2] &&
-          !parsedFilter[4] &&
-          value.endsWith(parsedFilter[3])) ||
-        (!parsedFilter[2] &&
-          !parsedFilter[4] &&
-          value === parsedFilter[3]) ||
-        (parsedFilter[2] &&
-          parsedFilter[4] &&
-          value.indexOf(parsedFilter[3]) >= 0);
-      return !ignoreNegativeFlag
-        ? parsedFilter[1].indexOf('!') < 0
-          ? toRet
-          : !toRet
-        : toRet;
-    }
-    return false;
-  }
-  isFilterCompliantForSimpleValue(valueToCheck, obj, filterValue, interval) {
-    if (valueToCheck == null) {
-      return false;
-    }
-    filterValue = this.normalizeValue(filterValue, obj);
-    let value = valueToCheck;
-    let from = '';
-    let to = '';
-    if (interval != null) {
-      from = interval[FilterInterval.FROM];
-      to = interval[FilterInterval.TO];
-    }
-    let checkByRegularExpression = true;
-    if (dom$3.ketchup.objects.isNumber(obj)) {
-      value = unformattedStringNumberToNumber(value, obj ? obj.p : '');
-      let valueNumber = stringToNumber(value);
-      if (from != '') {
-        if (isNumber(from)) {
-          checkByRegularExpression = false;
-          let fromNumber = stringToNumber(from);
-          if (valueNumber < fromNumber) {
-            return false;
-          }
-        }
-        else {
-          filterValue = from;
-        }
-      }
-      if (to != '') {
-        if (isNumber(to)) {
-          checkByRegularExpression = false;
-          let toNumber = stringToNumber(to);
-          if (valueNumber > toNumber) {
-            return false;
-          }
-        }
-        else {
-          filterValue = to;
-        }
-      }
-    }
-    if (dom$3.ketchup.objects.isDate(obj) ||
-      dom$3.ketchup.objects.isTime(obj) ||
-      dom$3.ketchup.objects.isTimestamp(obj)) {
-      let valueDate = null;
-      let defaultFormat = KupDatesFormats.ISO_DATE;
-      if (dom$3.ketchup.objects.isDate(obj)) {
-        defaultFormat = KupDatesFormats.ISO_DATE;
-      }
-      else if (dom$3.ketchup.objects.isTime(obj)) {
-        defaultFormat = dom$3.ketchup.objects.isTimeWithSeconds(obj)
-          ? KupDatesFormats.ISO_TIME
-          : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS;
-      }
-      else if (dom$3.ketchup.objects.isTimestamp(obj)) {
-        defaultFormat = KupDatesFormats.ISO_DATE_TIME;
-      }
-      if (dom$3.ketchup.dates.isValid(value, defaultFormat, true)) {
-        valueDate = dom$3.ketchup.dates.toDate(value, defaultFormat);
-      }
-      if (from != '') {
-        if (valueDate != null &&
-          dom$3.ketchup.dates.isValid(from, defaultFormat, true)) {
-          checkByRegularExpression = false;
-          let fromDate = dom$3.ketchup.dates.toDate(from, defaultFormat);
-          if (valueDate < fromDate) {
-            return false;
-          }
-        }
-        else {
-          filterValue = from;
-        }
-      }
-      if (to != '') {
-        if (valueDate != null &&
-          dom$3.ketchup.dates.isValid(to, defaultFormat, true)) {
-          checkByRegularExpression = false;
-          let toDate = dom$3.ketchup.dates.toDate(to, defaultFormat);
-          if (valueDate > toDate) {
-            return false;
-          }
-        }
-        else {
-          filterValue = to;
-        }
-      }
-      if (!dom$3.ketchup.dates.isValid(filterValue, defaultFormat) &&
-        !dom$3.ketchup.dates.isValid(filterValue)) {
-        value = dom$3.ketchup.dates.format(value);
-      }
-    }
-    if (checkByRegularExpression) {
-      return this.isFilterCompliantForValue(value, filterValue);
-    }
-    return true;
-  }
-  static valuesArrayContainsValue(values, value) {
-    return Filters.indexOfValueInValuesArray(values, value) >= 0;
-  }
-  static indexOfValueInValuesArray(values, value) {
-    if (values == null || values.length < 1) {
-      return -1;
-    }
-    for (let i = 0; i < values.length; i++) {
-      if (values[i].value == value) {
-        return i;
-      }
-    }
-    return -1;
-  }
-}
-
 /**
  * Filtering algorithms related to column menus.
  * @module FiltersColumnMenu
@@ -725,6 +411,7 @@ const dom$2 = document.documentElement;
 const kupObjects = dom$2.ketchup
   ? dom$2.ketchup.objects
   : new KupObjects();
+const kupData = dom$2.ketchup ? dom$2.ketchup.data : new KupData();
 /**
  * Filtering algorithms related to data-table rows.
  * @module FiltersRows
@@ -948,27 +635,7 @@ class FiltersRows extends Filters {
     for (let i = 0; i < checkboxes.length; i++) {
       values.push(checkboxes[i]);
     }
-    this.extractColumnValues(tmpRows, column, values);
-    values.sort((n1, n2) => {
-      return compareValues(null, getValueForDisplay2(n1, column), null, getValueForDisplay2(n2, column), SortMode.A);
-    });
-    return values;
-  }
-  extractColumnValues(rows, column, values) {
-    /** il valore delle righe attualmente filtrate, formattato */
-    rows.forEach((row) => this.addColumnValueFromRow(values, column, row.cells[column.name]));
-    return values;
-  }
-  addColumnValueFromRow(values, column, cell) {
-    if (cell) {
-      let item = {
-        value: cell.value,
-        displayedValue: getCellValueForDisplay(column, cell),
-      };
-      if (!Filters.valuesArrayContainsValue(values, cell.value)) {
-        values.push(item);
-      }
-    }
+    return kupData.cell.getValue({ rows: tmpRows }, column, true);
   }
 }
 
@@ -1537,8 +1204,9 @@ function calcTotals(rows = [], totals = {}) {
   }
   const keys = Object.keys(totals);
   const footerRow = {};
+  const dateColumns = new Array();
   // if there are only COUNT, no need to loop on rows
-  let onlyCount = keys.length === 0 &&
+  let onlyCount = keys.length === 0 ||
     keys.every((key) => totals[key] === TotalMode.COUNT);
   if (onlyCount) {
     keys.forEach((columnName) => (footerRow[columnName] = rows.length));
@@ -1601,35 +1269,40 @@ function calcTotals(rows = [], totals = {}) {
             // TODO DRY the MIN and MAX functions
           }
           else if (dom$1.ketchup.objects.isDate(cell.obj)) {
-            const momentValue = cell.obj
-              ? dom$1.ketchup.objects.parseDate(cell.obj)
-              : dom$1.ketchup.dates.toDayjs(cell.value);
+            if (dateColumns.indexOf(key) == -1) {
+              dateColumns.push(key);
+            }
+            const momentValue = dom$1.ketchup.dates.toDayjs(cell.value);
             if (dom$1.ketchup.dates.isValid(momentValue)) {
               const cellValue = dom$1.ketchup.dates.toDate(momentValue);
-              const currentFooterValue = footerRow[key];
+              const currentFooterValue = footerRow[key]
+                ? dom$1.ketchup.dates.toDate(dom$1.ketchup.dates.toDayjs(footerRow[key]))
+                : null;
               switch (true) {
                 case totals[key] === TotalMode.MIN:
                   if (currentFooterValue) {
                     let moments = [];
                     moments.push(cellValue);
-                    moments.push(dom$1.ketchup.dates.format(currentFooterValue));
+                    moments.push(currentFooterValue);
                     footerRow[key] =
-                      dom$1.ketchup.dates.format(dom$1.ketchup.dates.min(moments));
+                      dom$1.ketchup.dates.format(dom$1.ketchup.dates.min(moments), KupDatesFormats.ISO_DATE);
                   }
                   else {
-                    footerRow[key] = cellValue;
+                    footerRow[key] =
+                      dom$1.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
                   }
                   break;
                 case totals[key] === TotalMode.MAX:
                   if (currentFooterValue) {
                     let moments = [];
                     moments.push(cellValue);
-                    moments.push(dom$1.ketchup.dates.format(currentFooterValue));
+                    moments.push(currentFooterValue);
                     footerRow[key] =
-                      dom$1.ketchup.dates.format(dom$1.ketchup.dates.max(moments));
+                      dom$1.ketchup.dates.format(dom$1.ketchup.dates.max(moments), KupDatesFormats.ISO_DATE);
                   }
                   else {
-                    footerRow[key] = cellValue;
+                    footerRow[key] =
+                      dom$1.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
                   }
                   break;
               }
@@ -1644,23 +1317,28 @@ function calcTotals(rows = [], totals = {}) {
         }
       });
     });
-    // fixing MATH, AVERAGE and COUNT
-    for (let key of keys) {
-      switch (true) {
-        case totals[key] === TotalMode.AVERAGE:
-          const sum = footerRow[key];
-          if (sum && rows.length > 0) {
-            footerRow[key] = sum / rows.length;
-          }
-          break;
-        case totals[key] === TotalMode.COUNT:
-          footerRow[key] = rows.length;
-          break;
-        case totals[key].indexOf(TotalMode.MATH) == 0:
-          footerRow[key] = dom$1.ketchup.math.formulas.custom(totals[key].substring(TotalMode.MATH.length), footerRow);
-          break;
+  }
+  // fixing MATH, AVERAGE and COUNT
+  for (let key of keys) {
+    switch (true) {
+      case totals[key] === TotalMode.AVERAGE:
+        const sum = footerRow[key];
+        if (sum && rows.length > 0) {
+          footerRow[key] = sum / rows.length;
+        }
+        break;
+      case totals[key] === TotalMode.COUNT:
+        footerRow[key] = rows.length;
+        break;
+      case totals[key].indexOf(TotalMode.MATH) == 0:
+        footerRow[key] = dom$1.ketchup.math.formulas.custom(totals[key].substring(TotalMode.MATH.length), footerRow);
+        break;
+    }
+    if (footerRow[key]) {
+      if (dateColumns.indexOf(key) != -1) {
+        footerRow[key] = dom$1.ketchup.dates.format(footerRow[key]);
       }
-      if (footerRow[key]) {
+      else if (isNumber(footerRow[key])) {
         footerRow[key] = +footerRow[key].toFixed(2);
       }
     }
@@ -1881,4 +1559,4 @@ function rowsPerPageChange(rowsNumber, max) {
   return null;
 }
 
-export { FiltersColumnMenu as F, KupTreeExpansionMode as K, FiltersRows as a, Filters as b, FilterInterval as c, calcTotals as d, FPaginator as e, filterRows as f, groupRows as g, pageChange as h, KupGlobalFilterMode as i, KupTreeProps as j, FPaginatorMode as k, normalizeRows as n, paginateRows as p, rowsPerPageChange as r, sortRows as s, treeMainColumnName as t };
+export { FiltersColumnMenu as F, KupTreeExpansionMode as K, FiltersRows as a, FPaginator as b, calcTotals as c, pageChange as d, KupTreeProps as e, filterRows as f, groupRows as g, FPaginatorMode as h, normalizeRows as n, paginateRows as p, rowsPerPageChange as r, sortRows as s, treeMainColumnName as t };

package/dist/esm/{f-text-field-41c575eb.js → f-text-field-76341fe3.js}

@@ -1,5 +1,5 @@
-import { h, a as getAssetPath } from './index-ad6ab214.js';
-import { K as KupThemeIconValues } from './kup-manager-22a475e6.js';
+import { h, a as getAssetPath } from './index-e41330a5.js';
+import { K as KupThemeIconValues } from './kup-manager-86f440c7.js';
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
@@ -56,7 +56,15 @@ function setContent(props) {
       props.maxLength)) : undefined,
     !props.trailingIcon ? iconEl : undefined,
     props.textArea ? (h("span", { class: "mdc-text-field__resizer" },
-      h("textarea", { class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onClick: props.onClick, onChange: props.onChange, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown }))) : (h("input", { type: props.inputType ? props.inputType : 'text', step: props.step, min: props.min, max: props.max, name: props.name, class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, placeholder: props.fullWidth ? props.label : undefined, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onClick: props.onClick, onChange: props.onChange, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown })),
+      h("textarea", { class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onClick: props.onClick, onChange: props.onChange, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown }))) : (h("input", { type: props.inputType ? props.inputType : 'text', step: props.step, min: props.min, max: props.max, name: props.name, class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, placeholder: props.fullWidth ? props.label : undefined, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onChange: (e) => {
+        if (props.decimals !== null &&
+          props.inputType === 'number') {
+          e.target.value = parseFloat(e.target.value).toFixed(props.decimals);
+        }
+        if (props.onChange) {
+          props.onChange(e);
+        }
+      }, onClick: props.onClick, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown })),
     props.isClearable ? (h("span", { class: `mdc-text-field__icon kup-icon ${KupThemeIconValues.CLEAR.replace('--', '')}`, onClick: props.onClearIconClick })) : undefined,
     props.trailingIcon ? iconEl : undefined,
     !props.fullWidth && !isOutlined ? labelEl : undefined,

package/dist/esm/{index-ad6ab214.js → index-e41330a5.js}

@@ -16,10 +16,10 @@ const plt = {
     ce: (eventName, opts) => new CustomEvent(eventName, opts),
 };
 const promiseResolve = (v) => Promise.resolve(v);
-const supportsConstructibleStylesheets = /*@__PURE__*/ (() => {
+const supportsConstructableStylesheets = /*@__PURE__*/ (() => {
         try {
             new CSSStyleSheet();
-            return typeof new CSSStyleSheet().replace === 'function';
+            return typeof new CSSStyleSheet().replaceSync === 'function';
         }
         catch (e) { }
         return false;
@@ -78,9 +78,14 @@ const uniqueTime = (key, measureText) => {
 const rootAppliedStyles = new WeakMap();
 const registerStyle = (scopeId, cssText, allowCS) => {
     let style = styles.get(scopeId);
-    if (supportsConstructibleStylesheets && allowCS) {
+    if (supportsConstructableStylesheets && allowCS) {
         style = (style || new CSSStyleSheet());
-        style.replace(cssText);
+        if (typeof style === 'string') {
+            style = cssText;
+        }
+        else {
+            style.replaceSync(cssText);
+        }
     }
     else {
         style = cssText;