igniteui-webcomponents-grids 5.1.0 → 5.1.1-beta.1

package/esm2015/lib/igc-definition-base-component.js

@@ -5,10 +5,13 @@ import { TextCellLineBreakMode_$type } from "./TextCellLineBreakMode";
 import { IgcDataBindingEventArgs } from "./igc-data-binding-event-args";
 import { IgcCellStyleRequestedEventArgs } from "./igc-cell-style-requested-event-args";
 import { TypeRegistrar } from "igniteui-webcomponents-core";
-import { NamePatcher, getAllPropertyNames, fromSpinal, toSpinal, brushToString, stringToBrush, ensureEnum, enumToString, initializePropertiesFromCss } from "igniteui-webcomponents-core";
+import { ensureBool, NamePatcher, getAllPropertyNames, fromSpinal, toSpinal, brushToString, stringToBrush, ensureEnum, enumToString, initializePropertiesFromCss, CollectionAdapter } from "igniteui-webcomponents-core";
 import { FontInfo } from "igniteui-webcomponents-core";
 import { ColumnPropertyUpdatingAnimationMode } from "./ColumnPropertyUpdatingAnimationMode";
 import { IgcHTMLElement } from "igniteui-webcomponents-core";
+import { IgcGridConditionalStyleCollection } from './igc-grid-conditional-style-collection';
+import { IgcGridConditionalStyleComponent } from './igc-grid-conditional-style-component';
+import { NotifyCollectionChangedAction } from "igniteui-webcomponents-core";
 /**
  * Base class for various definition types for the grid.
 */
@@ -41,6 +44,52 @@ export let IgcDefinitionBaseComponent = /*@__PURE__*/ (() => {
         }
         onImplementationCreated() {
         }
+        _initializeAdapters() {
+            if (!this.__observingChildren) {
+                this.__observingChildren = true;
+                let mut = new MutationObserver((list) => {
+                    for (var mutation of list) {
+                        if (mutation.type == 'childList') {
+                            if (this.updateContentChildren) {
+                                this.updateContentChildren();
+                            }
+                            else if (this._initializeAdapters) {
+                                this.initializeAdapters();
+                            }
+                        }
+                    }
+                });
+                mut.observe(this, {
+                    childList: true
+                });
+            }
+            this._conditionalStylesAdapter = new CollectionAdapter([], this.i.conditionalStyles, this.actualConditionalStyles, (c) => c.i, (i) => {
+                if (this._initializeElement) {
+                    this._initializeElement(i);
+                }
+            }, (i) => {
+                if (this._destroyElement) {
+                    this._destroyElement(i);
+                }
+            });
+            if (super["_initializeAdapters"]) {
+                super["_initializeAdapters"]();
+            }
+        }
+        _updateAdapters() {
+            if (super["_updateAdapters"]) {
+                super["_updateAdapters"]();
+            }
+            this.contentConditionalStyles.length = 0;
+            for (var i = 0; i < this.children.length; i++) {
+                if (this.children[i] instanceof IgcGridConditionalStyleComponent) {
+                    this.contentConditionalStyles.push(this.children[i]);
+                }
+            }
+            if (this._conditionalStylesAdapter != null) {
+                this._conditionalStylesAdapter.notifyContentChanged();
+            }
+        }
         constructor() {
             super();
             this._renderer = null;
@@ -53,6 +102,7 @@ export let IgcDefinitionBaseComponent = /*@__PURE__*/ (() => {
             this._attached = false;
             this._queuedSetAttributes = [];
             this._updatingFromAttribute = false;
+            this._conditionalStyles = null;
             this._dataBinding = null;
             this._dataBinding_wrapped = null;
             this._dataBound = null;
@@ -65,6 +115,9 @@ export let IgcDefinitionBaseComponent = /*@__PURE__*/ (() => {
             this._implementation = this.createImplementation();
             this._implementation.externalObject = this;
             this.onImplementationCreated();
+            if (this._initializeAdapters) {
+                this._initializeAdapters();
+            }
         }
         _provideRenderer(renderer) {
             this._renderer = renderer;
@@ -170,6 +223,12 @@ export let IgcDefinitionBaseComponent = /*@__PURE__*/ (() => {
             if (this.i.connectedCallback) {
                 this.i.connectedCallback();
             }
+            if (this.updateContentChildren) {
+                this.updateContentChildren();
+            }
+            else if (this._updateAdapters) {
+                this._updateAdapters();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
@@ -209,339 +268,470 @@ export let IgcDefinitionBaseComponent = /*@__PURE__*/ (() => {
      * Gets or sets the background color to use.
     */
         get background() {
-            return brushToString(this.i.d8);
+            return brushToString(this.i.ge);
         }
         set background(v) {
-            this.i.d8 = stringToBrush(v);
-            this._a("background", brushToString(this.i.d8));
+            this.i.ge = stringToBrush(v);
+            this._a("background", brushToString(this.i.ge));
+        }
+        get actualConditionalStyles() {
+            if (!this._actualConditionalStyles) {
+                this._actualConditionalStyles = [];
+            }
+            return this._actualConditionalStyles;
+        }
+        get contentConditionalStyles() {
+            if (!this._contentConditionalStyles) {
+                this._contentConditionalStyles = [];
+            }
+            return this._contentConditionalStyles;
+        }
+        /**
+         * Gets the style key information to use for judging when a property will be set later by a style
+        */
+        get conditionalStyles() {
+            if (this._conditionalStyles === null) {
+                let coll = new IgcGridConditionalStyleCollection();
+                let inner = coll._innerColl;
+                this._conditionalStyles = coll;
+                inner.addListener((sender, e) => {
+                    switch (e.action) {
+                        case NotifyCollectionChangedAction.Add:
+                            this._conditionalStylesAdapter.insertManualItem(e.newStartingIndex, e.newItems.item(0));
+                            break;
+                        case NotifyCollectionChangedAction.Remove:
+                            this._conditionalStylesAdapter.removeManualItemAt(e.oldStartingIndex);
+                            break;
+                        case NotifyCollectionChangedAction.Replace:
+                            this._conditionalStylesAdapter.removeManualItemAt(e.oldStartingIndex);
+                            this._conditionalStylesAdapter.insertManualItem(e.newStartingIndex, e.newItems.item(0));
+                            break;
+                        case NotifyCollectionChangedAction.Reset:
+                            this._conditionalStylesAdapter.clearManualItems();
+                            break;
+                    }
+                });
+                ;
+            }
+            return this._conditionalStyles;
         }
         /**
          * Gets or sets the background color to use.
         */
         get border() {
-            return brushToString(this.i.d9);
+            return brushToString(this.i.gh);
         }
         set border(v) {
-            this.i.d9 = stringToBrush(v);
-            this._a("border", brushToString(this.i.d9));
+            this.i.gh = stringToBrush(v);
+            this._a("border", brushToString(this.i.gh));
         }
         /**
          * Gets or sets the background color to use.
         */
         get activationBorder() {
-            return brushToString(this.i.dz);
+            return brushToString(this.i.f3);
         }
         set activationBorder(v) {
-            this.i.dz = stringToBrush(v);
-            this._a("activationBorder", brushToString(this.i.dz));
+            this.i.f3 = stringToBrush(v);
+            this._a("activationBorder", brushToString(this.i.f3));
         }
         /**
          * Gets or sets the error border color to use.
         */
         get errorBorder() {
-            return brushToString(this.i.ea);
+            return brushToString(this.i.gi);
         }
         set errorBorder(v) {
-            this.i.ea = stringToBrush(v);
-            this._a("errorBorder", brushToString(this.i.ea));
+            this.i.gi = stringToBrush(v);
+            this._a("errorBorder", brushToString(this.i.gi));
         }
         /**
          * Gets the actual border color that will be used.
         */
         get actualBorder() {
-            return brushToString(this.i.d2);
+            return brushToString(this.i.f8);
         }
         set actualBorder(v) {
-            this.i.d2 = stringToBrush(v);
-            this._a("actualBorder", brushToString(this.i.d2));
+            this.i.f8 = stringToBrush(v);
+            this._a("actualBorder", brushToString(this.i.f8));
         }
         /**
          * Gets or sets the amount of left border to use for the cell content for this column.
         */
         get borderLeftWidth() {
-            return this.i.be;
+            return this.i.cc;
         }
         set borderLeftWidth(v) {
-            this.i.be = +v;
-            this._a("borderLeftWidth", this.i.be);
+            this.i.cc = +v;
+            this._a("borderLeftWidth", this.i.cc);
         }
         /**
          * Gets or sets the amount of top border to use for the cell content for this column.
         */
         get borderTopWidth() {
-            return this.i.bg;
+            return this.i.ce;
         }
         set borderTopWidth(v) {
-            this.i.bg = +v;
-            this._a("borderTopWidth", this.i.bg);
+            this.i.ce = +v;
+            this._a("borderTopWidth", this.i.ce);
         }
         /**
          * Gets or sets the amount of right border to use for the cell content of this column.
         */
         get borderRightWidth() {
-            return this.i.bf;
+            return this.i.cd;
         }
         set borderRightWidth(v) {
-            this.i.bf = +v;
-            this._a("borderRightWidth", this.i.bf);
+            this.i.cd = +v;
+            this._a("borderRightWidth", this.i.cd);
         }
         /**
          * Gets or sets the amount of bottom border to use for the cell content of this column.
         */
         get borderBottomWidth() {
-            return this.i.bd;
+            return this.i.cb;
         }
         set borderBottomWidth(v) {
-            this.i.bd = +v;
-            this._a("borderBottomWidth", this.i.bd);
+            this.i.cb = +v;
+            this._a("borderBottomWidth", this.i.cb);
         }
         /**
          * Gets or sets the amount of left activation border to use for the cell content for this column.
         */
         get activationBorderLeftWidth() {
-            return this.i.ba;
+            return this.i.b4;
         }
         set activationBorderLeftWidth(v) {
-            this.i.ba = +v;
-            this._a("activationBorderLeftWidth", this.i.ba);
+            this.i.b4 = +v;
+            this._a("activationBorderLeftWidth", this.i.b4);
         }
         /**
          * Gets or sets the amount of top activation border to use for the cell content for this column.
         */
         get activationBorderTopWidth() {
-            return this.i.bc;
+            return this.i.b6;
         }
         set activationBorderTopWidth(v) {
-            this.i.bc = +v;
-            this._a("activationBorderTopWidth", this.i.bc);
+            this.i.b6 = +v;
+            this._a("activationBorderTopWidth", this.i.b6);
         }
         /**
          * Gets or sets the amount of right activation border to use for the cell content of this column.
         */
         get activationBorderRightWidth() {
-            return this.i.bb;
+            return this.i.b5;
         }
         set activationBorderRightWidth(v) {
-            this.i.bb = +v;
-            this._a("activationBorderRightWidth", this.i.bb);
+            this.i.b5 = +v;
+            this._a("activationBorderRightWidth", this.i.b5);
         }
         /**
          * Gets or sets the amount of bottom activation border to use for the cell content of this column.
         */
         get activationBorderBottomWidth() {
-            return this.i.a9;
+            return this.i.b3;
         }
         set activationBorderBottomWidth(v) {
-            this.i.a9 = +v;
-            this._a("activationBorderBottomWidth", this.i.a9);
+            this.i.b3 = +v;
+            this._a("activationBorderBottomWidth", this.i.b3);
         }
         get errorBorderLeftWidth() {
-            return this.i.bi;
+            return this.i.cg;
         }
         set errorBorderLeftWidth(v) {
-            this.i.bi = +v;
-            this._a("errorBorderLeftWidth", this.i.bi);
+            this.i.cg = +v;
+            this._a("errorBorderLeftWidth", this.i.cg);
         }
         get errorBorderTopWidth() {
-            return this.i.bk;
+            return this.i.ci;
         }
         set errorBorderTopWidth(v) {
-            this.i.bk = +v;
-            this._a("errorBorderTopWidth", this.i.bk);
+            this.i.ci = +v;
+            this._a("errorBorderTopWidth", this.i.ci);
         }
         get errorBorderRightWidth() {
-            return this.i.bj;
+            return this.i.ch;
         }
         set errorBorderRightWidth(v) {
-            this.i.bj = +v;
-            this._a("errorBorderRightWidth", this.i.bj);
+            this.i.ch = +v;
+            this._a("errorBorderRightWidth", this.i.ch);
         }
         get errorBorderBottomWidth() {
-            return this.i.bh;
+            return this.i.cf;
         }
         set errorBorderBottomWidth(v) {
-            this.i.bh = +v;
-            this._a("errorBorderBottomWidth", this.i.bh);
+            this.i.cf = +v;
+            this._a("errorBorderBottomWidth", this.i.cf);
         }
         /**
          * Gets the actual background color that will be used.
         */
         get actualBackground() {
-            return brushToString(this.i.d1);
+            return brushToString(this.i.f5);
         }
         set actualBackground(v) {
-            this.i.d1 = stringToBrush(v);
-            this._a("actualBackground", brushToString(this.i.d1));
+            this.i.f5 = stringToBrush(v);
+            this._a("actualBackground", brushToString(this.i.f5));
         }
         /**
          * Gets the actual background color that will be used.
         */
         get actualActivationBorder() {
-            return brushToString(this.i.d0);
+            return brushToString(this.i.f4);
         }
         set actualActivationBorder(v) {
-            this.i.d0 = stringToBrush(v);
-            this._a("actualActivationBorder", brushToString(this.i.d0));
+            this.i.f4 = stringToBrush(v);
+            this._a("actualActivationBorder", brushToString(this.i.f4));
         }
         /**
          * Gets the actual error border color that will be used.
         */
         get actualErrorBorder() {
-            return brushToString(this.i.d3);
+            return brushToString(this.i.f9);
         }
         set actualErrorBorder(v) {
-            this.i.d3 = stringToBrush(v);
-            this._a("actualErrorBorder", brushToString(this.i.d3));
+            this.i.f9 = stringToBrush(v);
+            this._a("actualErrorBorder", brushToString(this.i.f9));
         }
         /**
          * Gets or sets the background color for content that sticks to the top of the grid.
         */
         get stickyRowBackground() {
-            return brushToString(this.i.ek);
+            return brushToString(this.i.gw);
         }
         set stickyRowBackground(v) {
-            this.i.ek = stringToBrush(v);
-            this._a("stickyRowBackground", brushToString(this.i.ek));
+            this.i.gw = stringToBrush(v);
+            this._a("stickyRowBackground", brushToString(this.i.gw));
         }
         /**
          * Gets the actual background color for content that sticks to the top of the grid.
         */
         get actualStickyRowBackground() {
-            return brushToString(this.i.d6);
+            return brushToString(this.i.gc);
         }
         set actualStickyRowBackground(v) {
-            this.i.d6 = stringToBrush(v);
-            this._a("actualStickyRowBackground", brushToString(this.i.d6));
+            this.i.gc = stringToBrush(v);
+            this._a("actualStickyRowBackground", brushToString(this.i.gc));
         }
         /**
          * Gets or sets the background color for cells belonging to rows marked as pinned.
         */
         get pinnedRowBackground() {
-            return brushToString(this.i.ej);
+            return brushToString(this.i.gv);
         }
         set pinnedRowBackground(v) {
-            this.i.ej = stringToBrush(v);
-            this._a("pinnedRowBackground", brushToString(this.i.ej));
+            this.i.gv = stringToBrush(v);
+            this._a("pinnedRowBackground", brushToString(this.i.gv));
         }
         /**
          * Gets the actual background color for cells belonging to rows marked as pinned.
         */
         get actualPinnedRowBackground() {
-            return brushToString(this.i.d5);
+            return brushToString(this.i.gb);
         }
         set actualPinnedRowBackground(v) {
-            this.i.d5 = stringToBrush(v);
-            this._a("actualPinnedRowBackground", brushToString(this.i.d5));
+            this.i.gb = stringToBrush(v);
+            this._a("actualPinnedRowBackground", brushToString(this.i.gb));
         }
         /**
          * Gets or sets the color for the last row in the sticky row area.
         */
         get lastStickyRowBackground() {
-            return brushToString(this.i.ei);
+            return brushToString(this.i.gu);
         }
         set lastStickyRowBackground(v) {
-            this.i.ei = stringToBrush(v);
-            this._a("lastStickyRowBackground", brushToString(this.i.ei));
+            this.i.gu = stringToBrush(v);
+            this._a("lastStickyRowBackground", brushToString(this.i.gu));
         }
         /**
          * Gets the actual color for the last row in the sticky row area.
         */
         get actualLastStickyRowBackground() {
-            return brushToString(this.i.d4);
+            return brushToString(this.i.ga);
         }
         set actualLastStickyRowBackground(v) {
-            this.i.d4 = stringToBrush(v);
-            this._a("actualLastStickyRowBackground", brushToString(this.i.d4));
+            this.i.ga = stringToBrush(v);
+            this._a("actualLastStickyRowBackground", brushToString(this.i.ga));
         }
         /**
          * Gets or sets the opacity of the content.
         */
         get contentOpacity() {
-            return this.i.au;
+            return this.i.bh;
         }
         set contentOpacity(v) {
-            this.i.au = +v;
-            this._a("contentOpacity", this.i.au);
+            this.i.bh = +v;
+            this._a("contentOpacity", this.i.bh);
         }
         /**
          * Gets or sets the horizontal alignment to use for the cell content.
         */
         get horizontalAlignment() {
-            return this.i.e;
+            return this.i.g;
         }
         set horizontalAlignment(v) {
-            this.i.e = ensureEnum(CellContentHorizontalAlignment_$type, v);
-            this._a("horizontalAlignment", enumToString(CellContentHorizontalAlignment_$type, this.i.e));
+            this.i.g = ensureEnum(CellContentHorizontalAlignment_$type, v);
+            this._a("horizontalAlignment", enumToString(CellContentHorizontalAlignment_$type, this.i.g));
         }
         /**
          * Gets or sets the vertical alignment to use for the cell content.
         */
         get verticalAlignment() {
-            return this.i.j;
+            return this.i.l;
         }
         set verticalAlignment(v) {
-            this.i.j = ensureEnum(CellContentVerticalAlignment_$type, v);
-            this._a("verticalAlignment", enumToString(CellContentVerticalAlignment_$type, this.i.j));
+            this.i.l = ensureEnum(CellContentVerticalAlignment_$type, v);
+            this._a("verticalAlignment", enumToString(CellContentVerticalAlignment_$type, this.i.l));
         }
         /**
          * Gets or sets the line breaking mode to use if text is present in the cell.
         */
         get lineBreakMode() {
-            return this.i.y;
+            return this.i.ac;
         }
         set lineBreakMode(v) {
-            this.i.y = ensureEnum(TextCellLineBreakMode_$type, v);
-            this._a("lineBreakMode", enumToString(TextCellLineBreakMode_$type, this.i.y));
+            this.i.ac = ensureEnum(TextCellLineBreakMode_$type, v);
+            this._a("lineBreakMode", enumToString(TextCellLineBreakMode_$type, this.i.ac));
         }
         /**
          * Gets the actual line break mode which will be used if text is present in the cell.
         */
         get actualLineBreakMode() {
-            return this.i.x;
+            return this.i.ab;
         }
         set actualLineBreakMode(v) {
-            this.i.x = ensureEnum(TextCellLineBreakMode_$type, v);
-            this._a("actualLineBreakMode", enumToString(TextCellLineBreakMode_$type, this.i.x));
+            this.i.ab = ensureEnum(TextCellLineBreakMode_$type, v);
+            this._a("actualLineBreakMode", enumToString(TextCellLineBreakMode_$type, this.i.ab));
         }
         /**
          * Gets or sets the color to use for displaying text.
         */
         get textColor() {
-            return brushToString(this.i.el);
+            return brushToString(this.i.gx);
         }
         set textColor(v) {
-            this.i.el = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.el));
+            this.i.gx = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.gx));
         }
         /**
          * Gets the actual color used for displaying text.
         */
         get actualTextColor() {
-            return brushToString(this.i.d7);
+            return brushToString(this.i.gd);
         }
         set actualTextColor(v) {
-            this.i.d7 = stringToBrush(v);
-            this._a("actualTextColor", brushToString(this.i.d7));
+            this.i.gd = stringToBrush(v);
+            this._a("actualTextColor", brushToString(this.i.gd));
+        }
+        /**
+         * Gets or sets whether the bar is supported.
+        */
+        get isBarSupported() {
+            return this.i.ar;
+        }
+        set isBarSupported(v) {
+            this.i.ar = ensureBool(v);
+            this._a("isBarSupported", this.i.ar);
+        }
+        /**
+         * Gets or sets the color to use for value bars.
+        */
+        get barBackground() {
+            return brushToString(this.i.gf);
+        }
+        set barBackground(v) {
+            this.i.gf = stringToBrush(v);
+            this._a("barBackground", brushToString(this.i.gf));
+        }
+        /**
+         * Gets the actual color used for value bars.
+        */
+        get actualBarBackground() {
+            return brushToString(this.i.f6);
+        }
+        set actualBarBackground(v) {
+            this.i.f6 = stringToBrush(v);
+            this._a("actualBarBackground", brushToString(this.i.f6));
+        }
+        /**
+         * Gets or sets the Outline color to use for value bars.
+        */
+        get barOutline() {
+            return brushToString(this.i.gg);
+        }
+        set barOutline(v) {
+            this.i.gg = stringToBrush(v);
+            this._a("barOutline", brushToString(this.i.gg));
+        }
+        /**
+         * Gets the actual Outline color used for value bars.
+        */
+        get actualBarOutline() {
+            return brushToString(this.i.f7);
+        }
+        set actualBarOutline(v) {
+            this.i.f7 = stringToBrush(v);
+            this._a("actualBarOutline", brushToString(this.i.f7));
+        }
+        /**
+         * Gets or sets the stroke thickness to use for value bars.
+        */
+        get barStrokeThickness() {
+            return this.i.ca;
+        }
+        set barStrokeThickness(v) {
+            this.i.ca = +v;
+            this._a("barStrokeThickness", this.i.ca);
+        }
+        /**
+         * Gets the actual stroke thickness used for value bars.
+        */
+        get actualBarStrokeThickness() {
+            return this.i.b8;
+        }
+        set actualBarStrokeThickness(v) {
+            this.i.b8 = +v;
+            this._a("actualBarStrokeThickness", this.i.b8);
+        }
+        /**
+         * Gets or sets the stroke thickness to use for value bars.
+        */
+        get barCornerRadius() {
+            return this.i.b9;
+        }
+        set barCornerRadius(v) {
+            this.i.b9 = +v;
+            this._a("barCornerRadius", this.i.b9);
+        }
+        /**
+         * Gets the actual stroke thickness used for value bars.
+        */
+        get actualBarCornerRadius() {
+            return this.i.b7;
+        }
+        set actualBarCornerRadius(v) {
+            this.i.b7 = +v;
+            this._a("actualBarCornerRadius", this.i.b7);
         }
         /**
          * Gets or sets the color to use for displaying text.
         */
         get pinnedRowOpacity() {
-            return this.i.aw;
+            return this.i.bm;
         }
         set pinnedRowOpacity(v) {
-            this.i.aw = +v;
-            this._a("pinnedRowOpacity", this.i.aw);
+            this.i.bm = +v;
+            this._a("pinnedRowOpacity", this.i.bm);
         }
         /**
          * Gets or sets the color to use for displaying text.
         */
         get actualPinnedRowOpacity() {
-            return this.i.at;
+            return this.i.bf;
         }
         set actualPinnedRowOpacity(v) {
-            this.i.at = +v;
-            this._a("actualPinnedRowOpacity", this.i.at);
+            this.i.bf = +v;
+            this._a("actualPinnedRowOpacity", this.i.bf);
         }
         get textStyle() {
             if (this.i.textStyle == null) {
@@ -555,23 +745,39 @@ export let IgcDefinitionBaseComponent = /*@__PURE__*/ (() => {
             this.i.textStyle = fi;
             this._a("textStyle", this.i.textStyle != null ? this.i.textStyle.fontString : "");
         }
+        get isBarRequired() {
+            return this.i.aq;
+        }
         findByName(name) {
             if (this.findEphemera) {
                 if (name && name.indexOf("@@e:") == 0) {
                     return this.findEphemera(name);
                 }
             }
+            if (this.conditionalStyles != null && this.conditionalStyles.findByName && this.conditionalStyles.findByName(name)) {
+                return this.conditionalStyles.findByName(name);
+            }
             return null;
         }
+        transitionStyleOut(style) {
+            this.i.e3((style == null ? null : style.i));
+        }
+        transitionStyleIn(style) {
+            this.i.e2((style == null ? null : style.i));
+        }
+        isStyleTransitioningOut(style) {
+            let iv = this.i.as((style == null ? null : style.i));
+            return (iv);
+        }
         setNamedValue(valueName, animationType, value) {
-            this.i.c7(valueName, (animationType == null ? null : animationType), value);
+            this.i.e1(valueName, (animationType == null ? null : animationType), value);
         }
         /**
          * Returns if this definition has named value.
         
         */
         hasNamedValues() {
-            let iv = this.i.ai();
+            let iv = this.i.ap();
             return (iv);
         }
         /**
@@ -580,7 +786,7 @@ export let IgcDefinitionBaseComponent = /*@__PURE__*/ (() => {
         * @param valueName  * The named value name to check for.
         */
         hasNamedValue(valueName) {
-            let iv = this.i.ah(valueName);
+            let iv = this.i.ao(valueName);
             return (iv);
         }
         /**
@@ -589,7 +795,7 @@ export let IgcDefinitionBaseComponent = /*@__PURE__*/ (() => {
         * @param valueName  * The named value name to remove.
         */
         removeNamedValue(valueName) {
-            this.i.c5(valueName);
+            this.i.ew(valueName);
         }
         /**
          * Gets the value for a named value from this definition.
@@ -597,7 +803,7 @@ export let IgcDefinitionBaseComponent = /*@__PURE__*/ (() => {
         * @param valueName  * The named value name to check for.
         */
         getNamedValue(valueName) {
-            let iv = this.i.bn(valueName);
+            let iv = this.i.co(valueName);
             return (iv);
         }
         /**