wcs-core 2.6.0 → 2.10.0

package/dist/esm/wcs.js

@@ -1,7 +1,7 @@
 import { p as promiseResolve, b as bootstrapLazy } from './index-b982604a.js';
 
 /*
- Stencil Client Patch Browser v2.10.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.13.0 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = import.meta.url;
@@ -13,5 +13,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["wcs-editable-field",[[1,"wcs-editable-field",{"type":[1],"label":[1],"readonly":[4],"value":[1032],"validateFn":[16],"formatFn":[16],"errorMsg":[1,"error-msg"],"currentState":[32],"isError":[32]},[[8,"click","onWindowClickEvent"]]]]],["wcs-grid",[[1,"wcs-grid",{"serverMode":[4,"server-mode"],"data":[16],"loading":[4],"selectionConfig":[1,"selection-config"],"selectedItems":[8,"selected-items"],"wcsGridPaginationId":[1,"wcs-grid-pagination-id"],"rowIdPath":[1,"row-id-path"],"columns":[32],"paginationEl":[32],"rows":[32]},[[0,"wcsHiddenChange","onHiddenColumnChange"],[0,"wcsSortChange","sortChangeEventHandler"],[0,"wcsGridPaginationChange","paginationChangeEventHandler"],[8,"wcsGridPaginationChange","paginationChangeEventHandlerOutside"]]]]],["wcs-grid-pagination",[[1,"wcs-grid-pagination",{"availablePageSizes":[16],"currentPage":[2,"current-page"],"pageSize":[2,"page-size"],"itemsCount":[2,"items-count"],"pageCount":[2,"page-count"]}]]],["wcs-horizontal-stepper",[[1,"wcs-horizontal-stepper",{"currentStep":[1026,"current-step"],"steps":[16],"mode":[1],"checkOnComplete":[4,"check-on-complete"],"buttonMode":[32],"internalCurrentStep":[32],"previous":[64],"next":[64]}]]],["wcs-dropdown",[[1,"wcs-dropdown",{"mode":[1],"shape":[1],"disabled":[4],"expanded":[32]},[[8,"click","onWindowClickEvent"],[0,"wcsDropdownItemClick","dropdownItemClick"]]]]],["wcs-galactic-menu",[[1,"wcs-galactic-menu",{"text":[1],"showPopoverMenu":[32]},[[8,"click","onWindowClickEvent"]]]]],["wcs-input",[[1,"wcs-input",{"fireFocusEvents":[4,"fire-focus-events"],"accept":[1],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"clearInput":[4,"clear-input"],"clearOnEdit":[4,"clear-on-edit"],"debounce":[2],"disabled":[4],"enterkeyhint":[1],"icon":[1],"inputmode":[1],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"multiple":[4],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"state":[513],"step":[1],"size":[2],"type":[1],"value":[1032],"hasFocus":[32],"setFocus":[64],"setBlur":[64],"getInputElement":[64]}]]],["wcs-modal",[[4,"wcs-modal",{"backdrop":[516],"show":[1540],"showCloseButton":[516,"show-close-button"]},[[4,"keydown","onKeyDown"]]]]],["wcs-textarea",[[1,"wcs-textarea",{"fireFocusEvents":[4,"fire-focus-events"],"autocapitalize":[1],"autofocus":[4],"clearOnEdit":[1028,"clear-on-edit"],"debounce":[2],"disabled":[4],"icon":[1],"inputmode":[1],"enterkeyhint":[1],"maxlength":[2],"minlength":[2],"name":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"state":[513],"cols":[2],"rows":[2],"wrap":[1],"autoGrow":[4,"auto-grow"],"value":[1025],"hasFocus":[32],"fitContent":[64],"setFocus":[64],"setBlur":[64],"getInputElement":[64]}]]],["wcs-action-bar",[[1,"wcs-action-bar",{"gutter":[4],"hasTabs":[32]}]]],["wcs-app",[[1,"wcs-app"]]],["wcs-badge",[[1,"wcs-badge",{"shape":[1],"color":[1]}]]],["wcs-card",[[1,"wcs-card",{"mode":[1537]}]]],["wcs-card-body",[[1,"wcs-card-body"]]],["wcs-com-nav",[[1,"wcs-com-nav",{"appName":[1,"app-name"]}]]],["wcs-com-nav-category",[[1,"wcs-com-nav-category",{"label":[1],"categoryOpen":[32],"close":[64],"open":[64]},[[8,"click","onWindowClickEvent"],[8,"wcsCategoryOpened","onSubmenuOpened"]]]]],["wcs-com-nav-submenu",[[1,"wcs-com-nav-submenu",{"label":[1],"panelTitle":[1,"panel-title"],"panelDescription":[1,"panel-description"],"menuOpen":[32],"close":[64],"open":[64]},[[8,"click","onWindowClickEvent"],[8,"wcsSubmenuOpened","onSubmenuOpened"],[0,"wcsCategoryItemClicked","wcsCategoryItemClickedHandler"]]]]],["wcs-divider",[[1,"wcs-divider"]]],["wcs-dropdown-item",[[4,"wcs-dropdown-item",null,[[1,"mousedown","onMouseDown"]]]]],["wcs-field",[[1,"wcs-field"]]],["wcs-field-content",[[1,"wcs-field-content"]]],["wcs-field-label",[[1,"wcs-field-label"]]],["wcs-footer",[[1,"wcs-footer"]]],["wcs-galactic",[[1,"wcs-galactic",{"text":[1],"show":[32]}]]],["wcs-grid-column",[[1,"wcs-grid-column",{"path":[1],"name":[1],"sort":[4],"sortFn":[16],"formatter":[16],"sortOrder":[1537,"sort-order"],"width":[1],"customCells":[4,"custom-cells"],"hidden":[4]}]]],["wcs-grid-custom-cell",[[1,"wcs-grid-custom-cell",{"columnId":[1,"column-id"],"rowId":[8,"row-id"]}]]],["wcs-header",[[1,"wcs-header"]]],["wcs-hint",[[1,"wcs-hint",{"small":[1540]}]]],["wcs-icon",[[0,"wcs-icon",{"icon":[1],"size":[1]}]]],["wcs-label",[[1,"wcs-label",{"required":[516]}]]],["wcs-list-item",[[1,"wcs-list-item",{"activated":[1028]}]]],["wcs-list-item-properties",[[1,"wcs-list-item-properties"]]],["wcs-list-item-property",[[1,"wcs-list-item-property"]]],["wcs-nav",[[1,"wcs-nav"]]],["wcs-nav-item",[[4,"wcs-nav-item",{"text":[513],"href":[1537]}]]],["wcs-progress-radial",[[1,"wcs-progress-radial",{"size":[2],"showLabel":[4,"show-label"],"value":[2]}]]],["wcs-radio-group",[[1,"wcs-radio-group",{"value":[8],"name":[520],"mode":[513]},[[0,"wcsRadioClick","selectedOptionChanged"]]]]],["wcs-switch",[[1,"wcs-switch",{"name":[1],"checked":[1028]}]]],["wcs-tab",[[1,"wcs-tab",{"header":[1537],"itemKey":[8,"item-key"]}]]],["wcs-tabs",[[1,"wcs-tabs",{"align":[1537],"selectedIndex":[2,"selected-index"],"selectedKey":[8,"selected-key"],"headersOnly":[4,"headers-only"],"gutter":[4],"headers":[32],"currentActiveTabIndex":[32]},[[0,"tabLoaded","onTabLoaded"]]]]],["wcs-tooltip",[[1,"wcs-tooltip",{"for":[513],"position":[513]}]]],["wcs-progress-bar",[[1,"wcs-progress-bar",{"small":[1028],"showLabel":[1028,"show-label"],"value":[1026]}]]],["wcs-radio",[[1,"wcs-radio",{"mode":[513],"value":[1544],"label":[1537],"checked":[1540],"disabled":[1028]}]]],["wcs-select_2",[[4,"wcs-select-option",{"disabled":[1540],"selected":[1540],"value":[8],"chipColor":[1,"chip-color"],"chipBackgroundColor":[1,"chip-background-color"],"multiple":[1540]},[[1,"mousedown","onMouseDown"]]],[1,"wcs-select",{"value":[1032],"placeholder":[1537],"disabled":[1028],"multiple":[516],"chips":[516],"name":[1],"compareWith":[16],"expanded":[32],"hasLoaded":[32],"displayText":[32],"focused":[32],"overlayDirection":[32],"open":[64],"close":[64]},[[1,"mousedown","onMouseDown"],[8,"click","onWindowClickEvent"],[0,"wcsSelectOptionClick","selectedOptionChanged"]]]]],["wcs-error_2",[[1,"wcs-error"],[1,"wcs-form-field",{"isError":[1540,"is-error"],"icon":[8],"hasPrefix":[32],"hasSuffix":[32],"spiedElement":[32]}]]],["wcs-spinner",[[1,"wcs-spinner",{"mode":[1537]}]]],["wcs-button",[[1,"wcs-button",{"type":[1025],"href":[1],"disabled":[516],"ripple":[4],"shape":[513],"mode":[513]},[[0,"click","onClick"]]]]],["wcs-checkbox",[[1,"wcs-checkbox",{"name":[1],"indeterminate":[1540],"checked":[1540],"labelAlignment":[1537,"label-alignment"]}]]],["wcs-mat-icon",[[1,"wcs-mat-icon",{"icon":[1],"size":[1],"family":[1],"familyFile":[32],"familyClass":[32]}]]]], options);
+  return bootstrapLazy([["wcs-editable-field",[[1,"wcs-editable-field",{"type":[1],"label":[1],"readonly":[4],"value":[1032],"validateFn":[16],"formatFn":[16],"errorMsg":[1,"error-msg"],"currentState":[32],"isError":[32]},[[8,"click","onWindowClickEvent"]]]]],["wcs-grid",[[1,"wcs-grid",{"serverMode":[4,"server-mode"],"data":[16],"loading":[4],"selectionConfig":[1,"selection-config"],"selectedItems":[8,"selected-items"],"wcsGridPaginationId":[1,"wcs-grid-pagination-id"],"rowIdPath":[1,"row-id-path"],"columns":[32],"paginationEl":[32],"rows":[32]},[[0,"wcsHiddenChange","onHiddenColumnChange"],[0,"wcsSortChange","sortChangeEventHandler"],[0,"wcsGridPaginationChange","paginationChangeEventHandler"],[8,"wcsGridPaginationChange","paginationChangeEventHandlerOutside"]]]]],["wcs-grid-pagination",[[1,"wcs-grid-pagination",{"availablePageSizes":[16],"currentPage":[2,"current-page"],"pageSize":[2,"page-size"],"itemsCount":[2,"items-count"],"pageCount":[2,"page-count"]}]]],["wcs-horizontal-stepper",[[1,"wcs-horizontal-stepper",{"currentStep":[1026,"current-step"],"steps":[16],"mode":[1],"checkOnComplete":[4,"check-on-complete"],"buttonMode":[32],"internalCurrentStep":[32],"previous":[64],"next":[64]}]]],["wcs-dropdown",[[1,"wcs-dropdown",{"noArrow":[4,"no-arrow"],"mode":[1],"shape":[1],"disabled":[4],"placement":[1],"expanded":[32]},[[8,"click","onWindowClickEvent"],[0,"wcsDropdownItemClick","dropdownItemClick"]]]]],["wcs-galactic-menu",[[1,"wcs-galactic-menu",{"text":[1],"showPopoverMenu":[32]},[[8,"click","onWindowClickEvent"]]]]],["wcs-input",[[1,"wcs-input",{"fireFocusEvents":[4,"fire-focus-events"],"accept":[1],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"clearInput":[4,"clear-input"],"clearOnEdit":[4,"clear-on-edit"],"debounce":[2],"prefixLabel":[1,"prefix-label"],"suffixLabel":[1,"suffix-label"],"disabled":[4],"enterkeyhint":[1],"icon":[1],"inputmode":[1],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"multiple":[4],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"state":[513],"step":[1],"size":[2],"type":[1],"value":[1032],"hasFocus":[32],"setFocus":[64],"setBlur":[64],"getInputElement":[64]}]]],["wcs-modal",[[4,"wcs-modal",{"withoutBackdrop":[516,"without-backdrop"],"show":[516],"showCloseButton":[516,"show-close-button"],"size":[1]},[[4,"keydown","onKeyDown"]]]]],["wcs-textarea",[[1,"wcs-textarea",{"fireFocusEvents":[4,"fire-focus-events"],"autocapitalize":[1],"autofocus":[4],"clearOnEdit":[1028,"clear-on-edit"],"debounce":[2],"disabled":[4],"icon":[1],"inputmode":[1],"enterkeyhint":[1],"maxlength":[2],"minlength":[2],"name":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"state":[513],"cols":[2],"rows":[2],"wrap":[1],"autoGrow":[4,"auto-grow"],"value":[1025],"hasFocus":[32],"fitContent":[64],"setFocus":[64],"setBlur":[64],"getInputElement":[64]}]]],["wcs-action-bar",[[1,"wcs-action-bar",{"gutter":[4],"hasTabs":[32]}]]],["wcs-app",[[1,"wcs-app"]]],["wcs-badge",[[1,"wcs-badge",{"shape":[1],"color":[1]}]]],["wcs-card",[[1,"wcs-card",{"mode":[1537]}]]],["wcs-card-body",[[1,"wcs-card-body"]]],["wcs-com-nav",[[1,"wcs-com-nav",{"appName":[1,"app-name"]}]]],["wcs-com-nav-category",[[1,"wcs-com-nav-category",{"label":[1],"categoryOpen":[32],"close":[64],"open":[64]},[[8,"click","onWindowClickEvent"],[8,"wcsCategoryOpened","onSubmenuOpened"]]]]],["wcs-com-nav-submenu",[[1,"wcs-com-nav-submenu",{"label":[1],"panelTitle":[1,"panel-title"],"panelDescription":[1,"panel-description"],"menuOpen":[32],"close":[64],"open":[64]},[[8,"click","onWindowClickEvent"],[8,"wcsSubmenuOpened","onSubmenuOpened"],[0,"wcsCategoryItemClicked","wcsCategoryItemClickedHandler"]]]]],["wcs-divider",[[1,"wcs-divider"]]],["wcs-dropdown-divider",[[1,"wcs-dropdown-divider"]]],["wcs-dropdown-header",[[1,"wcs-dropdown-header"]]],["wcs-dropdown-item",[[4,"wcs-dropdown-item",null,[[1,"mousedown","onMouseDown"]]]]],["wcs-field",[[1,"wcs-field"]]],["wcs-field-content",[[1,"wcs-field-content"]]],["wcs-field-label",[[1,"wcs-field-label"]]],["wcs-footer",[[1,"wcs-footer"]]],["wcs-galactic",[[1,"wcs-galactic",{"text":[1],"show":[32]}]]],["wcs-grid-column",[[1,"wcs-grid-column",{"path":[1],"name":[1],"sort":[4],"sortFn":[16],"formatter":[16],"sortOrder":[1025,"sort-order"],"width":[1],"customCells":[4,"custom-cells"],"hidden":[4]}]]],["wcs-grid-custom-cell",[[1,"wcs-grid-custom-cell",{"columnId":[1,"column-id"],"rowId":[8,"row-id"]}]]],["wcs-header",[[1,"wcs-header"]]],["wcs-hint",[[1,"wcs-hint",{"small":[1540]}]]],["wcs-icon",[[0,"wcs-icon",{"icon":[1],"size":[1]}]]],["wcs-label",[[1,"wcs-label",{"required":[516]}]]],["wcs-list-item",[[1,"wcs-list-item",{"activated":[1028]}]]],["wcs-list-item-properties",[[1,"wcs-list-item-properties"]]],["wcs-list-item-property",[[1,"wcs-list-item-property"]]],["wcs-nav",[[1,"wcs-nav"]]],["wcs-nav-item",[[4,"wcs-nav-item",{"text":[513],"href":[513]}]]],["wcs-progress-radial",[[1,"wcs-progress-radial",{"size":[2],"showLabel":[4,"show-label"],"value":[2]}]]],["wcs-radio-group",[[1,"wcs-radio-group",{"value":[8],"name":[520],"mode":[513]},[[0,"wcsRadioClick","selectedOptionChanged"]]]]],["wcs-switch",[[1,"wcs-switch",{"name":[1],"checked":[516],"labelAlignment":[513,"label-alignment"],"disabled":[4]}]]],["wcs-tab",[[1,"wcs-tab",{"header":[513],"itemKey":[8,"item-key"]}]]],["wcs-tabs",[[1,"wcs-tabs",{"align":[513],"selectedIndex":[2,"selected-index"],"selectedKey":[8,"selected-key"],"headersOnly":[4,"headers-only"],"gutter":[4],"headers":[32],"currentActiveTabIndex":[32]},[[0,"tabLoaded","onTabLoaded"]]]]],["wcs-tooltip",[[1,"wcs-tooltip",{"for":[1],"position":[513],"interactive":[4],"maxWidth":[8,"max-width"],"delay":[2],"duration":[2],"trigger":[1],"theme":[1],"hide":[64],"show":[64],"disable":[64],"enable":[64]}]]],["wcs-progress-bar",[[1,"wcs-progress-bar",{"small":[4],"showLabel":[4,"show-label"],"value":[2]}]]],["wcs-radio",[[1,"wcs-radio",{"mode":[513],"value":[1544],"label":[1537],"checked":[1540],"disabled":[1028]}]]],["wcs-select_2",[[4,"wcs-select-option",{"disabled":[1540],"selected":[1540],"value":[8],"chipColor":[1,"chip-color"],"chipBackgroundColor":[1,"chip-background-color"],"multiple":[1540]},[[1,"mousedown","onMouseDown"]]],[1,"wcs-select",{"value":[1032],"placeholder":[1537],"disabled":[1028],"multiple":[516],"chips":[516],"name":[1],"compareWith":[16],"expanded":[32],"hasLoaded":[32],"displayText":[32],"focused":[32],"overlayDirection":[32],"open":[64],"close":[64]},[[1,"mousedown","onMouseDown"],[8,"click","onWindowClickEvent"],[0,"wcsSelectOptionClick","selectedOptionChanged"]]]]],["wcs-error_2",[[1,"wcs-error"],[1,"wcs-form-field",{"isError":[1540,"is-error"],"hasPrefix":[32],"hasSuffix":[32],"spiedElement":[32]}]]],["wcs-spinner",[[1,"wcs-spinner",{"mode":[513]}]]],["wcs-button",[[1,"wcs-button",{"type":[1025],"href":[1],"disabled":[516],"ripple":[4],"shape":[513],"mode":[513]},[[0,"click","onClick"]]]]],["wcs-checkbox",[[1,"wcs-checkbox",{"name":[1],"indeterminate":[1540],"checked":[1540],"labelAlignment":[1537,"label-alignment"],"disabled":[4]}]]],["wcs-mat-icon",[[1,"wcs-mat-icon",{"icon":[1],"size":[1],"family":[1],"familyFile":[32],"familyClass":[32]}]]]], options);
 });

package/dist/types/components/badge/badge-interface.d.ts

@@ -0,0 +1,2 @@
+export declare type BadgeShape = 'normal' | 'rounded';
+export declare type BadgeColor = 'initial' | 'lighter';

package/dist/types/components/badge/badge.d.ts

@@ -1,12 +1,13 @@
 import { ComponentInterface } from '../../stencil-public-runtime';
+import { BadgeColor, BadgeShape } from './badge-interface';
 export declare class Badge implements ComponentInterface {
   /**
    * Define the shape of the badge
    */
-  shape: 'normal' | 'rounded';
+  shape: BadgeShape;
   /**
    * Allows you to change the color of the badge to make it less bright (based on the color chosen by the CSS class).
    */
-  color: 'initial' | 'lighter';
+  color: BadgeColor;
   render(): any;
 }

package/dist/types/components/card/card-interface.d.ts

@@ -0,0 +1 @@
+export declare type CardMode = 'flat' | 'raised';

package/dist/types/components/card/card.d.ts

@@ -1,5 +1,6 @@
 import { ComponentInterface } from '../../stencil-public-runtime';
+import { CardMode } from './card-interface';
 export declare class Card implements ComponentInterface {
-  mode: 'flat' | 'raised';
+  mode: CardMode;
   render(): any;
 }

package/dist/types/components/checkbox/checkbox.d.ts

@@ -16,6 +16,10 @@ export declare class Checkbox implements ComponentInterface {
    * Specifie the alignment of the checkbox with the label content
    */
   labelAlignment: CheckboxLabelAlignment;
+  /**
+   * Specify wether the checkbox is disabled or not.
+   */
+  disabled: boolean;
   /**
    * Emitted when the checked property has changed.
    */

package/dist/types/components/dropdown/dropdown-interface.d.ts

@@ -0,0 +1 @@
+export declare type WcsDropdownPlacement = 'auto' | 'auto-start' | 'auto-end' | 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';

package/dist/types/components/dropdown/dropdown.d.ts

@@ -1,30 +1,27 @@
 import { ComponentInterface } from '../../stencil-public-runtime';
 import { WcsButtonMode, WcsButtonShape } from '../button/button-interface';
-/**
- * Dropdown component.
- *
- * @example ```hmtl
- *   <wcs-dropdown>
- *       <div slot="placeholder"></div>
- *       <div slot="items">
- *           <wcs-dropdown-header></wcs-dropdown-header>
- *           <wcs-divider></wcs-divider>
- *           <wcs-dropdown-item></wcs-dropdown-item>
- *      </div>
- *   </wcs-dropdown>
- * ```
- * @todo Complete keyboard navigation.
- */
+import { WcsDropdownPlacement } from './dropdown-interface';
 export declare class Dropdown implements ComponentInterface {
   el: HTMLWcsDropdownElement;
+  /** Hides the arrow in the button */
+  noArrow: boolean;
+  /** Dropdown's button mode */
   mode: WcsButtonMode;
+  /** Dropdown's button shape */
   shape: WcsButtonShape;
+  /** Specifies whether the dropdown button is clickable or not */
   disabled: boolean;
+  /** placement of the dropdown's popover */
+  placement: WcsDropdownPlacement;
   expanded: boolean;
+  private popper;
+  private buttonTextColor;
+  protected placementChange(): void;
   componentDidLoad(): void;
   private fixForFirefoxBelow63;
   private onButtonClick;
   onWindowClickEvent(event: MouseEvent): void;
-  dropdownItemClick(_: CustomEvent<any>): void;
+  dropdownItemClick(_: CustomEvent<void>): void;
+  componentDidRender(): void;
   render(): any;
 }

package/dist/types/components/dropdown-divider/dropdown-divider.d.ts

@@ -0,0 +1,3 @@
+export declare class DropdownDivider {
+  render(): any;
+}

package/dist/types/components/dropdown-header/dropdown-header.d.ts

@@ -0,0 +1,3 @@
+export declare class DropdownHeader {
+  render(): any;
+}

package/dist/types/components/editable-field/editable-field-interface.d.ts

@@ -9,3 +9,4 @@ export interface EditableComponentUpdateEvent {
   successHandler: () => void;
   errorhandler: () => void;
 }
+export declare type EditableFieldType = 'input' | 'textarea' | 'select';

package/dist/types/components/editable-field/editable-field.d.ts

@@ -1,5 +1,5 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
-import { EditableComponentUpdateEvent, FormatFn, ValidateFn } from './editable-field-interface';
+import { EditableComponentUpdateEvent, EditableFieldType, FormatFn, ValidateFn } from './editable-field-interface';
 declare enum EditableComponentState {
   DISPLAY = 0,
   EDIT = 1,
@@ -11,7 +11,7 @@ export declare class EditableField implements ComponentInterface {
   /**
    * Specifies which component is used for editing
    */
-  type: 'input' | 'textarea' | 'select';
+  type: EditableFieldType;
   /**
    * Label of the field
    */

package/dist/types/components/form-field/form-field.d.ts

@@ -9,10 +9,6 @@ export declare class FormField implements ComponentInterface {
    * Specifies whether the form field is in an error state. Displays the field border in red and the message contained in the wcs-error component
    */
   isError: boolean;
-  /**
-   * Name of the material icon to add to the field
-   */
-  icon: any;
   hasPrefix: boolean;
   hasSuffix: boolean;
   spiedElement: Element;

package/dist/types/components/grid/grid.d.ts

@@ -46,9 +46,20 @@ export declare class Grid implements ComponentInterface, ComponentDidLoad {
   private wcsGridRowToWcsGridRowData;
   private updateGridRows;
   componentDidLoad(): void;
+  /**
+   * Handle existing column's filters (defined before the grid is instantiated)
+   * @private
+   */
+  private applyInitialSortConfig;
   private getGridColumnsFromTemplate;
   private getGridPaginationsFromTemplate;
   sortChangeEventHandler(event: CustomEvent<WcsGridColumnSortChangeEventDetails>): void;
+  /**
+   * Sorts the grid rows according to the given column's configuration
+   * @param colmun Column from which to extract the sorting configuration
+   * @private
+   */
+  private sortBy;
   /**
    * Update the page's number of all rows
    */

package/dist/types/components/grid-column/grid-column.d.ts

@@ -1,5 +1,5 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
-import { WcsSortOrder, WcsSortFn, WcsGridColumnSortChangeEventDetails, WcsCellFormatter } from '../grid/grid-interface';
+import { WcsCellFormatter, WcsGridColumnSortChangeEventDetails, WcsSortFn, WcsSortOrder } from '../grid/grid-interface';
 export declare class GridColumn implements ComponentInterface {
   el: HTMLWcsGridColumnElement;
   path: string;
@@ -17,6 +17,7 @@ export declare class GridColumn implements ComponentInterface {
   wcsSortChange: EventEmitter<WcsGridColumnSortChangeEventDetails>;
   wcsHiddenChange: EventEmitter<boolean>;
   parseMyObjectProp(newValue: boolean): void;
+  sortOrderChange(_: WcsSortOrder): void;
   emitSortConfig(): void;
   render(): any;
   private onSortClick;

package/dist/types/components/horizontal-stepper/horizontal-stepper-interface.d.ts

@@ -12,6 +12,7 @@ export interface HorizontalStepConfig {
   /** Step button configuration */
   button: StepButton;
 }
+export declare type HorizontalStepperMode = 'linear' | 'nonLinear';
 export declare type StepButton = StepIconButton | StepTextButton;
 export interface StepIconButton {
   kind: 'Icon';

package/dist/types/components/horizontal-stepper/horizontal-stepper.d.ts

@@ -1,6 +1,6 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import { WcsButtonMode } from '../button/button-interface';
-import { HorizontalStepClickEvent, HorizontalStepConfig } from './horizontal-stepper-interface';
+import { HorizontalStepClickEvent, HorizontalStepConfig, HorizontalStepperMode } from './horizontal-stepper-interface';
 export declare class HorizontalStepper implements ComponentInterface {
   el: HTMLWcsHorizontalStepperElement;
   /**
@@ -15,7 +15,7 @@ export declare class HorizontalStepper implements ComponentInterface {
    * Specifies if the stepper is in linear mode (the user can only click on the next step)
    * or non-linear (the user can click on any step)
    */
-  mode: 'linear' | 'nonLinear';
+  mode: HorizontalStepperMode;
   /**
    * Specifies whether a check should be displayed when a step is passed.
    */

package/dist/types/components/input/input.d.ts

@@ -52,6 +52,14 @@ export declare class Input implements ComponentInterface {
    * Set the amount of time, in milliseconds, to wait to trigger the `wcsChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`.
    */
   debounce: number;
+  /**
+   * Prefix displayed before the text field contents. This is not included in the value.
+   */
+  prefixLabel: string;
+  /**
+   * Suffix displayed after the text field contents. This is not included in the value.
+   */
+  suffixLabel: string;
   protected debounceChanged(): void;
   /**
    * If `true`, the user cannot interact with the input.

package/dist/types/components/mat-icon/mat-icon-interface.d.ts

@@ -1 +1,2 @@
 export declare type MaterialIconFamily = 'filled' | 'outlined' | 'twotone' | 'rounded' | 'sharp';
+export declare type MaterialIconSize = 's' | 'm' | 'l' | 'xl';

package/dist/types/components/mat-icon/mat-icon.d.ts

@@ -1,5 +1,5 @@
 import { ComponentInterface } from '../../stencil-public-runtime';
-import { MaterialIconFamily } from './mat-icon-interface';
+import { MaterialIconFamily, MaterialIconSize } from './mat-icon-interface';
 export declare class MatIcon implements ComponentInterface {
   /**
    * Use the icon name from Material Icons
@@ -8,7 +8,7 @@ export declare class MatIcon implements ComponentInterface {
   /**
    * Size of the icon
    */
-  size: 's' | 'm' | 'l' | 'xl';
+  size: MaterialIconSize;
   /**
    * Family of the icon
    */

package/dist/types/components/modal/modal-interface.d.ts

@@ -0,0 +1 @@
+export declare type ModalSize = 's' | 'm' | 'l' | 'xl';

package/dist/types/components/modal/modal.d.ts

@@ -1,9 +1,10 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { ModalSize } from './modal-interface';
 export declare class Modal {
   /**
    * Specifies whether the component should display a backdrop on the entire page
    */
-  backdrop: boolean;
+  withoutBackdrop: boolean;
   /**
    * Displays the modal
    */
@@ -17,6 +18,11 @@ export declare class Modal {
    * if false, it won't close the modal when the escape key is pressed.
    */
   showCloseButton: boolean;
+  /**
+   * There are multiple sizes for modals. The default size is medium (m), however other sizes are available. Select the
+   * size best suited for the content and screen size displaying the modal. Remember to test responsiveness.
+   */
+  size: ModalSize;
   render(): any;
   private onKeyDown;
   private onCloseButtonClick;

package/dist/types/components/radio/radio.component.d.ts

@@ -1,10 +1,11 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import { RadioChosedEvent } from './radio-interface';
+import { RadioGroupMode } from '../radio-group/radio-group-interface';
 export declare class Radio implements ComponentInterface {
   private inputId;
   private inputEl;
   el: HTMLWcsRadioElement;
-  mode: 'radio' | 'option';
+  mode: RadioGroupMode;
   value: any | any[] | undefined | null;
   label: string;
   /**

package/dist/types/components/radio-group/radio-group-interface.d.ts

@@ -1,3 +1,4 @@
 export interface RadioGroupChangeEventDetail {
   value: any | any[] | undefined | null;
 }
+export declare type RadioGroupMode = 'radio' | 'option' | 'horizontal';

package/dist/types/components/radio-group/radio-group.d.ts

@@ -1,10 +1,10 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
-import { RadioGroupChangeEventDetail } from './radio-group-interface';
+import { RadioGroupChangeEventDetail, RadioGroupMode } from './radio-group-interface';
 import { RadioChosedEvent } from '../radio/radio-interface';
 export declare class RadioGroup implements ComponentInterface {
   value: any | any[] | undefined | null;
   name: any;
-  mode: 'radio' | 'option';
+  mode: RadioGroupMode;
   el: HTMLWcsRadioGroupElement;
   /** Emitted when the value has changed. */
   wcsChange: EventEmitter<RadioGroupChangeEventDetail>;

package/dist/types/components/spinner/spinner-interface.d.ts

@@ -0,0 +1 @@
+export declare type WcsSpinnerMode = 'border' | 'growing';

package/dist/types/components/spinner/spinner.d.ts

@@ -1,8 +1,9 @@
 import { ComponentInterface } from '../../stencil-public-runtime';
+import { WcsSpinnerMode } from './spinner-interface';
 export declare class Spinner implements ComponentInterface {
   /**
    * Indicates the spinner display mode.
    * Accepted values: `border` or `growing`
    */
-  mode: 'border' | 'growing';
+  mode: WcsSpinnerMode;
 }

package/dist/types/components/switch/switch-interface.d.ts

@@ -1,3 +1,4 @@
 export interface SwitchChangeEventDetail {
   checked: boolean;
 }
+export declare type SwitchLabelAlignment = 'top' | 'center' | 'bottom';

package/dist/types/components/switch/switch.d.ts

@@ -1,5 +1,5 @@
-import { EventEmitter, ComponentInterface } from '../../stencil-public-runtime';
-import { SwitchChangeEventDetail } from './switch-interface';
+import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+import { SwitchChangeEventDetail, SwitchLabelAlignment } from './switch-interface';
 export declare class Switch implements ComponentInterface {
   private switchId;
   el: HTMLElement;
@@ -12,6 +12,14 @@ export declare class Switch implements ComponentInterface {
    * Emitted when the checked property has changed.
    */
   wcsChange: EventEmitter<SwitchChangeEventDetail>;
+  /**
+   * Specifie the alignment of the switch with the label content
+   */
+  labelAlignment: SwitchLabelAlignment;
+  /**
+   * Specify wether the switch is disabled or not.
+   */
+  disabled: boolean;
   toggleChange(_event: Event): void;
   render(): any;
 }

package/dist/types/components/tooltip/tooltip.d.ts

@@ -1,9 +1,19 @@
 import { ComponentInterface } from '../../stencil-public-runtime';
 import { WcsTooltipPosition } from './tooltip-interface';
+import { Instance, Props } from 'tippy.js';
+/**
+ * Tooltips are used to provide additional information for features available on the website. These can improve the user
+ * experience or simply show additional information. Tooltips appear when the user rolls over or clicks on them
+ * (for longer content).
+ *
+ * Note that this component is based on the Tippy.js library : https://atomiks.github.io/tippyjs/
+ */
 export declare class Tooltip implements ComponentInterface {
   /**
    * The **id** of the element the tooltip's going to describe.
    *
+   * This property cannot be modified after initialization.
+   *
    * @example
    * ```html
    * <span id="tooltiped">Some content</span>
@@ -15,13 +25,67 @@ export declare class Tooltip implements ComponentInterface {
    * Where the tooltip is going to show relative to the element it's describing.
    */
   position: WcsTooltipPosition;
+  /**
+   * Determines if the tooltip has interactive content inside of it, so that it can be hovered over and clicked inside
+   * without hiding.
+   */
+  interactive: boolean;
+  /**
+   * Specifies the maximum width of the tooltip. Useful to prevent it from being too horizontally wide to read.
+   *
+   * If the viewport's width is smaller than maxWidth, core CSS ensures the tippy remains smaller than the screen.
+   */
+  maxWidth: string | number;
+  /**
+   * Delay in ms once a trigger event is fired before the tooltip shows or hides.
+   *
+   * You can provide an array with two values to define a different duration for show and hide.
+   *
+   * `[showDelay, hideDelay]`
+   *
+   * Use null to use default value.
+   */
+  delay: number | [number, number];
+  /**
+   * Duration in ms of the transition animation.
+   */
+  duration: number | [number, number];
+  /**
+   * Determines the events that cause the tooltip to show. Multiple event names are separated by spaces.
+   *
+   * See: https://atomiks.github.io/tippyjs/v6/all-props/#trigger
+   */
+  trigger: string;
+  /**
+   * Allows you to change the theme used by tippy.
+   *
+   * The WCS theme is used by default and uses the WCS CSS variables.
+   *
+   * You can create a theme by following this documentation and choosing a custom name :
+   * https://atomiks.github.io/tippyjs/v6/themes/
+   */
+  theme: string;
   private el;
-  content: HTMLDivElement;
-  target: Element;
-  componentWillLoad(): void;
-  listen(eventName: string, className: 'hide' | 'show'): void;
-  componentDidRender(): void;
-  updatePosition(): void;
+  tippyInstance: Instance<Props>;
+  componentWillLoad(): Promise<void> | void;
+  private updateProps;
+  private updateTippyContent;
+  /**
+   * Programmatically hide the tooltip
+   */
+  hide(): Promise<void>;
+  /**
+   * Programmatically show the tooltip
+   */
+  show(): Promise<void>;
+  /**
+   * Temporarily prevent the tooltip from showing or hiding
+   */
+  disable(): Promise<void>;
+  /**
+   * Re-enable a disabled tooltip
+   */
+  enable(): Promise<void>;
   disconnectedCallback(): void;
   render(): any;
 }