build: blazor new components fixes (#304)

IgniteUI · Mar 29, 2022 · 8854050 · 8854050
1 parent e51c8ce
commit 8854050
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 5 deletions.
diff --git a/src/components/chip/chip.ts b/src/components/chip/chip.ts
@@ -53,7 +53,7 @@ export default class IgcChipComponent extends SizableMixin(
 
   /**	Defines if the chip is selected or not. */
   @property({ type: Boolean, reflect: true })
-  @blazorTwoWayBind('igcSelected', 'detail')
+  @blazorTwoWayBind('igcSelect', 'detail')
   public selected = false;
 
   /** A property that sets the color variant of the chip component. */

diff --git a/src/components/dropdown/dropdown.ts b/src/components/dropdown/dropdown.ts
@@ -7,7 +7,7 @@ import { styles } from './themes/light/dropdown.base.css';
 import { styles as bootstrap } from './themes/light/dropdown.bootstrap.css';
 import { styles as fluent } from './themes/light/dropdown.fluent.css';
 import { styles as indigo } from './themes/light/dropdown.indigo.css';
-import { watch } from '../common/decorators';
+import { blazorSuppress, watch } from '../common/decorators';
 import {
   IgcPlacement,
   IgcToggleComponent,
@@ -434,6 +434,7 @@ export default class IgcDropDownComponent
   }
 
   /** Shows the dropdown. */
+  @blazorSuppress()
   public show(target?: HTMLElement) {
     if (this.open && !target) return;
 
@@ -448,6 +449,7 @@ export default class IgcDropDownComponent
   }
 
   /** Toggles the open state of the dropdown. */
+  @blazorSuppress()
   public toggle(target?: HTMLElement): void {
     if (!this.open) {
       this.show(target);
@@ -461,6 +463,7 @@ export default class IgcDropDownComponent
   /** Navigates to the item at the specified index. If it exists, returns the found item, otherwise - null. */
   public navigateTo(index: number): IgcDropDownItemComponent | null;
   /** Navigates to the specified item. If it exists, returns the found item, otherwise - null. */
+  @blazorSuppress()
   public navigateTo(value: string | number): IgcDropDownItemComponent | null {
     const index =
       typeof value === 'string' ? this.getItem(value).index : (value as number);
@@ -473,6 +476,7 @@ export default class IgcDropDownComponent
   /** Selects the item at the specified index. If it exists, returns the found item, otherwise - null. */
   public select(index: number): IgcDropDownItemComponent | null;
   /** Selects the specified item. If it exists, returns the found item, otherwise - null. */
+  @blazorSuppress()
   public select(value: string | number): IgcDropDownItemComponent | null {
     const item =
       typeof value === 'string'

diff --git a/src/components/input/input-base.ts b/src/components/input/input-base.ts
@@ -17,6 +17,7 @@ let nextId = 0;
 export interface IgcInputEventMap {
   /* alternateName: inputOcurred */
   igcInput: CustomEvent<string>;
+  /* blazorSuppress */
   igcChange: CustomEvent<string>;
   igcFocus: CustomEvent<void>;
   igcBlur: CustomEvent<void>;

diff --git a/src/components/toggle/utilities.ts b/src/components/toggle/utilities.ts
@@ -1,5 +1,3 @@
-import { Placement } from '@floating-ui/dom';
-
 /**
  * Common events interface for toggle components
  */
@@ -52,4 +50,16 @@ export interface IgcToggleComponent extends IgcToggleOptions {
 /**
  * Describes the preferred placement of a toggle component.
  */
-export type IgcPlacement = Placement;
+export type IgcPlacement =
+  | 'top'
+  | 'top-start'
+  | 'top-end'
+  | 'bottom'
+  | 'bottom-start'
+  | 'bottom-end'
+  | 'right'
+  | 'right-start'
+  | 'right-end'
+  | 'left'
+  | 'left-start'
+  | 'left-end';