wcs-core 2.5.4 → 2.9.0

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;
@@ -679,6 +679,7 @@ export declare namespace JSXBase {
         media?: string;
         rel?: string;
         target?: string;
+        referrerPolicy?: ReferrerPolicy;
     }
     interface AudioHTMLAttributes<T> extends MediaHTMLAttributes<T> {
     }
@@ -1166,87 +1167,87 @@ export declare namespace JSXBase {
         unselectable?: boolean;
     }
     interface SVGAttributes<T = SVGElement> extends DOMAttributes<T> {
-        'class'?: string | {
+        class?: string | {
             [className: string]: boolean;
         };
-        'color'?: string;
-        'height'?: number | string;
-        'id'?: string;
-        'lang'?: string;
-        'max'?: number | string;
-        'media'?: string;
-        'method'?: string;
-        'min'?: number | string;
-        'name'?: string;
-        'style'?: {
+        color?: string;
+        height?: number | string;
+        id?: string;
+        lang?: string;
+        max?: number | string;
+        media?: string;
+        method?: string;
+        min?: number | string;
+        name?: string;
+        style?: {
             [key: string]: string | undefined;
         };
-        'target'?: string;
-        'type'?: string;
-        'width'?: number | string;
-        'role'?: string;
-        'tabindex'?: number;
+        target?: string;
+        type?: string;
+        width?: number | string;
+        role?: string;
+        tabindex?: number;
         'accent-height'?: number | string;
-        'accumulate'?: 'none' | 'sum';
-        'additive'?: 'replace' | 'sum';
+        accumulate?: 'none' | 'sum';
+        additive?: 'replace' | 'sum';
         'alignment-baseline'?: 'auto' | 'baseline' | 'before-edge' | 'text-before-edge' | 'middle' | 'central' | 'after-edge' | 'text-after-edge' | 'ideographic' | 'alphabetic' | 'hanging' | 'mathematical' | 'inherit';
-        'allowReorder'?: 'no' | 'yes';
-        'alphabetic'?: number | string;
-        'amplitude'?: number | string;
+        allowReorder?: 'no' | 'yes';
+        alphabetic?: number | string;
+        amplitude?: number | string;
         'arabic-form'?: 'initial' | 'medial' | 'terminal' | 'isolated';
-        'ascent'?: number | string;
-        'attributeName'?: string;
-        'attributeType'?: string;
-        'autoReverse'?: number | string;
-        'azimuth'?: number | string;
-        'baseFrequency'?: number | string;
+        ascent?: number | string;
+        attributeName?: string;
+        attributeType?: string;
+        autoReverse?: number | string;
+        azimuth?: number | string;
+        baseFrequency?: number | string;
         'baseline-shift'?: number | string;
-        'baseProfile'?: number | string;
-        'bbox'?: number | string;
-        'begin'?: number | string;
-        'bias'?: number | string;
-        'by'?: number | string;
-        'calcMode'?: number | string;
+        baseProfile?: number | string;
+        bbox?: number | string;
+        begin?: number | string;
+        bias?: number | string;
+        by?: number | string;
+        calcMode?: number | string;
         'cap-height'?: number | string;
-        'clip'?: number | string;
+        clip?: number | string;
         'clip-path'?: string;
-        'clipPathUnits'?: number | string;
+        clipPathUnits?: number | string;
         'clip-rule'?: number | string;
         'color-interpolation'?: number | string;
         'color-interpolation-filters'?: 'auto' | 's-rGB' | 'linear-rGB' | 'inherit';
         'color-profile'?: number | string;
         'color-rendering'?: number | string;
-        'contentScriptType'?: number | string;
-        'contentStyleType'?: number | string;
-        'cursor'?: number | string;
-        'cx'?: number | string;
-        'cy'?: number | string;
-        'd'?: string;
-        'decelerate'?: number | string;
-        'descent'?: number | string;
-        'diffuseConstant'?: number | string;
-        'direction'?: number | string;
-        'display'?: number | string;
-        'divisor'?: number | string;
+        contentScriptType?: number | string;
+        contentStyleType?: number | string;
+        cursor?: number | string;
+        cx?: number | string;
+        cy?: number | string;
+        d?: string;
+        decelerate?: number | string;
+        descent?: number | string;
+        diffuseConstant?: number | string;
+        direction?: number | string;
+        display?: number | string;
+        divisor?: number | string;
         'dominant-baseline'?: number | string;
-        'dur'?: number | string;
-        'dx'?: number | string;
-        'dy'?: number | string;
+        dur?: number | string;
+        dx?: number | string;
+        dy?: number | string;
         'edge-mode'?: number | string;
-        'elevation'?: number | string;
+        elevation?: number | string;
         'enable-background'?: number | string;
-        'end'?: number | string;
-        'exponent'?: number | string;
-        'externalResourcesRequired'?: number | string;
-        'fill'?: string;
+        end?: number | string;
+        exponent?: number | string;
+        externalResourcesRequired?: number | string;
+        fill?: string;
         'fill-opacity'?: number | string;
         'fill-rule'?: 'nonzero' | 'evenodd' | 'inherit';
-        'filter'?: string;
-        'filterRes'?: number | string;
-        'filterUnits'?: number | string;
+        filter?: string;
+        filterRes?: number | string;
+        filterUnits?: number | string;
         'flood-color'?: number | string;
         'flood-opacity'?: number | string;
-        'focusable'?: number | string;
+        focusable?: number | string;
         'font-family'?: string;
         'font-size'?: number | string;
         'font-size-adjust'?: number | string;
@@ -1254,113 +1255,113 @@ export declare namespace JSXBase {
         'font-style'?: number | string;
         'font-variant'?: number | string;
         'font-weight'?: number | string;
-        'format'?: number | string;
-        'from'?: number | string;
-        'fx'?: number | string;
-        'fy'?: number | string;
-        'g1'?: number | string;
-        'g2'?: number | string;
+        format?: number | string;
+        from?: number | string;
+        fx?: number | string;
+        fy?: number | string;
+        g1?: number | string;
+        g2?: number | string;
         'glyph-name'?: number | string;
         'glyph-orientation-horizontal'?: number | string;
         'glyph-orientation-vertical'?: number | string;
-        'glyphRef'?: number | string;
-        'gradientTransform'?: string;
-        'gradientUnits'?: string;
-        'hanging'?: number | string;
+        glyphRef?: number | string;
+        gradientTransform?: string;
+        gradientUnits?: string;
+        hanging?: number | string;
         'horiz-adv-x'?: number | string;
         'horiz-origin-x'?: number | string;
-        'href'?: string;
-        'ideographic'?: number | string;
+        href?: string;
+        ideographic?: number | string;
         'image-rendering'?: number | string;
-        'in2'?: number | string;
-        'in'?: string;
-        'intercept'?: number | string;
-        'k1'?: number | string;
-        'k2'?: number | string;
-        'k3'?: number | string;
-        'k4'?: number | string;
-        'k'?: number | string;
-        'kernelMatrix'?: number | string;
-        'kernelUnitLength'?: number | string;
-        'kerning'?: number | string;
-        'keyPoints'?: number | string;
-        'keySplines'?: number | string;
-        'keyTimes'?: number | string;
-        'lengthAdjust'?: number | string;
+        in2?: number | string;
+        in?: string;
+        intercept?: number | string;
+        k1?: number | string;
+        k2?: number | string;
+        k3?: number | string;
+        k4?: number | string;
+        k?: number | string;
+        kernelMatrix?: number | string;
+        kernelUnitLength?: number | string;
+        kerning?: number | string;
+        keyPoints?: number | string;
+        keySplines?: number | string;
+        keyTimes?: number | string;
+        lengthAdjust?: number | string;
         'letter-spacing'?: number | string;
         'lighting-color'?: number | string;
-        'limitingConeAngle'?: number | string;
-        'local'?: number | string;
+        limitingConeAngle?: number | string;
+        local?: number | string;
         'marker-end'?: string;
-        'markerHeight'?: number | string;
+        markerHeight?: number | string;
         'marker-mid'?: string;
         'marker-start'?: string;
-        'markerUnits'?: number | string;
-        'markerWidth'?: number | string;
-        'mask'?: string;
-        'maskContentUnits'?: number | string;
-        'maskUnits'?: number | string;
-        'mathematical'?: number | string;
-        'mode'?: number | string;
-        'numOctaves'?: number | string;
-        'offset'?: number | string;
-        'opacity'?: number | string;
-        'operator'?: number | string;
-        'order'?: number | string;
-        'orient'?: number | string;
-        'orientation'?: number | string;
-        'origin'?: number | string;
-        'overflow'?: number | string;
+        markerUnits?: number | string;
+        markerWidth?: number | string;
+        mask?: string;
+        maskContentUnits?: number | string;
+        maskUnits?: number | string;
+        mathematical?: number | string;
+        mode?: number | string;
+        numOctaves?: number | string;
+        offset?: number | string;
+        opacity?: number | string;
+        operator?: number | string;
+        order?: number | string;
+        orient?: number | string;
+        orientation?: number | string;
+        origin?: number | string;
+        overflow?: number | string;
         'overline-position'?: number | string;
         'overline-thickness'?: number | string;
         'paint-order'?: number | string;
-        'panose1'?: number | string;
-        'pathLength'?: number | string;
-        'patternContentUnits'?: string;
-        'patternTransform'?: number | string;
-        'patternUnits'?: string;
+        panose1?: number | string;
+        pathLength?: number | string;
+        patternContentUnits?: string;
+        patternTransform?: number | string;
+        patternUnits?: string;
         'pointer-events'?: number | string;
-        'points'?: string;
-        'pointsAtX'?: number | string;
-        'pointsAtY'?: number | string;
-        'pointsAtZ'?: number | string;
-        'preserveAlpha'?: number | string;
-        'preserveAspectRatio'?: string;
-        'primitiveUnits'?: number | string;
-        'r'?: number | string;
-        'radius'?: number | string;
-        'refX'?: number | string;
-        'refY'?: number | string;
+        points?: string;
+        pointsAtX?: number | string;
+        pointsAtY?: number | string;
+        pointsAtZ?: number | string;
+        preserveAlpha?: number | string;
+        preserveAspectRatio?: string;
+        primitiveUnits?: number | string;
+        r?: number | string;
+        radius?: number | string;
+        refX?: number | string;
+        refY?: number | string;
         'rendering-intent'?: number | string;
-        'repeatCount'?: number | string;
-        'repeatDur'?: number | string;
-        'requiredextensions'?: number | string;
-        'requiredFeatures'?: number | string;
-        'restart'?: number | string;
-        'result'?: string;
-        'rotate'?: number | string;
-        'rx'?: number | string;
-        'ry'?: number | string;
-        'scale'?: number | string;
-        'seed'?: number | string;
+        repeatCount?: number | string;
+        repeatDur?: number | string;
+        requiredextensions?: number | string;
+        requiredFeatures?: number | string;
+        restart?: number | string;
+        result?: string;
+        rotate?: number | string;
+        rx?: number | string;
+        ry?: number | string;
+        scale?: number | string;
+        seed?: number | string;
         'shape-rendering'?: number | string;
-        'slope'?: number | string;
-        'spacing'?: number | string;
-        'specularConstant'?: number | string;
-        'specularExponent'?: number | string;
-        'speed'?: number | string;
-        'spreadMethod'?: string;
-        'startOffset'?: number | string;
-        'stdDeviation'?: number | string;
-        'stemh'?: number | string;
-        'stemv'?: number | string;
-        'stitchTiles'?: number | string;
+        slope?: number | string;
+        spacing?: number | string;
+        specularConstant?: number | string;
+        specularExponent?: number | string;
+        speed?: number | string;
+        spreadMethod?: string;
+        startOffset?: number | string;
+        stdDeviation?: number | string;
+        stemh?: number | string;
+        stemv?: number | string;
+        stitchTiles?: number | string;
         'stop-color'?: string;
         'stop-opacity'?: number | string;
         'strikethrough-position'?: number | string;
         'strikethrough-thickness'?: number | string;
-        'string'?: number | string;
-        'stroke'?: string;
+        string?: number | string;
+        stroke?: string;
         'stroke-dasharray'?: string | number;
         'stroke-dashoffset'?: string | number;
         'stroke-linecap'?: 'butt' | 'round' | 'square' | 'inherit';
@@ -1368,67 +1369,65 @@ export declare namespace JSXBase {
         'stroke-miterlimit'?: string;
         'stroke-opacity'?: number | string;
         'stroke-width'?: number | string;
-        'surfaceScale'?: number | string;
-        'systemLanguage'?: number | string;
-        'tableValues'?: number | string;
-        'targetX'?: number | string;
-        'targetY'?: number | string;
+        surfaceScale?: number | string;
+        systemLanguage?: number | string;
+        tableValues?: number | string;
+        targetX?: number | string;
+        targetY?: number | string;
         'text-anchor'?: string;
         'text-decoration'?: number | string;
-        'textLength'?: number | string;
+        textLength?: number | string;
         'text-rendering'?: number | string;
-        'to'?: number | string;
-        'transform'?: string;
-        'u1'?: number | string;
-        'u2'?: number | string;
+        to?: number | string;
+        transform?: string;
+        u1?: number | string;
+        u2?: number | string;
         'underline-position'?: number | string;
         'underline-thickness'?: number | string;
-        'unicode'?: number | string;
+        unicode?: number | string;
         'unicode-bidi'?: number | string;
         'unicode-range'?: number | string;
         'units-per-em'?: number | string;
         'v-alphabetic'?: number | string;
-        'values'?: string;
+        values?: string;
         'vector-effect'?: number | string;
-        'version'?: string;
+        version?: string;
         'vert-adv-y'?: number | string;
         'vert-origin-x'?: number | string;
         'vert-origin-y'?: number | string;
         'v-hanging'?: number | string;
         'v-ideographic'?: number | string;
-        'viewBox'?: string;
-        'viewTarget'?: number | string;
-        'visibility'?: number | string;
+        viewBox?: string;
+        viewTarget?: number | string;
+        visibility?: number | string;
         'v-mathematical'?: number | string;
-        'widths'?: number | string;
+        widths?: number | string;
         'word-spacing'?: number | string;
         'writing-mode'?: number | string;
-        'x1'?: number | string;
-        'x2'?: number | string;
-        'x'?: number | string;
+        x1?: number | string;
+        x2?: number | string;
+        x?: number | string;
         'x-channel-selector'?: string;
         'x-height'?: number | string;
-        'xlinkActuate'?: string;
-        'xlinkArcrole'?: string;
-        'xlinkHref'?: string;
-        'xlinkRole'?: string;
-        'xlinkShow'?: string;
-        'xlinkTitle'?: string;
-        'xlinkType'?: string;
-        'xmlBase'?: string;
-        'xmlLang'?: string;
-        'xmlns'?: string;
-        'xmlSpace'?: string;
-        'y1'?: number | string;
-        'y2'?: number | string;
-        'y'?: number | string;
-        'yChannelSelector'?: string;
-        'z'?: number | string;
-        'zoomAndPan'?: string;
+        xlinkActuate?: string;
+        xlinkArcrole?: string;
+        xlinkHref?: string;
+        xlinkRole?: string;
+        xlinkShow?: string;
+        xlinkTitle?: string;
+        xlinkType?: string;
+        xmlBase?: string;
+        xmlLang?: string;
+        xmlns?: string;
+        xmlSpace?: string;
+        y1?: number | string;
+        y2?: number | string;
+        y?: number | string;
+        yChannelSelector?: string;
+        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;
@@ -1549,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-03b2e238.entry.js

@@ -0,0 +1 @@
+import{r as t,c as s,h as e,H as a,g as i}from"./p-f46e6c3c.js";let h=class{constructor(e){t(this,e),this.tabChange=s(this,"tabChange",7),this.align="start",this.selectedIndex=0,this.headersOnly=!1,this.headers=[],this.currentActiveTabIndex=0}selectedIndexChanged(t){this.currentActiveTabIndex=t}selectedTabkeyChanged(t){this.updateCurrentActiveIndexByTabKey(t)}emitActiveTabChange(){this.tabChange.emit({tabName:this.headers[this.currentActiveTabIndex],tabIndex:this.currentActiveTabIndex,selectedKey:this.tabs[this.currentActiveTabIndex].itemKey})}updateCurrentActiveIndexByTabKey(t){for(let s=0;s<this.tabs.length;s++)this.tabs[s].itemKey===t&&(this.currentActiveTabIndex=s)}onTabLoaded(){this.refreshHeaders()}componentDidLoad(){this.putTabsInCorrectDivIfTheyAreNot(),this.refreshHeaders(),this.selectedIndex&&(this.currentActiveTabIndex=this.selectedIndex),this.selectedKey&&this.updateCurrentActiveIndexByTabKey(this.selectedKey)}putTabsInCorrectDivIfTheyAreNot(){const t=this.el.shadowRoot.querySelector(".wcs-tabs");null===t.querySelector("slot")&&Array.from(this.el.querySelectorAll("wcs-tab")).filter((s=>s.parentNode!==t)).forEach((s=>{s.parentElement.isEqualNode(this.el)&&(this.el.removeChild(s),t.appendChild(s))}))}handleKeyDown(t,s){const e=t.target;switch(t.key){case" ":case"Enter":this.currentActiveTabIndex=s,this.emitActiveTabChange(),t.preventDefault();break;case"ArrowLeft":e.previousElementSibling&&e.previousElementSibling.classList.contains("wcs-tab-header")&&(e.previousElementSibling.focus(),t.preventDefault());break;case"ArrowRight":e.nextElementSibling&&e.nextElementSibling.classList.contains("wcs-tab-header")&&(e.nextElementSibling.focus(),t.preventDefault())}}refreshHeaders(){this.headers=[],this.tabs.forEach((t=>{this.headers.push(t.getAttribute("header"))}))}get tabs(){const t=this.el.shadowRoot.querySelector(".wcs-tabs"),s=this.el.shadowRoot.querySelectorAll(".wcs-tabs > wcs-tab");return 0!==s.length?s:t.querySelector("slot")?t.querySelector("slot").assignedElements():[]}selectTabAndEmitChangeEvent(t){this.currentActiveTabIndex=t,this.emitActiveTabChange()}componentWillUpdate(){this.headersOnly?this.hideAllTabsContent():this.updateTabVisibility()}updateTabVisibility(){this.tabs.forEach(((t,s)=>{t.setAttribute("style",s!==this.currentActiveTabIndex?"display: none;":"display: block;")}))}hideAllTabsContent(){this.tabs.forEach((t=>t.setAttribute("style","display: none;")))}render(){return e(a,null,e("div",{class:"wcs-tabs-headers"},this.headers.map(((t,s)=>e("div",{class:"wcs-tab-header "+(this.currentActiveTabIndex===s?"active":""),onClick:()=>this.selectTabAndEmitChangeEvent(s),onKeyDown:t=>this.handleKeyDown(t,s),tabIndex:s},e("span",null,t))))),e("div",{class:"wcs-tabs"},e("slot",{name:"wcs-tab"})))}get el(){return i(this)}static get watchers(){return{selectedIndex:["selectedIndexChanged"],selectedKey:["selectedTabkeyChanged"]}}};h.style=':host{--wcs-tabs-padding-bottom:16px}:host([align=start]) .wcs-tabs-headers{justify-content:start}:host([align=end]) .wcs-tabs-headers{justify-content:end}:host([align=center]) .wcs-tabs-headers{justify-content:center}.wcs-tabs-headers{padding-top:4px;overflow-x:auto;display:flex;position:relative}:host([gutter]) .wcs-tabs-headers{border-bottom:var(--wcs-tabs-headers-border-bottom)}.wcs-tab-header{padding:8px 24px 16px 0;display:flex;flex-shrink:0;align-items:center;justify-content:center;cursor:pointer;outline:none}.wcs-tab-header span{text-align:center;color:var(--wcs-text-disabled);font-size:1rem;font-weight:400}.wcs-tab-header:focus span,.wcs-tab-header:hover span{color:var(--wcs-primary)}.active span{font-weight:500;color:var(--wcs-primary);position:relative}.active span::after{position:absolute;bottom:calc(var(--wcs-tabs-padding-bottom) * -1);left:0;width:100%;height:0.3125rem;content:"";background-color:#0088ce;border-radius:3px}';export{h as wcs_tabs}

package/dist/wcs/p-08a7e84d.entry.js

@@ -0,0 +1 @@
+import{r as t,h as s,H as r,g as e}from"./p-f46e6c3c.js";let i=class{constructor(s){t(this,s)}render(){return s(r,{slot:"error"},s("slot",null))}};i.style=":host{margin-top:0.25rem;color:var(--wcs-red)}";let o=class{constructor(s){t(this,s),this.isError=!1,this.hasPrefix=!1,this.hasSuffix=!1}componentWillLoad(){this.hasSuffix=null!==this.el.querySelector("wcs-button"),this.hasPrefix=null!==this.el.querySelector("wcs-select")}componentDidLoad(){this.initSpiedElement(),this.addRequiredMarkerToLabel(),this.updateErrorStateOnInput(this.isError)}isErrorChange(t){this.updateErrorStateOnInput(t)}updateErrorStateOnInput(t){this.spiedElementIsOfType("wcs-input","wcs-textarea")&&this.spiedElement.setAttribute("state",t?"error":"initial")}spiedElementIsOfType(...t){var s;for(const r of t)if((null===(s=this.spiedElement)||void 0===s?void 0:s.tagName)===r.toUpperCase())return!0;return!1}addRequiredMarkerToLabel(){var t;const s=this.el.querySelector("wcs-label");this.observer=new MutationObserver((t=>{var r;t.filter((t=>"required"===t.attributeName))[0]&&this.updateLabelRequiredFlag(null===(r=this.spiedElement)||void 0===r?void 0:r.hasAttribute("required"),s)})),this.spiedElement&&this.observer.observe(this.spiedElement,{attributes:!0});const r=null===(t=this.spiedElement)||void 0===t?void 0:t.hasAttribute("required");this.updateLabelRequiredFlag(r,s)}initSpiedElement(){var t;const s=["wcs-input","wcs-select","wcs-textarea","wcs-radio-group","wcs-switch","wcs-checkbox"];if(this.spiedElement=null===(t=this.el.shadowRoot.querySelector("slot:not([name])"))||void 0===t?void 0:t.assignedElements()[0],"SLOT"===this.spiedElement.tagName&&(this.spiedElement=this.spiedElement.assignedElements().filter((t=>-1!==s.map((t=>t.toUpperCase())).indexOf(t.nodeName)))[0]),!this.spiedElement)throw new Error("You must provide a slotted element in form field");-1===s.map((t=>t.toUpperCase())).indexOf(this.spiedElement.tagName)&&console.warn("form-field component support "+s.toString()+". Some features may not work with the provided component (component "+this.spiedElement.tagName+" not natively supported).")}updateLabelRequiredFlag(t,s){t&&s?s.setAttribute("required","true"):!t&&s&&s.removeAttribute("required")}disconnectedCallback(){this.observer.disconnect()}render(){let t="";const e=this.isError;return this.hasSuffix&&(t+=" has-suffix"),this.hasPrefix&&(t+=" has-prefix"),s(r,{class:t},s("slot",{name:"label"}),s("div",{class:"input-container"},s("slot",{name:"prefix"}),s("slot",{onSlotchange:()=>this.onFormInputSlotChange()}),s("slot",{name:"suffix"})),e?s("slot",{name:"error"}):"",s("slot",{name:"messages"}))}onFormInputSlotChange(){this.initSpiedElement(),this.addRequiredMarkerToLabel(),this.updateErrorStateOnInput(this.isError)}get el(){return e(this)}static get watchers(){return{isError:["isErrorChange"]}}};o.style=":host{--wcs-form-field-border-radius-left:var(--wcs-border-radius);--wcs-form-field-border-radius-right:var(--wcs-border-radius);display:flex;flex-direction:column}.input-container{display:flex}::slotted(wcs-radio-group){margin-left:var(--wcs-base-margin)}::slotted(wcs-radio-group[mode=option]){margin-left:0}::slotted(wcs-select:not([slot=prefix])){width:100%}::slotted(label){font-weight:500;margin-bottom:8px}:host(.has-prefix){--wcs-input-border-radius-left:0}:host(.has-suffix){--wcs-input-border-radius-right:0}::slotted([slot=prefix]){--wcs-select-border-radius:var(--wcs-border-radius) 0 0 var(--wcs-border-radius);--wcs-select-background-color:var(--wcs-gray-light);--wcs-select-value-color:var(--wcs-white);--wcs-select-placeholder-color:var(--wcs-white);--wcs-select-border-color:var(--wcs-gray-light)}::slotted([slot=suffix]){--wcs-button-border-radius:0 var(--wcs-border-radius) var(--wcs-border-radius) 0}";export{i as wcs_error,o as wcs_form_field}