wcs-core 2.6.0 → 2.10.0

package/dist/types/components.d.ts

@@ -5,19 +5,24 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { BadgeColor, BadgeShape } from "./components/badge/badge-interface";
 import { WcsButtonMode, WcsButtonShape, WcsButtonType } from "./components/button/button-interface";
+import { CardMode } from "./components/card/card-interface";
 import { CheckboxChangeEventDetail, CheckboxLabelAlignment } from "./components/checkbox/checkbox-interface";
 import { CategoryOpenedEventDetail, MenuOpenedEventDetail } from "./components/com-nav/com-nav-interface";
-import { EditableComponentUpdateEvent, FormatFn, ValidateFn } from "./components/editable-field/editable-field-interface";
+import { WcsDropdownPlacement } from "./components/dropdown/dropdown-interface";
+import { EditableComponentUpdateEvent, EditableFieldType, FormatFn, ValidateFn } from "./components/editable-field/editable-field-interface";
 import { WcsCellFormatter, WcsGridAllRowSelectedEventDetails, WcsGridColumnSortChangeEventDetails, WcsGridPaginationChangeEventDetails, WcsGridRowSelectedEventDetails, WcsGridSelectionConfig, WcsSortFn, WcsSortOrder } from "./components/grid/grid-interface";
-import { HorizontalStepClickEvent, HorizontalStepConfig } from "./components/horizontal-stepper/horizontal-stepper-interface";
+import { HorizontalStepClickEvent, HorizontalStepConfig, HorizontalStepperMode } from "./components/horizontal-stepper/horizontal-stepper-interface";
 import { AutocompleteTypes, InputChangeEventDetail, TextFieldTypes } from "./components/input/input-interface";
-import { MaterialIconFamily } from "./components/mat-icon/mat-icon-interface";
+import { MaterialIconFamily, MaterialIconSize } from "./components/mat-icon/mat-icon-interface";
+import { ModalSize } from "./components/modal/modal-interface";
+import { RadioGroupChangeEventDetail, RadioGroupMode } from "./components/radio-group/radio-group-interface";
 import { RadioChosedEvent } from "./components/radio/radio-interface";
-import { RadioGroupChangeEventDetail } from "./components/radio-group/radio-group-interface";
 import { SelectChangeEventDetail } from "./components/select/select-interface";
 import { SelectOptionChosedEvent } from "./components/select-option/select-option-interface";
-import { SwitchChangeEventDetail } from "./components/switch/switch-interface";
+import { WcsSpinnerMode } from "./components/spinner/spinner-interface";
+import { SwitchChangeEventDetail, SwitchLabelAlignment } from "./components/switch/switch-interface";
 import { WcsTabChangeEvent, WcsTabsAlignment } from "./components/tabs/tabs-interface";
 import { TextareaChangeEventDetail } from "./components/textarea/textarea-interface";
 import { WcsTooltipPosition } from "./components/tooltip/tooltip-interface";
@@ -34,11 +39,11 @@ export namespace Components {
         /**
           * 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;
         /**
           * Define the shape of the badge
          */
-        "shape": 'normal' | 'rounded';
+        "shape": BadgeShape;
     }
     interface WcsButton {
         /**
@@ -67,7 +72,7 @@ export namespace Components {
         "type": WcsButtonType;
     }
     interface WcsCard {
-        "mode": 'flat' | 'raised';
+        "mode": CardMode;
     }
     interface WcsCardBody {
     }
@@ -76,6 +81,10 @@ export namespace Components {
           * If `true`, the checkbox is selected.
          */
         "checked": boolean;
+        /**
+          * Specify wether the checkbox is disabled or not.
+         */
+        "disabled": boolean;
         /**
           * If `true` the checkbox is in indeterminate state.
          */
@@ -116,10 +125,31 @@ export namespace Components {
     interface WcsDivider {
     }
     interface WcsDropdown {
+        /**
+          * Specifies whether the dropdown button is clickable or not
+         */
         "disabled": boolean;
+        /**
+          * Dropdown's button mode
+         */
         "mode": WcsButtonMode;
+        /**
+          * Hides the arrow in the button
+         */
+        "noArrow": boolean;
+        /**
+          * placement of the dropdown's popover
+         */
+        "placement": WcsDropdownPlacement;
+        /**
+          * Dropdown's button shape
+         */
         "shape": WcsButtonShape;
     }
+    interface WcsDropdownDivider {
+    }
+    interface WcsDropdownHeader {
+    }
     interface WcsDropdownItem {
     }
     interface WcsEditableField {
@@ -142,7 +172,7 @@ export namespace Components {
         /**
           * Specifies which component is used for editing
          */
-        "type": 'input' | 'textarea' | 'select';
+        "type": EditableFieldType;
         /**
           * Function to customize the validation of the data during the update
          */
@@ -163,10 +193,6 @@ export namespace Components {
     interface WcsFooter {
     }
     interface WcsFormField {
-        /**
-          * Name of the material icon to add to the field
-         */
-        "icon": any;
         /**
           * 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
          */
@@ -256,7 +282,7 @@ export namespace Components {
         /**
           * 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;
         "next": () => Promise<void>;
         "previous": () => Promise<void>;
         /**
@@ -357,6 +383,10 @@ export namespace Components {
           * Instructional text that shows before the input has a value.
          */
         "placeholder"?: string | null;
+        /**
+          * Prefix displayed before the text field contents. This is not included in the value.
+         */
+        "prefixLabel": string;
         /**
           * If `true`, the user cannot modify the value.
          */
@@ -389,6 +419,10 @@ export namespace Components {
           * Works with the min and max attributes to limit the increments at which a value can be set. Possible values are: `"any"` or a positive floating point number.
          */
         "step"?: string;
+        /**
+          * Suffix displayed after the text field contents. This is not included in the value.
+         */
+        "suffixLabel": string;
         /**
           * The type of control to display. The default type is text.
          */
@@ -423,13 +457,9 @@ export namespace Components {
         /**
           * Size of the icon
          */
-        "size": 's' | 'm' | 'l' | 'xl';
+        "size": MaterialIconSize;
     }
     interface WcsModal {
-        /**
-          * Specifies whether the component should display a backdrop on the entire page
-         */
-        "backdrop": boolean;
         /**
           * Displays the modal
          */
@@ -438,6 +468,14 @@ export namespace Components {
           * Specifies whether the component should display a close button. 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;
+        /**
+          * Specifies whether the component should display a backdrop on the entire page
+         */
+        "withoutBackdrop": boolean;
     }
     interface WcsNav {
     }
@@ -480,11 +518,11 @@ export namespace Components {
          */
         "disabled": boolean;
         "label": string;
-        "mode": 'radio' | 'option';
+        "mode": RadioGroupMode;
         "value": any | any[] | undefined | null;
     }
     interface WcsRadioGroup {
-        "mode": 'radio' | 'option';
+        "mode": RadioGroupMode;
         "name": any;
         "value": any | any[] | undefined | null;
     }
@@ -557,13 +595,21 @@ export namespace Components {
         /**
           * Indicates the spinner display mode. Accepted values: `border` or `growing`
          */
-        "mode": 'border' | 'growing';
+        "mode": WcsSpinnerMode;
     }
     interface WcsSwitch {
         /**
           * If `true`, the switch is selected.
          */
         "checked": boolean;
+        /**
+          * Specify wether the switch is disabled or not.
+         */
+        "disabled": boolean;
+        /**
+          * Specifie the alignment of the switch with the label content
+         */
+        "labelAlignment": SwitchLabelAlignment;
         "name": string;
     }
     interface WcsTab {
@@ -700,14 +746,54 @@ export namespace Components {
     }
     interface WcsTooltip {
         /**
-          * The **id** of the element the tooltip's going to describe.
+          * 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];
+        /**
+          * Temporarily prevent the tooltip from showing or hiding
+         */
+        "disable": () => Promise<void>;
+        /**
+          * Duration in ms of the transition animation.
+         */
+        "duration": number | [number, number];
+        /**
+          * Re-enable a disabled tooltip
+         */
+        "enable": () => Promise<void>;
+        /**
+          * 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> <wcs-tooltip for="tooltiped">A tooltip!</wcs-tooltip> ```
          */
         "for": string;
+        /**
+          * Programmatically hide the tooltip
+         */
+        "hide": () => Promise<void>;
+        /**
+          * 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;
         /**
           * Where the tooltip is going to show relative to the element it's describing.
          */
         "position": WcsTooltipPosition;
+        /**
+          * Programmatically show the tooltip
+         */
+        "show": () => Promise<void>;
+        /**
+          * 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;
+        /**
+          * 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;
     }
 }
 declare global {
@@ -783,6 +869,18 @@ declare global {
         prototype: HTMLWcsDropdownElement;
         new (): HTMLWcsDropdownElement;
     };
+    interface HTMLWcsDropdownDividerElement extends Components.WcsDropdownDivider, HTMLStencilElement {
+    }
+    var HTMLWcsDropdownDividerElement: {
+        prototype: HTMLWcsDropdownDividerElement;
+        new (): HTMLWcsDropdownDividerElement;
+    };
+    interface HTMLWcsDropdownHeaderElement extends Components.WcsDropdownHeader, HTMLStencilElement {
+    }
+    var HTMLWcsDropdownHeaderElement: {
+        prototype: HTMLWcsDropdownHeaderElement;
+        new (): HTMLWcsDropdownHeaderElement;
+    };
     interface HTMLWcsDropdownItemElement extends Components.WcsDropdownItem, HTMLStencilElement {
     }
     var HTMLWcsDropdownItemElement: {
@@ -1030,6 +1128,8 @@ declare global {
         "wcs-com-nav-submenu": HTMLWcsComNavSubmenuElement;
         "wcs-divider": HTMLWcsDividerElement;
         "wcs-dropdown": HTMLWcsDropdownElement;
+        "wcs-dropdown-divider": HTMLWcsDropdownDividerElement;
+        "wcs-dropdown-header": HTMLWcsDropdownHeaderElement;
         "wcs-dropdown-item": HTMLWcsDropdownItemElement;
         "wcs-editable-field": HTMLWcsEditableFieldElement;
         "wcs-error": HTMLWcsErrorElement;
@@ -1084,11 +1184,11 @@ declare namespace LocalJSX {
         /**
           * 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;
         /**
           * Define the shape of the badge
          */
-        "shape"?: 'normal' | 'rounded';
+        "shape"?: BadgeShape;
     }
     interface WcsButton {
         /**
@@ -1117,7 +1217,7 @@ declare namespace LocalJSX {
         "type"?: WcsButtonType;
     }
     interface WcsCard {
-        "mode"?: 'flat' | 'raised';
+        "mode"?: CardMode;
     }
     interface WcsCardBody {
     }
@@ -1126,6 +1226,10 @@ declare namespace LocalJSX {
           * If `true`, the checkbox is selected.
          */
         "checked"?: boolean;
+        /**
+          * Specify wether the checkbox is disabled or not.
+         */
+        "disabled"?: boolean;
         /**
           * If `true` the checkbox is in indeterminate state.
          */
@@ -1157,10 +1261,31 @@ declare namespace LocalJSX {
     interface WcsDivider {
     }
     interface WcsDropdown {
+        /**
+          * Specifies whether the dropdown button is clickable or not
+         */
         "disabled"?: boolean;
+        /**
+          * Dropdown's button mode
+         */
         "mode"?: WcsButtonMode;
+        /**
+          * Hides the arrow in the button
+         */
+        "noArrow"?: boolean;
+        /**
+          * placement of the dropdown's popover
+         */
+        "placement"?: WcsDropdownPlacement;
+        /**
+          * Dropdown's button shape
+         */
         "shape"?: WcsButtonShape;
     }
+    interface WcsDropdownDivider {
+    }
+    interface WcsDropdownHeader {
+    }
     interface WcsDropdownItem {
         "onWcsDropdownItemClick"?: (event: CustomEvent<void>) => void;
     }
@@ -1188,7 +1313,7 @@ declare namespace LocalJSX {
         /**
           * Specifies which component is used for editing
          */
-        "type"?: 'input' | 'textarea' | 'select';
+        "type"?: EditableFieldType;
         /**
           * Function to customize the validation of the data during the update
          */
@@ -1209,10 +1334,6 @@ declare namespace LocalJSX {
     interface WcsFooter {
     }
     interface WcsFormField {
-        /**
-          * Name of the material icon to add to the field
-         */
-        "icon"?: any;
         /**
           * 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
          */
@@ -1313,7 +1434,7 @@ declare namespace LocalJSX {
         /**
           * 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;
         /**
           * Emits when the user selects a new step.
          */
@@ -1424,6 +1545,10 @@ declare namespace LocalJSX {
           * Instructional text that shows before the input has a value.
          */
         "placeholder"?: string | null;
+        /**
+          * Prefix displayed before the text field contents. This is not included in the value.
+         */
+        "prefixLabel"?: string;
         /**
           * If `true`, the user cannot modify the value.
          */
@@ -1448,6 +1573,10 @@ declare namespace LocalJSX {
           * Works with the min and max attributes to limit the increments at which a value can be set. Possible values are: `"any"` or a positive floating point number.
          */
         "step"?: string;
+        /**
+          * Suffix displayed after the text field contents. This is not included in the value.
+         */
+        "suffixLabel"?: string;
         /**
           * The type of control to display. The default type is text.
          */
@@ -1482,13 +1611,9 @@ declare namespace LocalJSX {
         /**
           * Size of the icon
          */
-        "size"?: 's' | 'm' | 'l' | 'xl';
+        "size"?: MaterialIconSize;
     }
     interface WcsModal {
-        /**
-          * Specifies whether the component should display a backdrop on the entire page
-         */
-        "backdrop"?: boolean;
         /**
           * Triggered when the user leaves the dialog with the closing button.
          */
@@ -1501,6 +1626,14 @@ declare namespace LocalJSX {
           * Specifies whether the component should display a close button. 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;
+        /**
+          * Specifies whether the component should display a backdrop on the entire page
+         */
+        "withoutBackdrop"?: boolean;
     }
     interface WcsNav {
     }
@@ -1543,12 +1676,12 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         "label"?: string;
-        "mode"?: 'radio' | 'option';
+        "mode"?: RadioGroupMode;
         "onWcsRadioClick"?: (event: CustomEvent<RadioChosedEvent>) => void;
         "value"?: any | any[] | undefined | null;
     }
     interface WcsRadioGroup {
-        "mode"?: 'radio' | 'option';
+        "mode"?: RadioGroupMode;
         "name"?: any;
         /**
           * Emitted when the value has changed.
@@ -1625,13 +1758,21 @@ declare namespace LocalJSX {
         /**
           * Indicates the spinner display mode. Accepted values: `border` or `growing`
          */
-        "mode"?: 'border' | 'growing';
+        "mode"?: WcsSpinnerMode;
     }
     interface WcsSwitch {
         /**
           * If `true`, the switch is selected.
          */
         "checked"?: boolean;
+        /**
+          * Specify wether the switch is disabled or not.
+         */
+        "disabled"?: boolean;
+        /**
+          * Specifie the alignment of the switch with the label content
+         */
+        "labelAlignment"?: SwitchLabelAlignment;
         "name"?: string;
         /**
           * Emitted when the checked property has changed.
@@ -1778,14 +1919,38 @@ declare namespace LocalJSX {
     }
     interface WcsTooltip {
         /**
-          * The **id** of the element the tooltip's going to describe.
+          * 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];
+        /**
+          * 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> <wcs-tooltip for="tooltiped">A tooltip!</wcs-tooltip> ```
          */
         "for"?: string;
+        /**
+          * 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;
         /**
           * Where the tooltip is going to show relative to the element it's describing.
          */
         "position"?: WcsTooltipPosition;
+        /**
+          * 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;
+        /**
+          * 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;
     }
     interface IntrinsicElements {
         "wcs-action-bar": WcsActionBar;
@@ -1800,6 +1965,8 @@ declare namespace LocalJSX {
         "wcs-com-nav-submenu": WcsComNavSubmenu;
         "wcs-divider": WcsDivider;
         "wcs-dropdown": WcsDropdown;
+        "wcs-dropdown-divider": WcsDropdownDivider;
+        "wcs-dropdown-header": WcsDropdownHeader;
         "wcs-dropdown-item": WcsDropdownItem;
         "wcs-editable-field": WcsEditableField;
         "wcs-error": WcsError;
@@ -1857,6 +2024,8 @@ declare module "@stencil/core" {
             "wcs-com-nav-submenu": LocalJSX.WcsComNavSubmenu & JSXBase.HTMLAttributes<HTMLWcsComNavSubmenuElement>;
             "wcs-divider": LocalJSX.WcsDivider & JSXBase.HTMLAttributes<HTMLWcsDividerElement>;
             "wcs-dropdown": LocalJSX.WcsDropdown & JSXBase.HTMLAttributes<HTMLWcsDropdownElement>;
+            "wcs-dropdown-divider": LocalJSX.WcsDropdownDivider & JSXBase.HTMLAttributes<HTMLWcsDropdownDividerElement>;
+            "wcs-dropdown-header": LocalJSX.WcsDropdownHeader & JSXBase.HTMLAttributes<HTMLWcsDropdownHeaderElement>;
             "wcs-dropdown-item": LocalJSX.WcsDropdownItem & JSXBase.HTMLAttributes<HTMLWcsDropdownItemElement>;
             "wcs-editable-field": LocalJSX.WcsEditableField & JSXBase.HTMLAttributes<HTMLWcsEditableFieldElement>;
             "wcs-error": LocalJSX.WcsError & JSXBase.HTMLAttributes<HTMLWcsErrorElement>;

package/dist/types/interfaces.d.ts

@@ -0,0 +1,22 @@
+export * from './components';
+export * from './components/badge/badge-interface';
+export * from './components/button/button-interface';
+export * from './components/card/card-interface';
+export * from './components/checkbox/checkbox-interface';
+export * from './components/com-nav/com-nav-interface';
+export * from './components/dropdown/dropdown-interface';
+export * from './components/editable-field/editable-field-interface';
+export * from './components/grid/grid-interface';
+export * from './components/horizontal-stepper/horizontal-stepper-interface';
+export * from './components/input/input-interface';
+export * from './components/mat-icon/mat-icon-interface';
+export * from './components/modal/modal-interface';
+export * from './components/radio/radio-interface';
+export * from './components/radio-group/radio-group-interface';
+export * from './components/select/select-interface';
+export * from './components/select-option/select-option-interface';
+export * from './components/spinner/spinner-interface';
+export * from './components/switch/switch-interface';
+export * from './components/tabs/tabs-interface';
+export * from './components/textarea/textarea-interface';
+export * from './components/tooltip/tooltip-interface';

package/dist/types/stencil-public-runtime.d.ts

@@ -666,7 +666,7 @@ export declare namespace JSXBase {
         use: JSXBase.SVGAttributes;
         view: JSXBase.SVGAttributes;
     }
-    interface SlotAttributes {
+    interface SlotAttributes extends JSXAttributes {
         name?: string;
         slot?: string;
         onSlotchange?: (event: Event) => void;
@@ -1427,9 +1427,7 @@ export declare namespace JSXBase {
         z?: number | string;
         zoomAndPan?: string;
     }
-    interface DOMAttributes<T = Element> {
-        key?: string | number;
-        ref?: (elm?: T) => void;
+    interface DOMAttributes<T> extends JSXAttributes<T> {
         slot?: string;
         part?: string;
         exportparts?: string;
@@ -1550,6 +1548,10 @@ export declare namespace JSXBase {
         onTransitionEndCapture?: (event: TransitionEvent) => void;
     }
 }
+export interface JSXAttributes<T = Element> {
+    key?: string | number;
+    ref?: (elm?: T) => void;
+}
 export interface CustomElementsDefineOptions {
     exclude?: string[];
     resourcesUrl?: string;

package/dist/types/utils/helpers.d.ts

@@ -26,3 +26,4 @@ export declare const raf: (h: any) => any;
  * Return true if the mouseEvent click is inside the given HTML element
  */
 export declare const clickInsideElement: (event: MouseEvent, element: HTMLElement) => boolean;
+export declare const clickTargetIsElementOrChildren: (mouseEvent: MouseEvent, element: HTMLElement) => boolean;

package/dist/wcs/{p-64523291.entry.js → p-22813c8e.entry.js}

@@ -1 +1 @@
-import{r as t,h as s,H as e}from"./p-f46e6c3c.js";let i=class{constructor(s){t(this,s),this.size="m",this.family="filled"}componentWillLoad(){this.onFamilyChange()}componentDidLoad(){this.appendMaterialStylesheet()}appendMaterialStylesheet(){let t=document.querySelector(`link[href="${this.familyFile}"]`);t||(t=document.createElement("link"),t.setAttribute("rel","stylesheet"),t.setAttribute("href",this.familyFile),document.head.appendChild(t))}onFamilyChange(){switch(this.familyFile="https://fonts.googleapis.com/icon?family=",this.family){case"filled":this.familyFile+="Material+Icons",this.familyClass="material-icons";break;case"outlined":this.familyFile+="Material+Icons+Outlined",this.familyClass="material-icons-outlined";break;case"twotone":this.familyFile+="Material+Icons+Two+Tone",this.familyClass="material-icons-two-tone";break;case"rounded":this.familyFile+="Material+Icons+Round",this.familyClass="material-icons-round";break;case"sharp":this.familyFile+="Material+Icons+Sharp",this.familyClass="material-icons-sharp"}this.appendMaterialStylesheet()}render(){return s(e,null,s("link",{rel:"stylesheet",type:"text/css",href:this.familyFile}),s("i",{class:this.familyClass+" size-"+this.size},this.icon))}static get watchers(){return{family:["onFamilyChange"]}}};i.style=":host{display:flex}:host .size-s{font-size:18px}:host .size-m{font-size:24px}:host .size-l{font-size:36px}:host .size-xl{font-size:48px}";export{i as wcs_mat_icon}
+import{r as t,h as s,H as e}from"./p-f46e6c3c.js";let i=class{constructor(s){t(this,s),this.size="m",this.family="filled"}componentWillLoad(){this.onFamilyChange()}componentDidLoad(){this.appendMaterialStylesheet()}appendMaterialStylesheet(){let t=document.querySelector(`link[href="${this.familyFile}"]`);t||(t=document.createElement("link"),t.setAttribute("rel","stylesheet"),t.setAttribute("href",this.familyFile),document.head.appendChild(t))}onFamilyChange(){switch(this.familyFile="https://fonts.googleapis.com/icon?family=",this.family){case"filled":this.familyFile+="Material+Icons",this.familyClass="material-icons";break;case"outlined":this.familyFile+="Material+Icons+Outlined",this.familyClass="material-icons-outlined";break;case"twotone":this.familyFile+="Material+Icons+Two+Tone",this.familyClass="material-icons-two-tone";break;case"rounded":this.familyFile+="Material+Icons+Round",this.familyClass="material-icons-round";break;case"sharp":this.familyFile+="Material+Icons+Sharp",this.familyClass="material-icons-sharp"}this.appendMaterialStylesheet()}render(){return s(e,null,s("link",{rel:"stylesheet",type:"text/css",href:this.familyFile}),s("i",{class:this.familyClass+" size-"+this.size},this.icon))}static get watchers(){return{family:["onFamilyChange"]}}};i.style=":host{display:inline-block}:host .size-s{font-size:18px}:host .size-m{font-size:24px}:host .size-l{font-size:36px}:host .size-xl{font-size:48px}";export{i as wcs_mat_icon}

package/dist/wcs/{p-356a8e3b.entry.js → p-384068f7.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,a as i,h as e,H as r,g as a}from"./p-f46e6c3c.js";import{d as h,i as o,r as n,f as c}from"./p-83f1ad32.js";let l=class{constructor(i){t(this,i),this.wcsChange=s(this,"wcsChange",7),this.wcsInput=s(this,"wcsInput",7),this.wcsBlur=s(this,"wcsBlur",7),this.wcsFocus=s(this,"wcsFocus",7),this.inputId="wcs-textarea-"+d++,this.didBlurAfterEdit=!1,this.inheritedAttributes={},this.fireFocusEvents=!0,this.hasFocus=!1,this.autocapitalize="none",this.autofocus=!1,this.clearOnEdit=!1,this.debounce=0,this.disabled=!1,this.name=this.inputId,this.readonly=!1,this.required=!1,this.spellcheck=!1,this.state="initial",this.autoGrow=!1,this.value="",this.onInput=t=>{this.nativeInput&&(this.value=this.nativeInput.value),this.wcsInput.emit(t)},this.onFocus=t=>{this.hasFocus=!0,this.focusChange(),this.fireFocusEvents&&this.wcsFocus.emit(t)},this.onBlur=t=>{this.hasFocus=!1,this.focusChange(),this.fireFocusEvents&&this.wcsBlur.emit(t)},this.onKeyDown=()=>{this.checkClearOnEdit()}}debounceChanged(){this.wcsChange=h(this.wcsChange,this.debounce)}valueChanged(){const t=this.nativeInput,s=this.getValue();t&&t.value!==s&&(t.value=s),this.runAutoGrow(),this.wcsChange.emit({value:s})}connectedCallback(){this.debounceChanged(),document.dispatchEvent(new CustomEvent("wcsInputDidLoad",{detail:this.el}))}disconnectedCallback(){document.dispatchEvent(new CustomEvent("wcsInputDidUnload",{detail:this.el}))}componentWillLoad(){this.inheritedAttributes=o(this.el,["title"])}componentDidLoad(){n((()=>this.runAutoGrow()))}runAutoGrow(){const t=this.nativeInput;t&&this.autoGrow&&i((()=>{t.style.height="auto",t.style.height=t.scrollHeight+"px"}))}async fitContent(){n((()=>this.runAutoGrow()))}async setFocus(){this.nativeInput&&this.nativeInput.focus()}async setBlur(){this.nativeInput&&this.nativeInput.blur()}getInputElement(){return Promise.resolve(this.nativeInput)}checkClearOnEdit(){this.clearOnEdit&&(this.didBlurAfterEdit&&this.hasValue()&&(this.value=""),this.didBlurAfterEdit=!1)}focusChange(){this.clearOnEdit&&!this.hasFocus&&this.hasValue()&&(this.didBlurAfterEdit=!0)}hasValue(){return""!==this.getValue()}getValue(){return this.value||""}render(){const t=this.getValue(),s=this.inputId+"-lbl",i=c(this.el);return i&&(i.id=s),e(r,{"aria-disabled":this.disabled?"true":null},this.icon?e("wcs-mat-icon",{icon:this.icon,size:"m"}):null,e("textarea",Object.assign({class:"native-textarea","aria-labelledby":i?s:null,ref:t=>this.nativeInput=t,autoCapitalize:this.autocapitalize,autoFocus:this.autofocus,enterKeyHint:this.enterkeyhint,inputMode:this.inputmode,disabled:this.disabled,maxLength:this.maxlength,minLength:this.minlength,name:this.name,placeholder:this.placeholder||"",readOnly:this.readonly,required:this.required,spellcheck:this.spellcheck,cols:this.cols,rows:this.rows,wrap:this.wrap,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,onKeyDown:this.onKeyDown},this.inheritedAttributes),t))}get el(){return a(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}},d=0;l.style=":host{--wcs-textarea-icon-color:var(--wcs-text-medium);--wcs-internal-textarea-border-radius-left:var(--wcs-textarea-border-radius-left, var(--wcs-border-radius));--wcs-internal-textarea-border-radius-right:var(--wcs-textarea-border-radius-right, var(--wcs-border-radius));display:flex;flex-direction:row;width:100%;border-radius:var(--wcs-internal-textarea-border-radius-left) var(--wcs-internal-textarea-border-radius-right) var(--wcs-internal-textarea-border-radius-right) var(--wcs-internal-textarea-border-radius-left);background-color:var(--wcs-light);border:1px solid var(--wcs-light);background-clip:padding-box}:host ::placeholder{font-weight:400;font-style:italic}:host textarea{overflow:auto;flex:1;width:100%;box-sizing:border-box;min-height:24px;background-color:transparent;font-family:var(--wcs-font-sans-serif);color:var(--wcs-primary);font-weight:var(--wcs-font-weight-form-value) !important;border:none;padding:calc(var(--wcs-padding) / 2) var(--wcs-padding);font-size:1rem;line-height:1.5}:host textarea:focus{box-shadow:none;outline:0}:host wcs-mat-icon{position:relative;margin-top:7px;margin-left:8px;margin-right:-8px}:host([state=error]){border-color:var(--wcs-red) !important}:host(:focus-within){border:solid 1px var(--wcs-primary)}:host(:focus-within) wcs-mat-icon{color:var(--wcs-primary)}";export{l as wcs_textarea}
+import{r as t,c as s,a as i,h as e,H as r,g as a}from"./p-f46e6c3c.js";import{d as h,i as o,r as n,f as c}from"./p-cf4d7a83.js";let d=class{constructor(i){t(this,i),this.wcsChange=s(this,"wcsChange",7),this.wcsInput=s(this,"wcsInput",7),this.wcsBlur=s(this,"wcsBlur",7),this.wcsFocus=s(this,"wcsFocus",7),this.inputId="wcs-textarea-"+l++,this.didBlurAfterEdit=!1,this.inheritedAttributes={},this.fireFocusEvents=!0,this.hasFocus=!1,this.autocapitalize="none",this.autofocus=!1,this.clearOnEdit=!1,this.debounce=0,this.disabled=!1,this.name=this.inputId,this.readonly=!1,this.required=!1,this.spellcheck=!1,this.state="initial",this.autoGrow=!1,this.value="",this.onInput=t=>{this.nativeInput&&(this.value=this.nativeInput.value),this.wcsInput.emit(t)},this.onFocus=t=>{this.hasFocus=!0,this.focusChange(),this.fireFocusEvents&&this.wcsFocus.emit(t)},this.onBlur=t=>{this.hasFocus=!1,this.focusChange(),this.fireFocusEvents&&this.wcsBlur.emit(t)},this.onKeyDown=()=>{this.checkClearOnEdit()}}debounceChanged(){this.wcsChange=h(this.wcsChange,this.debounce)}valueChanged(){const t=this.nativeInput,s=this.getValue();t&&t.value!==s&&(t.value=s),this.runAutoGrow(),this.wcsChange.emit({value:s})}connectedCallback(){this.debounceChanged(),document.dispatchEvent(new CustomEvent("wcsInputDidLoad",{detail:this.el}))}disconnectedCallback(){document.dispatchEvent(new CustomEvent("wcsInputDidUnload",{detail:this.el}))}componentWillLoad(){this.inheritedAttributes=o(this.el,["title"])}componentDidLoad(){n((()=>this.runAutoGrow()))}runAutoGrow(){const t=this.nativeInput;t&&this.autoGrow&&i((()=>{t.style.height="auto",t.style.height=t.scrollHeight+"px"}))}async fitContent(){n((()=>this.runAutoGrow()))}async setFocus(){this.nativeInput&&this.nativeInput.focus()}async setBlur(){this.nativeInput&&this.nativeInput.blur()}getInputElement(){return Promise.resolve(this.nativeInput)}checkClearOnEdit(){this.clearOnEdit&&(this.didBlurAfterEdit&&this.hasValue()&&(this.value=""),this.didBlurAfterEdit=!1)}focusChange(){this.clearOnEdit&&!this.hasFocus&&this.hasValue()&&(this.didBlurAfterEdit=!0)}hasValue(){return""!==this.getValue()}getValue(){return this.value||""}render(){const t=this.getValue(),s=this.inputId+"-lbl",i=c(this.el);return i&&(i.id=s),e(r,{"aria-disabled":this.disabled?"true":null},this.icon?e("wcs-mat-icon",{icon:this.icon,size:"m"}):null,e("textarea",Object.assign({class:"native-textarea","aria-labelledby":i?s:null,ref:t=>this.nativeInput=t,autoCapitalize:this.autocapitalize,autoFocus:this.autofocus,enterKeyHint:this.enterkeyhint,inputMode:this.inputmode,disabled:this.disabled,maxLength:this.maxlength,minLength:this.minlength,name:this.name,placeholder:this.placeholder||"",readOnly:this.readonly,required:this.required,spellcheck:this.spellcheck,cols:this.cols,rows:this.rows,wrap:this.wrap,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,onKeyDown:this.onKeyDown},this.inheritedAttributes),t))}get el(){return a(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}},l=0;d.style=":host{--wcs-textarea-icon-color:var(--wcs-text-medium);--wcs-internal-textarea-border-radius-left:var(--wcs-textarea-border-radius-left, var(--wcs-border-radius));--wcs-internal-textarea-border-radius-right:var(--wcs-textarea-border-radius-right, var(--wcs-border-radius));display:flex;flex-direction:row;width:100%;border-radius:var(--wcs-internal-textarea-border-radius-left) var(--wcs-internal-textarea-border-radius-right) var(--wcs-internal-textarea-border-radius-right) var(--wcs-internal-textarea-border-radius-left);background-color:var(--wcs-light);border:1px solid var(--wcs-light);background-clip:padding-box}:host ::placeholder{font-weight:400;font-style:italic}:host textarea{overflow:auto;flex:1;width:100%;box-sizing:border-box;min-height:24px;background-color:transparent;font-family:var(--wcs-font-sans-serif);color:var(--wcs-primary);font-weight:var(--wcs-font-weight-form-value) !important;border:none;padding:calc(var(--wcs-padding) / 2) var(--wcs-padding);font-size:1rem;line-height:1.5}:host textarea:focus{box-shadow:none;outline:0}:host wcs-mat-icon{position:relative;margin-top:7px;margin-left:8px;margin-right:-8px}:host([disabled]) textarea{color:var(--wcs-text-disabled)}:host([state=error]){border-color:var(--wcs-red) !important}:host(:focus-within){border:solid 1px var(--wcs-primary)}:host(:focus-within) wcs-mat-icon{color:var(--wcs-primary)}";export{d as wcs_textarea}

package/dist/wcs/p-41037455.entry.js

@@ -0,0 +1 @@
+import{r,h as s,H as e}from"./p-f46e6c3c.js";let t=class{constructor(s){r(this,s)}render(){return s(e,{slot:"item"},s("slot",null))}};t.style=":host{display:block;padding:calc(var(--wcs-padding) / 2) var(--wcs-padding);font-size:0.75rem;text-transform:uppercase;color:var(--wcs-text-medium);white-space:nowrap}";export{t as wcs_dropdown_header}

package/dist/wcs/p-4e9e226d.entry.js

@@ -0,0 +1 @@
+import{r as t,h as o,H as e,g as i}from"./p-f46e6c3c.js";import{a as r}from"./p-cf4d7a83.js";import{c as a}from"./p-d3c9a644.js";let n=class{constructor(o){t(this,o),this.showPopoverMenu=!1}componentDidLoad(){this.menu=this.el.shadowRoot.getElementById("toggle-menu-icon"),this.tooltip=this.el.shadowRoot.getElementById("menu"),this.popper=a(this.menu,this.tooltip,{placement:"bottom-end",modifiers:[{name:"offset",options:{offset:[0,8]}}]})}onWindowClickEvent(t){r(t,this.tooltip)||r(t,this.menu)||this.showPopoverMenu&&this.toogleMenu()}toogleMenu(){this.showPopoverMenu=!this.showPopoverMenu}componentDidRender(){this.popper&&this.popper.update()}render(){return o(e,null,o("span",null,this.text),o("wcs-mat-icon",{id:"toggle-menu-icon",icon:"more_horiz",size:"m",onClick:()=>{this.toogleMenu()}}),o("span",{id:"menu","data-show":this.showPopoverMenu},o("div",{id:"arrow","data-popper-arrow":!0}),o("slot",null)))}get el(){return i(this)}};n.style='#menu{background-color:var(--wcs-gray);color:white;display:none;padding:var(--wcs-padding)}#menu[data-show]{display:block;z-index:9999}#menu[data-popper-placement^=top]>#arrow{bottom:-4px}#menu[data-popper-placement^=bottom]>#arrow{top:-4px}#menu[data-popper-placement^=left]>#arrow{right:-4px}#menu[data-popper-placement^=right]>#arrow{left:-4px}:host{display:flex;align-items:center;height:32px;padding-left:var(--wcs-padding);background-color:var(--wcs-gray-light)}#toggle-menu-icon{cursor:pointer;padding:0 var(--wcs-padding);user-select:none}#arrow,#arrow::before{position:absolute;width:8px;height:8px;background:inherit}#arrow{visibility:hidden}#arrow::before{visibility:visible;content:"";transform:rotate(45deg)}';export{n as wcs_galactic_menu}

package/dist/wcs/p-7206e492.entry.js

@@ -0,0 +1 @@
+import{r as c,c as t,h as e,H as s,g as i}from"./p-f46e6c3c.js";let o=class{constructor(e){c(this,e),this.wcsChange=t(this,"wcsChange",7),this.switchId="wcs-switch-"+r++,this.name=this.switchId,this.checked=!1,this.labelAlignment="center",this.disabled=!1}toggleChange(c){this.checked=!this.checked,this.wcsChange.emit({checked:this.checked})}render(){return e(s,null,e("label",{htmlFor:this.name,class:"wcs-container","aria-disabled":this.disabled},e("input",{onChange:c=>this.toggleChange(c),checked:this.checked,class:"wcs-switch",type:"checkbox",name:this.name,disabled:this.disabled,id:this.name}),e("span",{class:"wcs-checkmark"}),e("span",{class:"text"},e("slot",null))))}get el(){return i(this)}},r=0;o.style=':host{--wcs-switch-background-color-initial:var(--wcs-text-light);--wcs-switch-background-color-final:var(--wcs-primary);--wcs-switch-bullet-color-initial:var(--wcs-switch-background-color-final);--wcs-switch-bullet-color-final:var(--wcs-switch-background-color-initial);--wcs-switch-text-color:var(--wcs-text-medium);display:flex}:host([disabled]){--wcs-switch-text-color:var(--wcs-text-disabled)}.wcs-container{position:relative;display:flex;margin-bottom:0}:host([label-alignment=top]) .wcs-container{align-items:start}:host([label-alignment=center]) .wcs-container{align-items:center}:host([label-alignment=bottom]) .wcs-container{align-items:flex-end}.wcs-container input{position:absolute;opacity:0;height:0;width:0}.text{color:var(--wcs-switch-text-color);margin-left:6px;font-weight:500;line-height:1.375}.wcs-container:not([aria-disabled]) input:checked~.text{--wcs-switch-text-color:var(--wcs-primary)}.wcs-checkmark::before{position:absolute;transition:all 0.15s ease-out}.wcs-checkmark::before{bottom:0.3125rem;left:0.3125rem;width:0.875rem;height:0.875rem;content:"";border-radius:50%;background-color:var(--wcs-switch-bullet-color-initial)}:host([disabled]:not([checked])) .wcs-checkmark::before{background-color:var(--wcs-text-disabled)}:host([disabled]:not([checked])) .wcs-checkmark{background-color:var(--wcs-light)}:host([disabled][checked]) .wcs-checkmark::before{background-color:var(--wcs-white)}:host([disabled][checked]) .wcs-checkmark{background-color:var(--wcs-text-disabled)}.wcs-checkmark{top:0;right:0;bottom:0;left:0;width:3rem;height:1.5rem;border-radius:0.75rem;background-color:var(--wcs-switch-background-color-initial)}.wcs-container:not([aria-disabled]){cursor:pointer}.wcs-container:hover:not([aria-disabled]){--wcs-switch-text-color:var(--wcs-primary)}input:not([disabled]):checked+.wcs-checkmark::before,.wcs-container:hover input:not([disabled])+.wcs-checkmark::before,.wcs-container:focus input:not([disabled])+.wcs-checkmark::before{background-color:var(--wcs-switch-bullet-color-final)}input:checked+.wcs-checkmark::before{transform:translateX(24px)}input:not([disabled]):checked+.wcs-checkmark,.wcs-container:hover input:not([disabled])+.wcs-checkmark,.wcs-container:focus input:not([disabled])+.wcs-checkmark{background-color:var(--wcs-switch-background-color-final)}';export{o as wcs_switch}

package/dist/wcs/p-7c26f650.entry.js

@@ -0,0 +1 @@
+import{r as o,c as s,h as a,H as t}from"./p-f46e6c3c.js";let i=class{constructor(a){o(this,a),this.wcsDialogClosed=s(this,"wcsDialogClosed",7),this.withoutBackdrop=!1,this.show=!1,this.showCloseButton=!1,this.size="m"}render(){return a(t,null,a("div",{class:"wcs-modal-backdrop"}),a("div",{class:"wcs-modal-container","data-size":this.size},a("div",{class:"wcs-modal-header"},a("h5",null,a("slot",{name:"header"})),this.showCloseButton&&a("wcs-button",{shape:"round",mode:"clear",class:"wcs-dark",onClick:o=>this.onCloseButtonClick(o)},a("i",{class:"material-icons"},"close"))),a("div",{class:"wcs-modal-content"},a("slot",null)),a("div",{class:"wcs-modal-actions"},a("slot",{name:"actions"}))))}onKeyDown(o){this.showCloseButton&&"Escape"===o.key&&this.close()}onCloseButtonClick(o){this.close()}close(){this.show=!1,this.wcsDialogClosed.emit()}};i.style="wcs-modal{--saas-fix-modal:rgba(var(--wcs-black), 0.5);z-index:999;position:fixed;top:0;bottom:0;left:0;right:0;display:none}wcs-modal[show]{display:block;width:100%;height:100%;opacity:1;display:block}wcs-modal[without-backdrop] .wcs-modal-backdrop{display:none}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)}.wcs-modal-container{position:fixed;top:50%;left:50%;box-sizing:border-box;max-width:100%;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}.wcs-modal-container[data-size=s]{width:288px}.wcs-modal-container[data-size=m]{width:480px}.wcs-modal-container[data-size=l]{width:864px}.wcs-modal-container[data-size=xl]{width:1200px}.wcs-modal-header{margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.wcs-modal-header h5{font-size:24px;font-weight:400;margin:0}.wcs-modal-content{font-weight:400;font-size:16px}.wcs-modal-actions{margin-top:20px;float:right}";export{i as wcs_modal}