wcs-core 2.9.0 → 2.12.0

package/dist/collection/components/com-nav-submenu/com-nav-submenu.css

@@ -1,69 +1,34 @@
 :host {
   display: block;
-  height: 100%;
+  padding-bottom: var(--wcs-padding);
 }
 :host .menu-button {
-  display: flex;
-  align-items: center;
-  height: 100%;
-  cursor: pointer;
-  user-select: none;
-}
-:host .label {
-  font-size: 16px;
-  cursor: pointer;
+  display: block;
   font-weight: 500;
-  color: var(--wcs-gray);
-  text-decoration: none;
+  padding-left: calc(3 * var(--wcs-base-margin));
 }
 :host .arrow-icon {
-  display: inline-block;
-  font-family: icons;
-  font-size: 0.6rem;
-  line-height: 1;
-  box-sizing: border-box;
-}
-:host .arrow-icon:not([data-open]) {
-  transform: rotate(90deg);
-}
-:host .arrow-icon[data-open] {
-  transform: rotate(-90deg);
+  display: none;
 }
 :host .arrow-container {
-  margin-left: var(--wcs-base-margin);
-}
-:host .drawer {
   display: none;
-  position: absolute;
-  top: 75px;
-  z-index: 8888;
-  left: 0;
-  width: 100%;
-  box-sizing: border-box;
-  padding: 50px;
-  background-color: var(--wcs-primary);
-  color: var(--wcs-white);
-}
-:host .drawer-content {
-  display: flex;
-  justify-content: space-between;
-  max-width: 62.5%;
-  flex: 1;
 }
-:host .drawer-content div:first-child {
-  flex: 0.8;
+:host .label {
+  text-transform: uppercase;
+  font-size: 16px;
+  cursor: unset;
+  font-weight: 500;
+  color: var(--wcs-gray);
+  text-decoration: none;
 }
-:host .drawer-content div {
-  max-width: 260px;
+:host .drawer {
+  display: contents;
 }
-:host .menu-items {
-  padding: 0 80px 0 50px;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
+:host .drawer-container {
+  display: contents;
 }
-:host .menu-items ::slotted(*:not(:first-child)) {
-  margin-top: 24px;
+:host .drawer-description {
+  display: none;
 }
 :host .menu-items ::slotted(a):after {
   font-family: icons;
@@ -78,26 +43,112 @@
   cursor: pointer;
   text-decoration: none;
   font-size: 16px;
-  color: var(--wcs-white);
-}
-:host .drawer-container {
-  display: flex;
-  max-width: var(--wcs-com-content-max-width);
-  margin: 0 auto;
-}
-:host .drawer-container h3 {
-  margin: 0 0 24px 0;
-  font-size: 1.5rem;
-  line-height: 1.25;
-  font-weight: 400;
-}
-:host .drawer-container p {
-  margin-top: 0;
-  margin-bottom: 1rem;
+  color: var(--wcs-gray);
   font-weight: 500;
-  font-size: 1rem;
-  line-height: 1.375;
-}
-:host .drawer[data-open] {
   display: block;
+  padding-top: calc(1.5 * var(--wcs-base-margin));
+  padding-bottom: calc(1.5 * var(--wcs-base-margin));
+  padding-left: calc(6 * var(--wcs-base-margin));
+}
+
+@media screen and (min-width: 576px) {
+  :host {
+    height: 100%;
+    padding-bottom: unset;
+  }
+  :host .menu-button {
+    display: flex;
+    align-items: center;
+    height: 100%;
+    cursor: pointer;
+    user-select: none;
+    font-weight: unset;
+    padding-left: unset;
+  }
+  :host .label {
+    text-transform: unset;
+    cursor: pointer;
+  }
+  :host .arrow-icon {
+    display: inline-block;
+    font-family: icons;
+    font-size: 0.6rem;
+    line-height: 1;
+    box-sizing: border-box;
+  }
+  :host .arrow-container {
+    display: unset;
+    margin-left: var(--wcs-base-margin);
+  }
+  :host .arrow-icon:not([data-open]) {
+    transform: rotate(90deg);
+  }
+  :host .arrow-icon[data-open] {
+    transform: rotate(-90deg);
+  }
+  :host .drawer {
+    display: none;
+    position: absolute;
+    top: 75px;
+    z-index: 8888;
+    left: 0;
+    width: 100%;
+    box-sizing: border-box;
+    padding: 50px;
+    background-color: var(--wcs-primary);
+    color: var(--wcs-white);
+  }
+  :host .drawer-content {
+    display: flex;
+    justify-content: space-between;
+    max-width: 62.5%;
+    flex: 1;
+  }
+  :host .drawer-content div:first-child {
+    flex: 0.8;
+  }
+  :host .drawer-content div {
+    max-width: 260px;
+  }
+  :host .menu-items {
+    padding: 0 80px 0 50px;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
+  }
+  :host .menu-items ::slotted(*:not(:first-child)) {
+    margin-top: 24px;
+  }
+  :host .menu-items ::slotted(a) {
+    color: var(--wcs-white);
+    font-weight: 400;
+    display: unset;
+    padding-top: unset;
+    padding-bottom: unset;
+    padding-left: unset;
+  }
+  :host .drawer-container {
+    display: flex;
+    max-width: var(--wcs-com-content-max-width);
+    margin: 0 auto;
+  }
+  :host .drawer-container h3 {
+    margin: 0 0 24px 0;
+    font-size: 1.5rem;
+    line-height: 1.25;
+    font-weight: 400;
+  }
+  :host .drawer-container p {
+    margin-top: 0;
+    margin-bottom: 1rem;
+    font-weight: 500;
+    font-size: 1rem;
+    line-height: 1.375;
+  }
+  :host .drawer[data-open] {
+    display: block;
+  }
+  :host .drawer-description {
+    display: block;
+  }
 }

package/dist/collection/components/com-nav-submenu/com-nav-submenu.js

@@ -59,7 +59,7 @@ export class ComNavSubmenu {
       h("div", { class: "drawer", "data-open": this.menuOpen },
         h("div", { class: "drawer-container" },
           h("div", { class: "drawer-content" },
-            h("div", null,
+            h("div", { class: "drawer-description" },
               h("h3", null, this.panelTitle),
               h("p", null, this.panelDescription)),
             h("div", { class: "menu-items", onClick: (evt) => this.handleMenuItemsClick(evt) },

package/dist/collection/components/dropdown/dropdown.js

@@ -35,7 +35,9 @@ export class Dropdown {
         }
       ]
     });
-    this.el.shadowRoot.querySelector('.arrow').style.fill = this.buttonTextColor;
+    if (!this.noArrow) {
+      this.el.shadowRoot.querySelector('.arrow').style.fill = this.buttonTextColor;
+    }
     this.fixForFirefoxBelow63();
   }
   fixForFirefoxBelow63() {

package/dist/collection/components/form-field/form-field.js

@@ -65,22 +65,19 @@ export class FormField {
     this.updateLabelRequiredFlag(isRequired, label);
   }
   initSpiedElement() {
-    var _a;
+    var _a, _b;
     const SUPPORTED_COMPONENTS = ['wcs-input', 'wcs-select', 'wcs-textarea', 'wcs-radio-group', 'wcs-switch', 'wcs-checkbox'];
-    this.spiedElement = (_a = this.el.shadowRoot.querySelector('slot:not([name])')) === null || _a === void 0 ? void 0 : _a.assignedElements()[0];
+    this.spiedElement = (_a = this.el.shadowRoot.querySelector('slot:not([name])')) === null || _a === void 0 ? void 0 : _a.assignedElements().filter(n => [...SUPPORTED_COMPONENTS, 'SLOT'].map(x => x.toUpperCase()).indexOf(n.nodeName) !== -1)[0];
     // If the component is used in another web component
-    if (this.spiedElement.tagName === 'SLOT') {
+    if (((_b = this.spiedElement) === null || _b === void 0 ? void 0 : _b.tagName) === 'SLOT') {
       this.spiedElement = (this.spiedElement
         .assignedElements()
         .filter(n => SUPPORTED_COMPONENTS.map(x => x.toUpperCase()).indexOf(n.nodeName) !== -1)[0]);
     }
-    if (!this.spiedElement)
-      throw new Error('You must provide a slotted element in form field');
-    if (SUPPORTED_COMPONENTS
-      .map(x => x.toUpperCase())
-      .indexOf(this.spiedElement.tagName) === -1) {
+    if (!this.spiedElement) {
       // tslint:disable-next-line:no-console
-      console.warn('form-field component support ' + SUPPORTED_COMPONENTS.toString() + '. Some features may not work with the provided component (component ' + this.spiedElement.tagName + ' not natively supported).');
+      console.warn('Form-field component support only ' + SUPPORTED_COMPONENTS.toString() + '. Some features may not work with the provided component.');
+      return;
     }
   }
   updateLabelRequiredFlag(isRequired, label) {

package/dist/collection/components/horizontal-stepper/horizontal-stepper.js

@@ -1,4 +1,4 @@
-import { Component, Host, h, State, Prop, Element, Event, Watch, Method } from '@stencil/core';
+import { Component, Element, Event, h, Host, Method, Prop, State, Watch } from '@stencil/core';
 import { HorizontalStep } from './horizontal-step';
 export class HorizontalStepper {
   constructor() {
@@ -20,16 +20,19 @@ export class HorizontalStepper {
     }
   }
   onCurrentStepChange(newValue, oldValue) {
-    const stepInterval = Math.abs(oldValue - newValue);
-    this.el.style.setProperty('--wcs-progress-bar-animation-duration', 375 / stepInterval + 'ms');
-    if (newValue !== oldValue) {
-      for (let i = 0; i < stepInterval; i++) {
-        setTimeout(() => {
-          this.internalCurrentStep -= (oldValue - newValue) > 0 ? 1 : -1;
-          if (i === stepInterval - 1) {
-            this.el.style.removeProperty('--wcs-progress-bar-animation-duration');
-          }
-        }, (i * (375 / stepInterval)));
+    //Check if the function is called before the component has finished its initialization in which case we do nothing
+    if (this.internalCurrentStep !== undefined) {
+      const stepInterval = Math.abs(oldValue - newValue);
+      this.el.style.setProperty('--wcs-progress-bar-animation-duration', 375 / stepInterval + 'ms');
+      if (newValue !== oldValue) {
+        for (let i = 0; i < stepInterval; i++) {
+          setTimeout(() => {
+            this.internalCurrentStep -= (oldValue - newValue) > 0 ? 1 : -1;
+            if (i === stepInterval - 1) {
+              this.el.style.removeProperty('--wcs-progress-bar-animation-duration');
+            }
+          }, (i * (375 / stepInterval)));
+        }
       }
     }
   }

package/dist/collection/components/input/input.js

@@ -739,7 +739,7 @@ export class Input {
       "mutable": false,
       "complexType": {
         "original": "TextFieldTypes",
-        "resolved": "\"date\" | \"datetime-local\" | \"email\" | \"month\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"time\" | \"url\" | \"week\"",
+        "resolved": "\"date\" | \"datetime-local\" | \"email\" | \"file\" | \"month\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"time\" | \"url\" | \"week\"",
         "references": {
           "TextFieldTypes": {
             "location": "import",

package/dist/collection/components/mat-icon/mat-icon.css

@@ -1,5 +1,7 @@
 :host {
-  display: inline-block;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
 }
 :host .size-s {
   font-size: 18px;

package/dist/collection/components/modal/modal.css

@@ -1,5 +1,4 @@
 wcs-modal {
-  --saas-fix-modal: rgba(var(--wcs-black), 0.5);
   z-index: 999;
   position: fixed;
   top: 0;
@@ -7,56 +6,42 @@ wcs-modal {
   left: 0;
   right: 0;
   display: none;
+  background: rgba(0, 0, 0, 0.4);
 }
 
 wcs-modal[show] {
-  display: block;
-  width: 100%;
-  height: 100%;
-  opacity: 1;
-  display: block;
+  display: flex;
+  height: 100vh;
+  width: 100vw;
+  align-items: center;
+  justify-content: center;
 }
 
 /**
 Backdrop
  */
-wcs-modal[without-backdrop] .wcs-modal-backdrop {
-  display: none;
+wcs-modal[without-backdrop] {
+  background-color: unset;
 }
 wcs-modal[without-backdrop] .wcs-modal-container {
   border: solid 1px var(--wcs-text-light);
 }
 
-.wcs-modal-backdrop {
-  display: block;
-  position: fixed;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  opacity: 0.4;
-  background-color: var(--wcs-black);
-}
-
 /**
 Modal window
  */
 .wcs-modal-container {
-  position: fixed;
-  top: 50%;
-  left: 50%;
+  max-height: var(--wcs-modal-max-height, 80%);
+  background-color: #fff;
+  display: grid;
+  grid-template-columns: 100%;
+  grid-template-rows: auto 1fr auto;
   box-sizing: border-box;
-  max-width: 100%;
-  /* bring your own prefixes */
-  transform: translate(-50%, -50%);
   pointer-events: auto;
-  background-color: #fff;
   background-clip: padding-box;
   border: 0 solid rgba(0, 0, 0, 0.2);
   border-radius: 0.4375rem;
-  outline: 0;
   z-index: 20000;
-  display: block;
   padding: 1.375rem 1.875rem 1.875rem 1.875rem;
 }
 
@@ -91,9 +76,11 @@ Modal window
 .wcs-modal-content {
   font-weight: 400;
   font-size: 16px;
+  overflow-y: auto;
 }
 
 .wcs-modal-actions {
   margin-top: 20px;
-  float: right;
+  display: flex;
+  justify-content: flex-end;
 }

package/dist/collection/components/modal/modal.js

@@ -19,20 +19,23 @@ export class Modal {
      * size best suited for the content and screen size displaying the modal. Remember to test responsiveness.
      */
     this.size = 'm';
+    /**
+     * Specifies whether the component should hide the actions slot or not
+     */
+    this.hideActions = false;
   }
   render() {
     return (h(Host, null,
-      h("div", { class: "wcs-modal-backdrop" }),
       h("div", { class: "wcs-modal-container", "data-size": this.size },
         h("div", { class: "wcs-modal-header" },
           h("h5", null,
             h("slot", { name: "header" })),
           this.showCloseButton && (h("wcs-button", { shape: "round", mode: "clear", class: "wcs-dark", onClick: ($event) => this.onCloseButtonClick($event) },
-            h("i", { class: "material-icons" }, "close")))),
+            h("wcs-mat-icon", { icon: "close" })))),
         h("div", { class: "wcs-modal-content" },
           h("slot", null)),
-        h("div", { class: "wcs-modal-actions" },
-          h("slot", { name: "actions" })))));
+        !this.hideActions && (h("div", { class: "wcs-modal-actions" },
+          h("slot", { name: "actions" }))))));
   }
   onKeyDown(event) {
     if (this.showCloseButton && event.key === 'Escape') {
@@ -130,6 +133,24 @@ export class Modal {
       "attribute": "size",
       "reflect": false,
       "defaultValue": "'m'"
+    },
+    "hideActions": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Specifies whether the component should hide the actions slot or not"
+      },
+      "attribute": "hide-actions",
+      "reflect": true,
+      "defaultValue": "false"
     }
   }; }
   static get events() { return [{

package/dist/collection/components/select/select.js

@@ -119,6 +119,8 @@ export class Select {
     this.optionsEl = this.el.shadowRoot.querySelector('.wcs-select-options');
     this.controlEl = this.el.shadowRoot.querySelector('.wcs-select-control');
     const stateMachine = Machine(SELECT_MACHINE_CONFIG, this.initMachineOptions());
+    // FIXME: type checking failed...
+    // @ts-ignore
     this.stateService = interpret(stateMachine);
     if (this.multiple) {
       this.values = [];

package/dist/collection/components/tooltip/tooltip.js

@@ -64,7 +64,7 @@ export class Tooltip {
     this.tippyInstance = tippy(document.getElementById(this.for), {
       theme: this.theme,
       allowHTML: true,
-      content: this.el.innerHTML,
+      content: this.getTooltipContentFromPropAndSlot(),
       maxWidth: this.maxWidth,
       placement: this.position,
       delay: this.delay,
@@ -73,6 +73,12 @@ export class Tooltip {
       trigger: this.trigger
     });
   }
+  getTooltipContentFromPropAndSlot() {
+    if (this.content) {
+      return this.content + this.el.innerHTML;
+    }
+    return this.el.innerHTML;
+  }
   updateProps() {
     this.tippyInstance.setProps({
       interactive: this.interactive,
@@ -86,7 +92,7 @@ export class Tooltip {
   }
   updateTippyContent() {
     this.tippyInstance.setProps({
-      content: this.el.innerHTML
+      content: this.getTooltipContentFromPropAndSlot()
     });
   }
   /**
@@ -279,6 +285,23 @@ export class Tooltip {
       "attribute": "theme",
       "reflect": false,
       "defaultValue": "'wcs'"
+    },
+    "content": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "You can use this property instead of the slot API to affect content in the tooltip.\n\nThis makes it easier to manage the update if the tooltip contains elements that are not mutated when their\ncontent changes. Indeed, if the slot is used, the tooltip is updated only if the structure of the slotted DOM\nchanges (the DOM must be mutated).\n\nThe two APIs are not mutually exclusive, if both are filled in (the prop + the slot) the rendering will first\ndisplay the content of this property and then the slotted elements."
+      },
+      "attribute": "content",
+      "reflect": false
     }
   }; }
   static get methods() { return {
@@ -369,5 +392,8 @@ export class Tooltip {
     }, {
       "propName": "trigger",
       "methodName": "updateProps"
+    }, {
+      "propName": "content",
+      "methodName": "updateTippyContent"
     }]; }
 }

package/dist/esm/loader.js

@@ -10,7 +10,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  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);
+  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-modal",[[4,"wcs-modal",{"withoutBackdrop":[516,"without-backdrop"],"show":[516],"showCloseButton":[516,"show-close-button"],"size":[1],"hideActions":[516,"hide-actions"]},[[4,"keydown","onKeyDown"]]]]],["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-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-accordion",[[1,"wcs-accordion",null,[[0,"wcsOpenChange","wcsOpenChangeHandler"]]]]],["wcs-accordion-content",[[1,"wcs-accordion-content"]]],["wcs-accordion-header",[[1,"wcs-accordion-header"]]],["wcs-accordion-panel",[[1,"wcs-accordion-panel",{"open":[1540],"close":[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"],"mobileMenuOpen":[32],"currentActiveSizing":[32]}]]],["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],"content":[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);
   });
 };