wcs-core 7.5.0 → 7.6.0

package/dist/wcs/{p-db7ba599.entry.js → p-14dfa087.entry.js}

@@ -1,7 +1,7 @@
-import{r as t,h as n,H as e,g as r}from"./p-32e583ea.js";import{a as i,c as o}from"./p-e1fb3625.js";import{b as a}from"./p-52d77e1f.js";import{i as u}from"./p-a0f32ead.js";
+import{r as t,h as n,H as e,g as r}from"./p-32e583ea.js";import{a as i,c as o}from"./p-e1fb3625.js";import{b as a}from"./p-5314a64d.js";import{i as u}from"./p-a0f32ead.js";
 /**!
 * tippy.js v6.3.7
 * (c) 2017-2021 atomiks
 * MIT License
-*/var f="tippy-box";var c="tippy-content";var s="tippy-backdrop";var l="tippy-arrow";var d="tippy-svg-arrow";var v={passive:true,capture:true};var p=function t(){return document.body};function h(t,n,e){if(Array.isArray(t)){var r=t[n];return r==null?Array.isArray(e)?e[n]:e:r}return t}function m(t,n){var e={}.toString.call(t);return e.indexOf("[object")===0&&e.indexOf(n+"]")>-1}function b(t,n){return typeof t==="function"?t.apply(void 0,n):t}function y(t,n){if(n===0){return t}var e;return function(r){clearTimeout(e);e=setTimeout((function(){t(r)}),n)}}function g(t){return t.split(/\s+/).filter(Boolean)}function w(t){return[].concat(t)}function T(t,n){if(t.indexOf(n)===-1){t.push(n)}}function O(t){return t.filter((function(n,e){return t.indexOf(n)===e}))}function j(t){return t.split("-")[0]}function x(t){return[].slice.call(t)}function k(t){return Object.keys(t).reduce((function(n,e){if(t[e]!==undefined){n[e]=t[e]}return n}),{})}function C(){return document.createElement("div")}function S(t){return["Element","Fragment"].some((function(n){return m(t,n)}))}function A(t){return m(t,"NodeList")}function P(t){return m(t,"MouseEvent")}function H(t){return!!(t&&t._tippy&&t._tippy.reference===t)}function U(t){if(S(t)){return[t]}if(A(t)){return x(t)}if(Array.isArray(t)){return t}return x(document.querySelectorAll(t))}function W(t,n){t.forEach((function(t){if(t){t.style.transitionDuration=n+"ms"}}))}function B(t,n){t.forEach((function(t){if(t){t.setAttribute("data-state",n)}}))}function F(t){var n;var e=w(t),r=e[0];return r!=null&&(n=r.ownerDocument)!=null&&n.body?r.ownerDocument:document}function M(t,n){var e=n.clientX,r=n.clientY;return t.every((function(t){var n=t.popperRect,i=t.popperState,o=t.props;var a=o.interactiveBorder;var u=j(i.placement);var f=i.modifiersData.offset;if(!f){return true}var c=u==="bottom"?f.top.y:0;var s=u==="top"?f.bottom.y:0;var l=u==="right"?f.left.x:0;var d=u==="left"?f.right.x:0;var v=n.top-r+c>a;var p=r-n.bottom-s>a;var h=n.left-e+l>a;var m=e-n.right-d>a;return v||p||h||m}))}function D(t,n,e){var r=n+"EventListener";["transitionend","webkitTransitionEnd"].forEach((function(n){t[r](n,e)}))}function E(t,n){var e=n;while(e){var r;if(t.contains(e)){return true}e=e.getRootNode==null?void 0:(r=e.getRootNode())==null?void 0:r.host}return false}var L={isTouch:false};var R=0;function q(){if(L.isTouch){return}L.isTouch=true;if(window.performance){document.addEventListener("mousemove",I)}}function I(){var t=performance.now();if(t-R<20){L.isTouch=false;document.removeEventListener("mousemove",I)}R=t}function N(){var t=document.activeElement;if(H(t)){var n=t._tippy;if(t.blur&&!n.state.isVisible){t.blur()}}}function $(){document.addEventListener("touchstart",q,v);window.addEventListener("blur",N)}var z=typeof window!=="undefined"&&typeof document!=="undefined";var J=z?!!window.msCrypto:false;var K={animateFill:false,followCursor:false,inlinePositioning:false,sticky:false};var V={allowHTML:false,animation:"fade",arrow:true,content:"",inertia:false,maxWidth:350,role:"tooltip",theme:"",zIndex:9999};var _=Object.assign({appendTo:p,aria:{content:"auto",expanded:"auto"},delay:0,duration:[300,250],getReferenceClientRect:null,hideOnClick:true,ignoreAttributes:false,interactive:false,interactiveBorder:2,interactiveDebounce:0,moveTransition:"",offset:[0,10],onAfterUpdate:function t(){},onBeforeUpdate:function t(){},onCreate:function t(){},onDestroy:function t(){},onHidden:function t(){},onHide:function t(){},onMount:function t(){},onShow:function t(){},onShown:function t(){},onTrigger:function t(){},onUntrigger:function t(){},onClickOutside:function t(){},placement:"top",plugins:[],popperOptions:{},render:null,showOnCreate:false,touch:true,trigger:"mouseenter focus",triggerTarget:null},K,V);var G=Object.keys(_);var Q=function t(n){var e=Object.keys(n);e.forEach((function(t){_[t]=n[t]}))};function X(t){var n=t.plugins||[];var e=n.reduce((function(n,e){var r=e.name,i=e.defaultValue;if(r){var o;n[r]=t[r]!==undefined?t[r]:(o=_[r])!=null?o:i}return n}),{});return Object.assign({},t,e)}function Y(t,n){var e=n?Object.keys(X(Object.assign({},_,{plugins:n}))):G;var r=e.reduce((function(n,e){var r=(t.getAttribute("data-tippy-"+e)||"").trim();if(!r){return n}if(e==="content"){n[e]=r}else{try{n[e]=JSON.parse(r)}catch(t){n[e]=r}}return n}),{});return r}function Z(t,n){var e=Object.assign({},n,{content:b(n.content,[t])},n.ignoreAttributes?{}:Y(t,n.plugins));e.aria=Object.assign({},_.aria,e.aria);e.aria={expanded:e.aria.expanded==="auto"?n.interactive:e.aria.expanded,content:e.aria.content==="auto"?n.interactive?null:"describedby":e.aria.content};return e}var tt=function t(){return"innerHTML"};function nt(t,n){t[tt()]=n}function et(t){var n=C();if(t===true){n.className=l}else{n.className=d;if(S(t)){n.appendChild(t)}else{nt(n,t)}}return n}function rt(t,n){if(S(n.content)){nt(t,"");t.appendChild(n.content)}else if(typeof n.content!=="function"){if(n.allowHTML){nt(t,n.content)}else{t.textContent=n.content}}}function it(t){var n=t.firstElementChild;var e=x(n.children);return{box:n,content:e.find((function(t){return t.classList.contains(c)})),arrow:e.find((function(t){return t.classList.contains(l)||t.classList.contains(d)})),backdrop:e.find((function(t){return t.classList.contains(s)}))}}function ot(t){var n=C();var e=C();e.className=f;e.setAttribute("data-state","hidden");e.setAttribute("tabindex","-1");var r=C();r.className=c;r.setAttribute("data-state","hidden");rt(r,t.props);n.appendChild(e);e.appendChild(r);i(t.props,t.props);function i(e,r){var i=it(n),o=i.box,a=i.content,u=i.arrow;if(r.theme){o.setAttribute("data-theme",r.theme)}else{o.removeAttribute("data-theme")}if(typeof r.animation==="string"){o.setAttribute("data-animation",r.animation)}else{o.removeAttribute("data-animation")}if(r.inertia){o.setAttribute("data-inertia","")}else{o.removeAttribute("data-inertia")}o.style.maxWidth=typeof r.maxWidth==="number"?r.maxWidth+"px":r.maxWidth;if(r.role){o.setAttribute("role",r.role)}else{o.removeAttribute("role")}if(e.content!==r.content||e.allowHTML!==r.allowHTML){rt(a,t.props)}if(r.arrow){if(!u){o.appendChild(et(r.arrow))}else if(e.arrow!==r.arrow){o.removeChild(u);o.appendChild(et(r.arrow))}}else if(u){o.removeChild(u)}}return{popper:n,onUpdate:i}}ot.$$tippy=true;var at=1;var ut=[];var ft=[];function ct(t,n){var e=Z(t,Object.assign({},_,X(k(n))));var r;var i;var a;var u=false;var f=false;var c=false;var s=false;var l;var d;var m;var j=[];var S=y(kt,e.interactiveDebounce);var A;var H=at++;var U=null;var R=O(e.plugins);var q={isEnabled:true,isVisible:false,isDestroyed:false,isMounted:false,isShown:false};var I={id:H,reference:t,popper:C(),popperInstance:U,props:e,state:q,plugins:R,clearDelayTimeouts:Et,setProps:Lt,setContent:Rt,show:qt,hide:It,hideWithInteractivity:Nt,enable:Mt,disable:Dt,unmount:$t,destroy:zt};if(!e.render){return I}var N=e.render(I),$=N.popper,z=N.onUpdate;$.setAttribute("data-tippy-root","");$.id="tippy-"+I.id;I.popper=$;t._tippy=I;$._tippy=I;var K=R.map((function(t){return t.fn(I)}));var V=t.hasAttribute("aria-expanded");Ot();lt();ot();ct("onCreate",[I]);if(e.showOnCreate){Bt()}$.addEventListener("mouseenter",(function(){if(I.props.interactive&&I.state.isVisible){I.clearDelayTimeouts()}}));$.addEventListener("mouseleave",(function(){if(I.props.interactive&&I.props.trigger.indexOf("mouseenter")>=0){nt().addEventListener("mousemove",S)}}));return I;function G(){var t=I.props.touch;return Array.isArray(t)?t:[t,0]}function Q(){return G()[0]==="hold"}function Y(){var t;return!!((t=I.props.render)!=null&&t.$$tippy)}function tt(){return A||t}function nt(){var t=tt().parentNode;return t?F(t):document}function et(){return it($)}function rt(t){if(I.state.isMounted&&!I.state.isVisible||L.isTouch||l&&l.type==="focus"){return 0}return h(I.props.delay,t?0:1,_.delay)}function ot(t){if(t===void 0){t=false}$.style.pointerEvents=I.props.interactive&&!t?"":"none";$.style.zIndex=""+I.props.zIndex}function ct(t,n,e){if(e===void 0){e=true}K.forEach((function(e){if(e[t]){e[t].apply(e,n)}}));if(e){var r;(r=I.props)[t].apply(r,n)}}function st(){var n=I.props.aria;if(!n.content){return}var e="aria-"+n.content;var r=$.id;var i=w(I.props.triggerTarget||t);i.forEach((function(t){var n=t.getAttribute(e);if(I.state.isVisible){t.setAttribute(e,n?n+" "+r:r)}else{var i=n&&n.replace(r,"").trim();if(i){t.setAttribute(e,i)}else{t.removeAttribute(e)}}}))}function lt(){if(V||!I.props.aria.expanded){return}var n=w(I.props.triggerTarget||t);n.forEach((function(t){if(I.props.interactive){t.setAttribute("aria-expanded",I.state.isVisible&&t===tt()?"true":"false")}else{t.removeAttribute("aria-expanded")}}))}function dt(){nt().removeEventListener("mousemove",S);ut=ut.filter((function(t){return t!==S}))}function vt(n){if(L.isTouch){if(c||n.type==="mousedown"){return}}var e=n.composedPath&&n.composedPath()[0]||n.target;if(I.props.interactive&&E($,e)){return}if(w(I.props.triggerTarget||t).some((function(t){return E(t,e)}))){if(L.isTouch){return}if(I.state.isVisible&&I.props.trigger.indexOf("click")>=0){return}}else{ct("onClickOutside",[I,n])}if(I.props.hideOnClick===true){I.clearDelayTimeouts();I.hide();f=true;setTimeout((function(){f=false}));if(!I.state.isMounted){bt()}}}function pt(){c=true}function ht(){c=false}function mt(){var t=nt();t.addEventListener("mousedown",vt,true);t.addEventListener("touchend",vt,v);t.addEventListener("touchstart",ht,v);t.addEventListener("touchmove",pt,v)}function bt(){var t=nt();t.removeEventListener("mousedown",vt,true);t.removeEventListener("touchend",vt,v);t.removeEventListener("touchstart",ht,v);t.removeEventListener("touchmove",pt,v)}function yt(t,n){wt(t,(function(){if(!I.state.isVisible&&$.parentNode&&$.parentNode.contains($)){n()}}))}function gt(t,n){wt(t,n)}function wt(t,n){var e=et().box;function r(t){if(t.target===e){D(e,"remove",r);n()}}if(t===0){return n()}D(e,"remove",d);D(e,"add",r);d=r}function Tt(n,e,r){if(r===void 0){r=false}var i=w(I.props.triggerTarget||t);i.forEach((function(t){t.addEventListener(n,e,r);j.push({node:t,eventType:n,handler:e,options:r})}))}function Ot(){if(Q()){Tt("touchstart",xt,{passive:true});Tt("touchend",Ct,{passive:true})}g(I.props.trigger).forEach((function(t){if(t==="manual"){return}Tt(t,xt);switch(t){case"mouseenter":Tt("mouseleave",Ct);break;case"focus":Tt(J?"focusout":"blur",St);break;case"focusin":Tt("focusout",St);break}}))}function jt(){j.forEach((function(t){var n=t.node,e=t.eventType,r=t.handler,i=t.options;n.removeEventListener(e,r,i)}));j=[]}function xt(t){var n;var e=false;if(!I.state.isEnabled||At(t)||f){return}var r=((n=l)==null?void 0:n.type)==="focus";l=t;A=t.currentTarget;lt();if(!I.state.isVisible&&P(t)){ut.forEach((function(n){return n(t)}))}if(t.type==="click"&&(I.props.trigger.indexOf("mouseenter")<0||u)&&I.props.hideOnClick!==false&&I.state.isVisible){e=true}else{Bt(t)}if(t.type==="click"){u=!e}if(e&&!r){Ft(t)}}function kt(t){var n=t.target;var r=tt().contains(n)||$.contains(n);if(t.type==="mousemove"&&r){return}var i=Wt().concat($).map((function(t){var n;var r=t._tippy;var i=(n=r.popperInstance)==null?void 0:n.state;if(i){return{popperRect:t.getBoundingClientRect(),popperState:i,props:e}}return null})).filter(Boolean);if(M(i,t)){dt();Ft(t)}}function Ct(t){var n=At(t)||I.props.trigger.indexOf("click")>=0&&u;if(n){return}if(I.props.interactive){I.hideWithInteractivity(t);return}Ft(t)}function St(t){if(I.props.trigger.indexOf("focusin")<0&&t.target!==tt()){return}if(I.props.interactive&&t.relatedTarget&&$.contains(t.relatedTarget)){return}Ft(t)}function At(t){return L.isTouch?Q()!==t.type.indexOf("touch")>=0:false}function Pt(){Ht();var n=I.props,e=n.popperOptions,r=n.placement,i=n.offset,a=n.getReferenceClientRect,u=n.moveTransition;var f=Y()?it($).arrow:null;var c=a?{getBoundingClientRect:a,contextElement:a.contextElement||tt()}:t;var s={name:"$$tippy",enabled:true,phase:"beforeWrite",requires:["computeStyles"],fn:function t(n){var e=n.state;if(Y()){var r=et(),i=r.box;["placement","reference-hidden","escaped"].forEach((function(t){if(t==="placement"){i.setAttribute("data-placement",e.placement)}else{if(e.attributes.popper["data-popper-"+t]){i.setAttribute("data-"+t,"")}else{i.removeAttribute("data-"+t)}}}));e.attributes.popper={}}}};var l=[{name:"offset",options:{offset:i}},{name:"preventOverflow",options:{padding:{top:2,bottom:2,left:5,right:5}}},{name:"flip",options:{padding:5}},{name:"computeStyles",options:{adaptive:!u}},s];if(Y()&&f){l.push({name:"arrow",options:{element:f,padding:3}})}l.push.apply(l,(e==null?void 0:e.modifiers)||[]);I.popperInstance=o(c,$,Object.assign({},e,{placement:r,onFirstUpdate:m,modifiers:l}))}function Ht(){if(I.popperInstance){I.popperInstance.destroy();I.popperInstance=null}}function Ut(){var t=I.props.appendTo;var n;var e=tt();if(I.props.interactive&&t===p||t==="parent"){n=e.parentNode}else{n=b(t,[e])}if(!n.contains($)){n.appendChild($)}I.state.isMounted=true;Pt()}function Wt(){return x($.querySelectorAll("[data-tippy-root]"))}function Bt(t){I.clearDelayTimeouts();if(t){ct("onTrigger",[I,t])}mt();var n=rt(true);var e=G(),i=e[0],o=e[1];if(L.isTouch&&i==="hold"&&o){n=o}if(n){r=setTimeout((function(){I.show()}),n)}else{I.show()}}function Ft(t){I.clearDelayTimeouts();ct("onUntrigger",[I,t]);if(!I.state.isVisible){bt();return}if(I.props.trigger.indexOf("mouseenter")>=0&&I.props.trigger.indexOf("click")>=0&&["mouseleave","mousemove"].indexOf(t.type)>=0&&u){return}var n=rt(false);if(n){i=setTimeout((function(){if(I.state.isVisible){I.hide()}}),n)}else{a=requestAnimationFrame((function(){I.hide()}))}}function Mt(){I.state.isEnabled=true}function Dt(){I.hide();I.state.isEnabled=false}function Et(){clearTimeout(r);clearTimeout(i);cancelAnimationFrame(a)}function Lt(n){if(I.state.isDestroyed){return}ct("onBeforeUpdate",[I,n]);jt();var e=I.props;var r=Z(t,Object.assign({},e,k(n),{ignoreAttributes:true}));I.props=r;Ot();if(e.interactiveDebounce!==r.interactiveDebounce){dt();S=y(kt,r.interactiveDebounce)}if(e.triggerTarget&&!r.triggerTarget){w(e.triggerTarget).forEach((function(t){t.removeAttribute("aria-expanded")}))}else if(r.triggerTarget){t.removeAttribute("aria-expanded")}lt();ot();if(z){z(e,r)}if(I.popperInstance){Pt();Wt().forEach((function(t){requestAnimationFrame(t._tippy.popperInstance.forceUpdate)}))}ct("onAfterUpdate",[I,n])}function Rt(t){I.setProps({content:t})}function qt(){var t=I.state.isVisible;var n=I.state.isDestroyed;var e=!I.state.isEnabled;var r=L.isTouch&&!I.props.touch;var i=h(I.props.duration,0,_.duration);if(t||n||e||r){return}if(tt().hasAttribute("disabled")){return}ct("onShow",[I],false);if(I.props.onShow(I)===false){return}I.state.isVisible=true;if(Y()){$.style.visibility="visible"}ot();mt();if(!I.state.isMounted){$.style.transition="none"}if(Y()){var o=et(),a=o.box,u=o.content;W([a,u],0)}m=function t(){var n;if(!I.state.isVisible||s){return}s=true;$.style.transition=I.props.moveTransition;if(Y()&&I.props.animation){var e=et(),r=e.box,o=e.content;W([r,o],i);B([r,o],"visible")}st();lt();T(ft,I);(n=I.popperInstance)==null?void 0:n.forceUpdate();ct("onMount",[I]);if(I.props.animation&&Y()){gt(i,(function(){I.state.isShown=true;ct("onShown",[I])}))}};Ut()}function It(){var t=!I.state.isVisible;var n=I.state.isDestroyed;var e=!I.state.isEnabled;var r=h(I.props.duration,1,_.duration);if(t||n||e){return}ct("onHide",[I],false);if(I.props.onHide(I)===false){return}I.state.isVisible=false;I.state.isShown=false;s=false;u=false;if(Y()){$.style.visibility="hidden"}dt();bt();ot(true);if(Y()){var i=et(),o=i.box,a=i.content;if(I.props.animation){W([o,a],r);B([o,a],"hidden")}}st();lt();if(I.props.animation){if(Y()){yt(r,I.unmount)}}else{I.unmount()}}function Nt(t){nt().addEventListener("mousemove",S);T(ut,S);S(t)}function $t(){if(I.state.isVisible){I.hide()}if(!I.state.isMounted){return}Ht();Wt().forEach((function(t){t._tippy.unmount()}));if($.parentNode){$.parentNode.removeChild($)}ft=ft.filter((function(t){return t!==I}));I.state.isMounted=false;ct("onHidden",[I])}function zt(){if(I.state.isDestroyed){return}I.clearDelayTimeouts();I.unmount();jt();delete t._tippy;I.state.isDestroyed=true;ct("onDestroy",[I])}}function st(t,n){if(n===void 0){n={}}var e=_.plugins.concat(n.plugins||[]);$();var r=Object.assign({},n,{plugins:e});var i=U(t);var o=i.reduce((function(t,n){var e=n&&ct(n,r);if(e){t.push(e)}return t}),[]);return S(t)?o[0]:o}st.defaultProps=_;st.setDefaultProps=Q;st.currentInput=L;Object.assign({},i,{effect:function t(n){var e=n.state;var r={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(e.elements.popper.style,r.popper);e.styles=r;if(e.elements.arrow){Object.assign(e.elements.arrow.style,r.arrow)}}});st.setDefaultProps({render:ot});const lt=":host{display:none}";const dt=lt;const vt=["WCS-BUTTON"];const pt=class{constructor(n){t(this,n);this.for=undefined;this.position="bottom";this.interactive=false;this.maxWidth=350;this.delay=0;this.duration=[300,250];this.trigger="mouseenter focus";this.theme="dark";this.content=undefined;this.appendTo=undefined}componentWillLoad(){this.forElement=document.getElementById(this.for);if(!this.forElement){console.error('[wcs-tooltip]: The element with the id provided in the "for" property does not exist');return}this.tippyInstance=st(this.forElement,{appendTo:this.appendTo||(()=>document.body),theme:this.theme,allowHTML:true,content:this.getTooltipContentFromPropAndSlot(),maxWidth:this.maxWidth,placement:this.position,delay:this.delay,duration:this.duration,interactive:this.interactive,trigger:this.trigger,onShow:()=>this.onShow(),onHide:()=>this.onHide()})}onShow(){if(!this.forElement){return}if(this.forElement.tagName&&vt.indexOf(this.forElement.tagName)!==-1){if(u(this.forElement)){if(this.interactive){this.forElement.setAriaAttribute("aria-expanded","true")}}}}onHide(){if(!this.forElement){return}if(this.forElement.tagName&&vt.indexOf(this.forElement.tagName)!==-1){if(u(this.forElement)){if(this.interactive){this.forElement.setAriaAttribute("aria-expanded","false")}}}}async handleKeyDown(t){if(a(t)){if(this.tippyInstance.state.isShown){await this.hide()}}}getTooltipContentFromPropAndSlot(){if(this.content){return this.content+this.el.innerHTML}return this.el.innerHTML}updateProps(){var t;(t=this.tippyInstance)===null||t===void 0?void 0:t.setProps({interactive:this.interactive,placement:this.position,maxWidth:this.maxWidth,theme:this.theme,delay:this.delay,duration:this.duration,trigger:this.trigger})}updateTippyContent(){var t;(t=this.tippyInstance)===null||t===void 0?void 0:t.setProps({content:this.getTooltipContentFromPropAndSlot()})}async hide(){this.tippyInstance.hide()}async show(){this.tippyInstance.show()}async disable(){this.tippyInstance.disable()}async enable(){this.tippyInstance.enable()}disconnectedCallback(){var t;(t=this.tippyInstance)===null||t===void 0?void 0:t.destroy()}render(){return n(e,{key:"34f019e113250ce19d69186080c932f838ac5c86",role:"tooltip"},n("slot",{key:"7edce2cfc96d454177668c81d615231369600977",onSlotchange:t=>this.updateTippyContent()}))}get el(){return r(this)}static get watchers(){return{interactive:["updateProps"],position:["updateProps"],maxWidth:["updateProps"],theme:["updateProps"],delay:["updateProps"],duration:["updateProps"],trigger:["updateProps"],content:["updateTippyContent"]}}};pt.style=dt;export{pt as wcs_tooltip};
-//# sourceMappingURL=p-db7ba599.entry.js.map
+*/var f="tippy-box";var c="tippy-content";var s="tippy-backdrop";var l="tippy-arrow";var d="tippy-svg-arrow";var v={passive:true,capture:true};var p=function t(){return document.body};function h(t,n,e){if(Array.isArray(t)){var r=t[n];return r==null?Array.isArray(e)?e[n]:e:r}return t}function m(t,n){var e={}.toString.call(t);return e.indexOf("[object")===0&&e.indexOf(n+"]")>-1}function b(t,n){return typeof t==="function"?t.apply(void 0,n):t}function y(t,n){if(n===0){return t}var e;return function(r){clearTimeout(e);e=setTimeout((function(){t(r)}),n)}}function g(t){return t.split(/\s+/).filter(Boolean)}function w(t){return[].concat(t)}function T(t,n){if(t.indexOf(n)===-1){t.push(n)}}function O(t){return t.filter((function(n,e){return t.indexOf(n)===e}))}function j(t){return t.split("-")[0]}function x(t){return[].slice.call(t)}function k(t){return Object.keys(t).reduce((function(n,e){if(t[e]!==undefined){n[e]=t[e]}return n}),{})}function C(){return document.createElement("div")}function S(t){return["Element","Fragment"].some((function(n){return m(t,n)}))}function A(t){return m(t,"NodeList")}function P(t){return m(t,"MouseEvent")}function H(t){return!!(t&&t._tippy&&t._tippy.reference===t)}function U(t){if(S(t)){return[t]}if(A(t)){return x(t)}if(Array.isArray(t)){return t}return x(document.querySelectorAll(t))}function W(t,n){t.forEach((function(t){if(t){t.style.transitionDuration=n+"ms"}}))}function B(t,n){t.forEach((function(t){if(t){t.setAttribute("data-state",n)}}))}function F(t){var n;var e=w(t),r=e[0];return r!=null&&(n=r.ownerDocument)!=null&&n.body?r.ownerDocument:document}function M(t,n){var e=n.clientX,r=n.clientY;return t.every((function(t){var n=t.popperRect,i=t.popperState,o=t.props;var a=o.interactiveBorder;var u=j(i.placement);var f=i.modifiersData.offset;if(!f){return true}var c=u==="bottom"?f.top.y:0;var s=u==="top"?f.bottom.y:0;var l=u==="right"?f.left.x:0;var d=u==="left"?f.right.x:0;var v=n.top-r+c>a;var p=r-n.bottom-s>a;var h=n.left-e+l>a;var m=e-n.right-d>a;return v||p||h||m}))}function D(t,n,e){var r=n+"EventListener";["transitionend","webkitTransitionEnd"].forEach((function(n){t[r](n,e)}))}function E(t,n){var e=n;while(e){var r;if(t.contains(e)){return true}e=e.getRootNode==null?void 0:(r=e.getRootNode())==null?void 0:r.host}return false}var L={isTouch:false};var R=0;function q(){if(L.isTouch){return}L.isTouch=true;if(window.performance){document.addEventListener("mousemove",I)}}function I(){var t=performance.now();if(t-R<20){L.isTouch=false;document.removeEventListener("mousemove",I)}R=t}function N(){var t=document.activeElement;if(H(t)){var n=t._tippy;if(t.blur&&!n.state.isVisible){t.blur()}}}function $(){document.addEventListener("touchstart",q,v);window.addEventListener("blur",N)}var z=typeof window!=="undefined"&&typeof document!=="undefined";var J=z?!!window.msCrypto:false;var K={animateFill:false,followCursor:false,inlinePositioning:false,sticky:false};var V={allowHTML:false,animation:"fade",arrow:true,content:"",inertia:false,maxWidth:350,role:"tooltip",theme:"",zIndex:9999};var _=Object.assign({appendTo:p,aria:{content:"auto",expanded:"auto"},delay:0,duration:[300,250],getReferenceClientRect:null,hideOnClick:true,ignoreAttributes:false,interactive:false,interactiveBorder:2,interactiveDebounce:0,moveTransition:"",offset:[0,10],onAfterUpdate:function t(){},onBeforeUpdate:function t(){},onCreate:function t(){},onDestroy:function t(){},onHidden:function t(){},onHide:function t(){},onMount:function t(){},onShow:function t(){},onShown:function t(){},onTrigger:function t(){},onUntrigger:function t(){},onClickOutside:function t(){},placement:"top",plugins:[],popperOptions:{},render:null,showOnCreate:false,touch:true,trigger:"mouseenter focus",triggerTarget:null},K,V);var G=Object.keys(_);var Q=function t(n){var e=Object.keys(n);e.forEach((function(t){_[t]=n[t]}))};function X(t){var n=t.plugins||[];var e=n.reduce((function(n,e){var r=e.name,i=e.defaultValue;if(r){var o;n[r]=t[r]!==undefined?t[r]:(o=_[r])!=null?o:i}return n}),{});return Object.assign({},t,e)}function Y(t,n){var e=n?Object.keys(X(Object.assign({},_,{plugins:n}))):G;var r=e.reduce((function(n,e){var r=(t.getAttribute("data-tippy-"+e)||"").trim();if(!r){return n}if(e==="content"){n[e]=r}else{try{n[e]=JSON.parse(r)}catch(t){n[e]=r}}return n}),{});return r}function Z(t,n){var e=Object.assign({},n,{content:b(n.content,[t])},n.ignoreAttributes?{}:Y(t,n.plugins));e.aria=Object.assign({},_.aria,e.aria);e.aria={expanded:e.aria.expanded==="auto"?n.interactive:e.aria.expanded,content:e.aria.content==="auto"?n.interactive?null:"describedby":e.aria.content};return e}var tt=function t(){return"innerHTML"};function nt(t,n){t[tt()]=n}function et(t){var n=C();if(t===true){n.className=l}else{n.className=d;if(S(t)){n.appendChild(t)}else{nt(n,t)}}return n}function rt(t,n){if(S(n.content)){nt(t,"");t.appendChild(n.content)}else if(typeof n.content!=="function"){if(n.allowHTML){nt(t,n.content)}else{t.textContent=n.content}}}function it(t){var n=t.firstElementChild;var e=x(n.children);return{box:n,content:e.find((function(t){return t.classList.contains(c)})),arrow:e.find((function(t){return t.classList.contains(l)||t.classList.contains(d)})),backdrop:e.find((function(t){return t.classList.contains(s)}))}}function ot(t){var n=C();var e=C();e.className=f;e.setAttribute("data-state","hidden");e.setAttribute("tabindex","-1");var r=C();r.className=c;r.setAttribute("data-state","hidden");rt(r,t.props);n.appendChild(e);e.appendChild(r);i(t.props,t.props);function i(e,r){var i=it(n),o=i.box,a=i.content,u=i.arrow;if(r.theme){o.setAttribute("data-theme",r.theme)}else{o.removeAttribute("data-theme")}if(typeof r.animation==="string"){o.setAttribute("data-animation",r.animation)}else{o.removeAttribute("data-animation")}if(r.inertia){o.setAttribute("data-inertia","")}else{o.removeAttribute("data-inertia")}o.style.maxWidth=typeof r.maxWidth==="number"?r.maxWidth+"px":r.maxWidth;if(r.role){o.setAttribute("role",r.role)}else{o.removeAttribute("role")}if(e.content!==r.content||e.allowHTML!==r.allowHTML){rt(a,t.props)}if(r.arrow){if(!u){o.appendChild(et(r.arrow))}else if(e.arrow!==r.arrow){o.removeChild(u);o.appendChild(et(r.arrow))}}else if(u){o.removeChild(u)}}return{popper:n,onUpdate:i}}ot.$$tippy=true;var at=1;var ut=[];var ft=[];function ct(t,n){var e=Z(t,Object.assign({},_,X(k(n))));var r;var i;var a;var u=false;var f=false;var c=false;var s=false;var l;var d;var m;var j=[];var S=y(kt,e.interactiveDebounce);var A;var H=at++;var U=null;var R=O(e.plugins);var q={isEnabled:true,isVisible:false,isDestroyed:false,isMounted:false,isShown:false};var I={id:H,reference:t,popper:C(),popperInstance:U,props:e,state:q,plugins:R,clearDelayTimeouts:Et,setProps:Lt,setContent:Rt,show:qt,hide:It,hideWithInteractivity:Nt,enable:Mt,disable:Dt,unmount:$t,destroy:zt};if(!e.render){return I}var N=e.render(I),$=N.popper,z=N.onUpdate;$.setAttribute("data-tippy-root","");$.id="tippy-"+I.id;I.popper=$;t._tippy=I;$._tippy=I;var K=R.map((function(t){return t.fn(I)}));var V=t.hasAttribute("aria-expanded");Ot();lt();ot();ct("onCreate",[I]);if(e.showOnCreate){Bt()}$.addEventListener("mouseenter",(function(){if(I.props.interactive&&I.state.isVisible){I.clearDelayTimeouts()}}));$.addEventListener("mouseleave",(function(){if(I.props.interactive&&I.props.trigger.indexOf("mouseenter")>=0){nt().addEventListener("mousemove",S)}}));return I;function G(){var t=I.props.touch;return Array.isArray(t)?t:[t,0]}function Q(){return G()[0]==="hold"}function Y(){var t;return!!((t=I.props.render)!=null&&t.$$tippy)}function tt(){return A||t}function nt(){var t=tt().parentNode;return t?F(t):document}function et(){return it($)}function rt(t){if(I.state.isMounted&&!I.state.isVisible||L.isTouch||l&&l.type==="focus"){return 0}return h(I.props.delay,t?0:1,_.delay)}function ot(t){if(t===void 0){t=false}$.style.pointerEvents=I.props.interactive&&!t?"":"none";$.style.zIndex=""+I.props.zIndex}function ct(t,n,e){if(e===void 0){e=true}K.forEach((function(e){if(e[t]){e[t].apply(e,n)}}));if(e){var r;(r=I.props)[t].apply(r,n)}}function st(){var n=I.props.aria;if(!n.content){return}var e="aria-"+n.content;var r=$.id;var i=w(I.props.triggerTarget||t);i.forEach((function(t){var n=t.getAttribute(e);if(I.state.isVisible){t.setAttribute(e,n?n+" "+r:r)}else{var i=n&&n.replace(r,"").trim();if(i){t.setAttribute(e,i)}else{t.removeAttribute(e)}}}))}function lt(){if(V||!I.props.aria.expanded){return}var n=w(I.props.triggerTarget||t);n.forEach((function(t){if(I.props.interactive){t.setAttribute("aria-expanded",I.state.isVisible&&t===tt()?"true":"false")}else{t.removeAttribute("aria-expanded")}}))}function dt(){nt().removeEventListener("mousemove",S);ut=ut.filter((function(t){return t!==S}))}function vt(n){if(L.isTouch){if(c||n.type==="mousedown"){return}}var e=n.composedPath&&n.composedPath()[0]||n.target;if(I.props.interactive&&E($,e)){return}if(w(I.props.triggerTarget||t).some((function(t){return E(t,e)}))){if(L.isTouch){return}if(I.state.isVisible&&I.props.trigger.indexOf("click")>=0){return}}else{ct("onClickOutside",[I,n])}if(I.props.hideOnClick===true){I.clearDelayTimeouts();I.hide();f=true;setTimeout((function(){f=false}));if(!I.state.isMounted){bt()}}}function pt(){c=true}function ht(){c=false}function mt(){var t=nt();t.addEventListener("mousedown",vt,true);t.addEventListener("touchend",vt,v);t.addEventListener("touchstart",ht,v);t.addEventListener("touchmove",pt,v)}function bt(){var t=nt();t.removeEventListener("mousedown",vt,true);t.removeEventListener("touchend",vt,v);t.removeEventListener("touchstart",ht,v);t.removeEventListener("touchmove",pt,v)}function yt(t,n){wt(t,(function(){if(!I.state.isVisible&&$.parentNode&&$.parentNode.contains($)){n()}}))}function gt(t,n){wt(t,n)}function wt(t,n){var e=et().box;function r(t){if(t.target===e){D(e,"remove",r);n()}}if(t===0){return n()}D(e,"remove",d);D(e,"add",r);d=r}function Tt(n,e,r){if(r===void 0){r=false}var i=w(I.props.triggerTarget||t);i.forEach((function(t){t.addEventListener(n,e,r);j.push({node:t,eventType:n,handler:e,options:r})}))}function Ot(){if(Q()){Tt("touchstart",xt,{passive:true});Tt("touchend",Ct,{passive:true})}g(I.props.trigger).forEach((function(t){if(t==="manual"){return}Tt(t,xt);switch(t){case"mouseenter":Tt("mouseleave",Ct);break;case"focus":Tt(J?"focusout":"blur",St);break;case"focusin":Tt("focusout",St);break}}))}function jt(){j.forEach((function(t){var n=t.node,e=t.eventType,r=t.handler,i=t.options;n.removeEventListener(e,r,i)}));j=[]}function xt(t){var n;var e=false;if(!I.state.isEnabled||At(t)||f){return}var r=((n=l)==null?void 0:n.type)==="focus";l=t;A=t.currentTarget;lt();if(!I.state.isVisible&&P(t)){ut.forEach((function(n){return n(t)}))}if(t.type==="click"&&(I.props.trigger.indexOf("mouseenter")<0||u)&&I.props.hideOnClick!==false&&I.state.isVisible){e=true}else{Bt(t)}if(t.type==="click"){u=!e}if(e&&!r){Ft(t)}}function kt(t){var n=t.target;var r=tt().contains(n)||$.contains(n);if(t.type==="mousemove"&&r){return}var i=Wt().concat($).map((function(t){var n;var r=t._tippy;var i=(n=r.popperInstance)==null?void 0:n.state;if(i){return{popperRect:t.getBoundingClientRect(),popperState:i,props:e}}return null})).filter(Boolean);if(M(i,t)){dt();Ft(t)}}function Ct(t){var n=At(t)||I.props.trigger.indexOf("click")>=0&&u;if(n){return}if(I.props.interactive){I.hideWithInteractivity(t);return}Ft(t)}function St(t){if(I.props.trigger.indexOf("focusin")<0&&t.target!==tt()){return}if(I.props.interactive&&t.relatedTarget&&$.contains(t.relatedTarget)){return}Ft(t)}function At(t){return L.isTouch?Q()!==t.type.indexOf("touch")>=0:false}function Pt(){Ht();var n=I.props,e=n.popperOptions,r=n.placement,i=n.offset,a=n.getReferenceClientRect,u=n.moveTransition;var f=Y()?it($).arrow:null;var c=a?{getBoundingClientRect:a,contextElement:a.contextElement||tt()}:t;var s={name:"$$tippy",enabled:true,phase:"beforeWrite",requires:["computeStyles"],fn:function t(n){var e=n.state;if(Y()){var r=et(),i=r.box;["placement","reference-hidden","escaped"].forEach((function(t){if(t==="placement"){i.setAttribute("data-placement",e.placement)}else{if(e.attributes.popper["data-popper-"+t]){i.setAttribute("data-"+t,"")}else{i.removeAttribute("data-"+t)}}}));e.attributes.popper={}}}};var l=[{name:"offset",options:{offset:i}},{name:"preventOverflow",options:{padding:{top:2,bottom:2,left:5,right:5}}},{name:"flip",options:{padding:5}},{name:"computeStyles",options:{adaptive:!u}},s];if(Y()&&f){l.push({name:"arrow",options:{element:f,padding:3}})}l.push.apply(l,(e==null?void 0:e.modifiers)||[]);I.popperInstance=o(c,$,Object.assign({},e,{placement:r,onFirstUpdate:m,modifiers:l}))}function Ht(){if(I.popperInstance){I.popperInstance.destroy();I.popperInstance=null}}function Ut(){var t=I.props.appendTo;var n;var e=tt();if(I.props.interactive&&t===p||t==="parent"){n=e.parentNode}else{n=b(t,[e])}if(!n.contains($)){n.appendChild($)}I.state.isMounted=true;Pt()}function Wt(){return x($.querySelectorAll("[data-tippy-root]"))}function Bt(t){I.clearDelayTimeouts();if(t){ct("onTrigger",[I,t])}mt();var n=rt(true);var e=G(),i=e[0],o=e[1];if(L.isTouch&&i==="hold"&&o){n=o}if(n){r=setTimeout((function(){I.show()}),n)}else{I.show()}}function Ft(t){I.clearDelayTimeouts();ct("onUntrigger",[I,t]);if(!I.state.isVisible){bt();return}if(I.props.trigger.indexOf("mouseenter")>=0&&I.props.trigger.indexOf("click")>=0&&["mouseleave","mousemove"].indexOf(t.type)>=0&&u){return}var n=rt(false);if(n){i=setTimeout((function(){if(I.state.isVisible){I.hide()}}),n)}else{a=requestAnimationFrame((function(){I.hide()}))}}function Mt(){I.state.isEnabled=true}function Dt(){I.hide();I.state.isEnabled=false}function Et(){clearTimeout(r);clearTimeout(i);cancelAnimationFrame(a)}function Lt(n){if(I.state.isDestroyed){return}ct("onBeforeUpdate",[I,n]);jt();var e=I.props;var r=Z(t,Object.assign({},e,k(n),{ignoreAttributes:true}));I.props=r;Ot();if(e.interactiveDebounce!==r.interactiveDebounce){dt();S=y(kt,r.interactiveDebounce)}if(e.triggerTarget&&!r.triggerTarget){w(e.triggerTarget).forEach((function(t){t.removeAttribute("aria-expanded")}))}else if(r.triggerTarget){t.removeAttribute("aria-expanded")}lt();ot();if(z){z(e,r)}if(I.popperInstance){Pt();Wt().forEach((function(t){requestAnimationFrame(t._tippy.popperInstance.forceUpdate)}))}ct("onAfterUpdate",[I,n])}function Rt(t){I.setProps({content:t})}function qt(){var t=I.state.isVisible;var n=I.state.isDestroyed;var e=!I.state.isEnabled;var r=L.isTouch&&!I.props.touch;var i=h(I.props.duration,0,_.duration);if(t||n||e||r){return}if(tt().hasAttribute("disabled")){return}ct("onShow",[I],false);if(I.props.onShow(I)===false){return}I.state.isVisible=true;if(Y()){$.style.visibility="visible"}ot();mt();if(!I.state.isMounted){$.style.transition="none"}if(Y()){var o=et(),a=o.box,u=o.content;W([a,u],0)}m=function t(){var n;if(!I.state.isVisible||s){return}s=true;$.style.transition=I.props.moveTransition;if(Y()&&I.props.animation){var e=et(),r=e.box,o=e.content;W([r,o],i);B([r,o],"visible")}st();lt();T(ft,I);(n=I.popperInstance)==null?void 0:n.forceUpdate();ct("onMount",[I]);if(I.props.animation&&Y()){gt(i,(function(){I.state.isShown=true;ct("onShown",[I])}))}};Ut()}function It(){var t=!I.state.isVisible;var n=I.state.isDestroyed;var e=!I.state.isEnabled;var r=h(I.props.duration,1,_.duration);if(t||n||e){return}ct("onHide",[I],false);if(I.props.onHide(I)===false){return}I.state.isVisible=false;I.state.isShown=false;s=false;u=false;if(Y()){$.style.visibility="hidden"}dt();bt();ot(true);if(Y()){var i=et(),o=i.box,a=i.content;if(I.props.animation){W([o,a],r);B([o,a],"hidden")}}st();lt();if(I.props.animation){if(Y()){yt(r,I.unmount)}}else{I.unmount()}}function Nt(t){nt().addEventListener("mousemove",S);T(ut,S);S(t)}function $t(){if(I.state.isVisible){I.hide()}if(!I.state.isMounted){return}Ht();Wt().forEach((function(t){t._tippy.unmount()}));if($.parentNode){$.parentNode.removeChild($)}ft=ft.filter((function(t){return t!==I}));I.state.isMounted=false;ct("onHidden",[I])}function zt(){if(I.state.isDestroyed){return}I.clearDelayTimeouts();I.unmount();jt();delete t._tippy;I.state.isDestroyed=true;ct("onDestroy",[I])}}function st(t,n){if(n===void 0){n={}}var e=_.plugins.concat(n.plugins||[]);$();var r=Object.assign({},n,{plugins:e});var i=U(t);var o=i.reduce((function(t,n){var e=n&&ct(n,r);if(e){t.push(e)}return t}),[]);return S(t)?o[0]:o}st.defaultProps=_;st.setDefaultProps=Q;st.currentInput=L;Object.assign({},i,{effect:function t(n){var e=n.state;var r={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(e.elements.popper.style,r.popper);e.styles=r;if(e.elements.arrow){Object.assign(e.elements.arrow.style,r.arrow)}}});st.setDefaultProps({render:ot});const lt=":host{display:none}";const dt=lt;const vt=["WCS-BUTTON"];const pt=class{constructor(n){t(this,n);this.for=undefined;this.position="bottom";this.interactive=false;this.maxWidth=350;this.delay=0;this.duration=[300,250];this.trigger="mouseenter focus";this.theme="dark";this.content=undefined;this.appendTo=undefined}componentWillLoad(){this.forElement=document.getElementById(this.for);if(!this.forElement){console.error('[wcs-tooltip]: The element with the id provided in the "for" property does not exist');return}this.tippyInstance=st(this.forElement,{appendTo:this.appendTo||(()=>document.body),theme:this.theme,allowHTML:true,content:this.getTooltipContentFromPropAndSlot(),maxWidth:this.maxWidth,placement:this.position,delay:this.delay,duration:this.duration,interactive:this.interactive,trigger:this.trigger,onShow:()=>this.onShow(),onHide:()=>this.onHide()})}onShow(){if(!this.forElement){return}if(this.forElement.tagName&&vt.indexOf(this.forElement.tagName)!==-1){if(u(this.forElement)){if(this.interactive){this.forElement.setAriaAttribute("aria-expanded","true")}}}}onHide(){if(!this.forElement){return}if(this.forElement.tagName&&vt.indexOf(this.forElement.tagName)!==-1){if(u(this.forElement)){if(this.interactive){this.forElement.setAriaAttribute("aria-expanded","false")}}}}async handleKeyDown(t){if(a(t)){if(this.tippyInstance.state.isShown){await this.hide()}}}getTooltipContentFromPropAndSlot(){if(this.content){return this.content+this.el.innerHTML}return this.el.innerHTML}updateProps(){var t;(t=this.tippyInstance)===null||t===void 0?void 0:t.setProps({interactive:this.interactive,placement:this.position,maxWidth:this.maxWidth,theme:this.theme,delay:this.delay,duration:this.duration,trigger:this.trigger})}updateTippyContent(){var t;(t=this.tippyInstance)===null||t===void 0?void 0:t.setProps({content:this.getTooltipContentFromPropAndSlot()})}async hide(){this.tippyInstance.hide()}async show(){this.tippyInstance.show()}async disable(){this.tippyInstance.disable()}async enable(){this.tippyInstance.enable()}disconnectedCallback(){var t;(t=this.tippyInstance)===null||t===void 0?void 0:t.destroy()}render(){return n(e,{key:"430814e1eefde613ed887a70b837c5603b3d7656",role:"tooltip"},n("slot",{key:"f1915740c4c18c7c154bedd8db7bc10e7836822c",onSlotchange:t=>this.updateTippyContent()}))}get el(){return r(this)}static get watchers(){return{interactive:["updateProps"],position:["updateProps"],maxWidth:["updateProps"],theme:["updateProps"],delay:["updateProps"],duration:["updateProps"],trigger:["updateProps"],content:["updateTippyContent"]}}};pt.style=dt;export{pt as wcs_tooltip};
+//# sourceMappingURL=p-14dfa087.entry.js.map

package/dist/wcs/p-1c356201.entry.js

@@ -0,0 +1,2 @@
+import{r as o,c as r,h as e,H as a,g as c}from"./p-32e583ea.js";import{s as t}from"./p-5314a64d.js";const i=':host{width:fit-content;--wcs-radio-transition-duration:var(--wcs-semantic-motion-duration-feedback-base);--wcs-radio-text-color-default:var(--wcs-semantic-color-text-secondary);--wcs-radio-text-font-weight-default:var(--wcs-semantic-font-weight-medium);--wcs-radio-text-color-selected:var(--wcs-semantic-color-text-primary);--wcs-radio-text-font-weight-selected:var(--wcs-semantic-font-weight-medium);--wcs-radio-text-color-disabled:var(--wcs-semantic-color-text-disabled);--wcs-radio-text-color-hover:var(--wcs-semantic-color-text-primary);--wcs-radio-checkmark-size:1rem;--wcs-radio-gap:var(--wcs-semantic-spacing-base);--wcs-radio-outline-color-focus:var(--wcs-semantic-color-border-focus-base);--wcs-radio-checkmark-border-width:var(--wcs-semantic-border-width-large);--wcs-radio-checkmark-border-color-default:var(--wcs-semantic-color-border-control-indicator-default);--wcs-radio-checkmark-border-color-selected:var(--wcs-semantic-color-border-control-indicator-selected);--wcs-radio-checkmark-border-color-hover:var(--wcs-semantic-color-border-control-indicator-hover);--wcs-radio-checkmark-border-color-disabled:var(--wcs-semantic-color-border-control-indicator-disabled);--wcs-radio-checkmark-background-color-default:transparent;--wcs-radio-checkmark-background-color-selected:var(--wcs-semantic-color-background-control-indicator-selected);--wcs-radio-checkmark-background-color-selected-disabled:var(--wcs-semantic-color-background-control-indicator-disabled);--wcs-radio-checkmark-background-color-selected-hover:var(--wcs-semantic-color-background-control-indicator-hover);--wcs-radio-checkmark-outline-distance-with-checkmark-circle:var(--wcs-semantic-spacing-small);--wcs-radio-checkmark-outline-width:var(--wcs-semantic-border-width-large);--wcs-radio-checkmark-outline-color:var(--wcs-semantic-color-foreground-control-indicator-selected);--wcs-radio-checkmark-border-radius:var(--wcs-semantic-border-radius-full);--wcs-radio-border-radius:var(--wcs-semantic-border-radius-base);--wcs-radio-option-background-color-default:var(--wcs-semantic-color-background-action-secondary-default);--wcs-radio-option-background-color-hover:var(--wcs-semantic-color-background-action-secondary-default);--wcs-radio-option-background-color-press:var(--wcs-semantic-color-background-action-secondary-default);--wcs-radio-option-background-color-disabled:var(--wcs-semantic-color-background-action-secondary-default);--wcs-radio-option-background-color-selected-default:var(--wcs-semantic-color-background-action-primary-default);--wcs-radio-option-background-color-selected-hover:var(--wcs-semantic-color-background-action-primary-hover);--wcs-radio-option-background-color-selected-press:var(--wcs-semantic-color-background-action-primary-press);--wcs-radio-option-background-color-selected-disabled:var(--wcs-semantic-color-background-action-primary-disabled);--wcs-radio-option-text-color-default:var(--wcs-semantic-color-foreground-action-secondary-default);--wcs-radio-option-text-color-hover:var(--wcs-semantic-color-foreground-action-secondary-default);--wcs-radio-option-text-color-press:var(--wcs-semantic-color-foreground-action-secondary-press);--wcs-radio-option-text-color-selected-default:var(--wcs-semantic-color-foreground-action-primary-default);--wcs-radio-option-text-color-selected-hover:var(--wcs-semantic-color-foreground-action-primary-hover);--wcs-radio-option-text-color-selected-press:var(--wcs-semantic-color-foreground-action-primary-press);--wcs-radio-option-text-color-disabled:var(--wcs-semantic-color-text-disabled);--wcs-radio-option-text-font-weight-default:var(--wcs-semantic-font-weight-roman);--wcs-radio-option-text-font-weight-selected:var(--wcs-semantic-font-weight-roman);--wcs-radio-option-border-radius:var(--wcs-semantic-border-radius-base);--wcs-radio-option-border-width:var(--wcs-semantic-border-width-default);--wcs-radio-option-border-color-hover:var(--wcs-semantic-color-border-action-secondary-hover);--wcs-radio-option-border-color-press:var(--wcs-semantic-color-border-action-secondary-press);--wcs-radio-option-padding-top:var(--wcs-semantic-spacing-base);--wcs-radio-option-padding-right:var(--wcs-semantic-spacing-large);--wcs-radio-option-padding-bottom:var(--wcs-semantic-spacing-base);--wcs-radio-option-padding-left:var(--wcs-semantic-spacing-large);position:relative}:host([mode=radio]) input,:host([mode=horizontal]) input{position:absolute;opacity:0;height:1px;width:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:host([mode=radio]) .label,:host([mode=horizontal]) .label{margin-bottom:0;color:var(--wcs-radio-text-color-default);font-weight:var(--wcs-radio-text-font-weight-default) !important;display:inline-block}:host([mode=radio]) .label:before,:host([mode=horizontal]) .label:before{border-radius:var(--wcs-radio-checkmark-border-radius);border:var(--wcs-radio-checkmark-border-width) solid var(--wcs-radio-checkmark-border-color-default);position:relative;width:var(--wcs-radio-checkmark-size);height:var(--wcs-radio-checkmark-size);pointer-events:none;content:"";background-color:var(--wcs-radio-checkmark-background-color-default)}:host(:focus-visible){outline:none}:host(:focus-visible) .label{transition:none;outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-radio-outline-color-focus);outline-offset:var(--wcs-semantic-spacing-small);border-radius:var(--wcs-radio-border-radius)}:host([disabled]) .label{color:var(--wcs-radio-text-color-disabled);cursor:not-allowed}:host([disabled]) .label:before{border-color:var(--wcs-radio-checkmark-border-color-disabled)}:host(:not([disabled])) .label{cursor:pointer}:host([mode=radio].checked) .label,:host([mode=horizontal].checked) .label{color:var(--wcs-radio-text-color-selected);font-weight:var(--wcs-radio-text-font-weight-selected) !important}:host([mode=radio].checked) .label:before,:host([mode=horizontal].checked) .label:before{border-color:var(--wcs-radio-checkmark-border-color-selected);background-color:var(--wcs-radio-checkmark-background-color-selected);outline:solid var(--wcs-radio-checkmark-outline-width) var(--wcs-radio-checkmark-outline-color);outline-offset:calc(-1 * var(--wcs-radio-checkmark-outline-distance-with-checkmark-circle))}:host([mode=radio][disabled].checked) .label,:host([mode=horizontal][disabled].checked) .label{color:var(--wcs-radio-text-color-disabled)}:host([mode=radio][disabled].checked) .label:before,:host([mode=horizontal][disabled].checked) .label:before{border-color:var(--wcs-radio-checkmark-border-color-disabled);background-color:var(--wcs-radio-checkmark-background-color-selected-disabled)}:host([mode=radio]:hover:not([disabled])) .label,:host([mode=horizontal]:hover:not([disabled])) .label{color:var(--wcs-radio-text-color-hover)}:host([mode=radio]:hover:not([disabled])) .label:before,:host([mode=horizontal]:hover:not([disabled])) .label:before{border-color:var(--wcs-radio-checkmark-border-color-hover);background-color:var(--wcs-radio-checkmark-background-color-selected-hover)}:host([mode=radio]:hover:not([disabled]):not(.checked)) .label:before,:host([mode=horizontal]:hover:not([disabled]):not(.checked)) .label:before{background-color:var(--wcs-radio-checkmark-background-color-default)}:host([mode=radio]) .label{border:none}:host([mode=radio]) .label:before{transition:background-color var(--wcs-radio-transition-duration) ease-in-out;margin-right:var(--wcs-radio-gap);display:inline-block;top:3px;box-sizing:border-box}:host([mode=radio]) .label:empty::before{margin-right:0}:host([mode=horizontal]){height:fit-content}:host([mode=horizontal]) .label:before{transition:background-color var(--wcs-radio-transition-duration) ease-in-out;margin:auto auto var(--wcs-radio-gap);display:block}:host([mode=horizontal]) .label:empty::before{margin-bottom:0}:host([mode=option]){font-weight:var(--wcs-radio-option-text-font-weight-default) !important}:host([mode=option]) input{position:absolute;z-index:-1;opacity:0;box-sizing:border-box;padding:0}:host([mode=option]) .label{padding:var(--wcs-radio-option-padding-top) var(--wcs-radio-option-padding-right) var(--wcs-radio-option-padding-bottom) var(--wcs-radio-option-padding-left);margin-bottom:0;color:var(--wcs-radio-option-text-color-default);white-space:nowrap;border-radius:var(--wcs-radio-option-border-radius);transition:background-color var(--wcs-radio-transition-duration) ease-in-out;background-color:var(--wcs-radio-option-background-color-default)}:host([mode=option]) input:focus-visible+.label{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-radio-outline-color-focus);outline-offset:0;border-radius:var(--wcs-radio-border-radius)}:host([mode=option][disabled]) .label{color:var(--wcs-radio-option-text-color-disabled);background-color:var(--wcs-radio-option-background-color-disabled)}:host([mode=option][disabled].checked) .label{color:var(--wcs-radio-option-text-color-disabled);background-color:var(--wcs-radio-option-background-color-selected-disabled)}:host([mode=option].checked) .label{font-weight:var(--wcs-radio-option-text-font-weight-selected) !important;color:var(--wcs-radio-option-text-color-selected-default);background-color:var(--wcs-radio-option-background-color-selected-default)}:host([mode=option]:hover.checked:not([disabled])) .label{color:var(--wcs-radio-option-text-color-selected-hover);background-color:var(--wcs-radio-option-background-color-selected-hover)}:host([mode=option]:active.checked:not([disabled])) .label{color:var(--wcs-radio-option-text-color-selected-press);background-color:var(--wcs-radio-option-background-color-selected-press)}:host([mode=option]:hover:not(.checked):not([disabled])) .label{color:var(--wcs-radio-option-text-color-hover);background-color:var(--wcs-radio-option-background-color-hover);outline:var(--wcs-radio-option-border-width) solid var(--wcs-radio-option-border-color-hover)}:host([mode=option]:active:not(.checked):not([disabled])) .label{color:var(--wcs-radio-option-text-color-press);background-color:var(--wcs-radio-option-background-color-press);outline:var(--wcs-radio-option-border-width) solid var(--wcs-radio-option-border-color-press)}';const d=i;const s=class{constructor(e){o(this,e);this.wcsRadioClick=r(this,"wcsRadioClick",7);this.wcsBlur=r(this,"wcsBlur",7);this.wcsFocus=r(this,"wcsFocus",7);this.handleClick=()=>{this.selectRadio()};this.handleKeyDown=o=>{if(this.disabled)return;if(o.key===" "||o.key==="Enter"){o.preventDefault();o.stopPropagation();this.selectRadio()}};this.checked=false;this.radioTabIndex=-1;this.value=undefined;this.label=undefined;this.disabled=false;this.name=undefined;this.mode="radio"}async updateState(){const o=this.getClosestRadioGroup();if(o){this.checked=o.name===this.name&&o.value===this.value}}async setTabIndex(o){this.radioTabIndex=o}async setAriaAttribute(o,r){t(this.el,o,r)}onFocus(o){this.wcsFocus.emit(o)}onBlur(o){this.wcsBlur.emit(o)}getClosestRadioGroup(){return this.el.closest("wcs-radio-group")}componentWillLoad(){if(this.value===undefined){this.value=this.el.innerText||""}}emitRadioChangeEvent(){this.wcsRadioClick.emit({label:this.label,source:this.el,value:this.value})}selectRadio(){if(this.disabled||this.checked){return}this.checked=true;this.emitRadioChangeEvent()}render(){return e(a,{key:"0720e7983a66998bef080116aec041f3309d70dd",slot:"option",role:"radio","aria-checked":this.checked?"true":"false","aria-disabled":this.disabled?"true":"false",tabIndex:this.disabled?-1:this.radioTabIndex,class:this.checked?"checked":"",onClick:this.handleClick.bind(this),onFocus:this.onFocus.bind(this),onBlur:this.onBlur.bind(this),onKeyDown:this.handleKeyDown.bind(this)},e("span",{key:"bb2fb56fa6c5354a54b4debba078b0c129534e74",class:"label"},this.label))}get el(){return c(this)}};s.style=d;export{s as wcs_radio};
+//# sourceMappingURL=p-1c356201.entry.js.map

package/dist/wcs/p-1c356201.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["radioCss","WcsRadioStyle0","Radio","this","handleClick","selectRadio","handleKeyDown","event","disabled","key","preventDefault","stopPropagation","updateState","radioGroup","getClosestRadioGroup","checked","name","value","setTabIndex","radioTabIndex","setAriaAttribute","attr","setOrRemoveAttribute","el","onFocus","ev","wcsFocus","emit","onBlur","wcsBlur","closest","componentWillLoad","undefined","innerText","emitRadioChangeEvent","wcsRadioClick","label","source","render","h","Host","slot","role","tabIndex","class","onClick","bind","onKeyDown"],"sources":["src/components/radio/radio.scss?tag=wcs-radio&encapsulation=shadow","src/components/radio/radio.tsx"],"sourcesContent":["@import '../../style/focus-outline.scss';\n\n:host {\n    width: fit-content;\n\n    --wcs-radio-transition-duration: var(--wcs-semantic-motion-duration-feedback-base);\n\n    // region mode Radio\n    --wcs-radio-text-color-default: var(--wcs-semantic-color-text-secondary);\n    --wcs-radio-text-font-weight-default: var(--wcs-semantic-font-weight-medium);\n\n    --wcs-radio-text-color-selected: var(--wcs-semantic-color-text-primary);\n    --wcs-radio-text-font-weight-selected: var(--wcs-semantic-font-weight-medium);\n\n    --wcs-radio-text-color-disabled: var(--wcs-semantic-color-text-disabled);\n    --wcs-radio-text-color-hover: var(--wcs-semantic-color-text-primary);\n\n    --wcs-radio-checkmark-size: 1rem; // for now, we let raw value to let adjust the size based on base font size\n\n    --wcs-radio-gap: var(--wcs-semantic-spacing-base);\n\n    --wcs-radio-outline-color-focus: var(--wcs-semantic-color-border-focus-base); // outline color for focus ring\n\n    --wcs-radio-checkmark-border-width: var(--wcs-semantic-border-width-large);\n    --wcs-radio-checkmark-border-color-default: var(--wcs-semantic-color-border-control-indicator-default);\n    --wcs-radio-checkmark-border-color-selected: var(--wcs-semantic-color-border-control-indicator-selected);\n    --wcs-radio-checkmark-border-color-hover: var(--wcs-semantic-color-border-control-indicator-hover);\n    --wcs-radio-checkmark-border-color-disabled: var(--wcs-semantic-color-border-control-indicator-disabled);\n\n    --wcs-radio-checkmark-background-color-default: transparent;\n    --wcs-radio-checkmark-background-color-selected: var(--wcs-semantic-color-background-control-indicator-selected);\n    --wcs-radio-checkmark-background-color-selected-disabled: var(--wcs-semantic-color-background-control-indicator-disabled);\n    --wcs-radio-checkmark-background-color-selected-hover: var(--wcs-semantic-color-background-control-indicator-hover);\n\n    --wcs-radio-checkmark-outline-distance-with-checkmark-circle: var(--wcs-semantic-spacing-small);\n    --wcs-radio-checkmark-outline-width: var(--wcs-semantic-border-width-large);\n    --wcs-radio-checkmark-outline-color: var(--wcs-semantic-color-foreground-control-indicator-selected);\n    --wcs-radio-checkmark-border-radius: var(--wcs-semantic-border-radius-full);\n\n    --wcs-radio-border-radius: var(--wcs-semantic-border-radius-base);\n    // endregion\n\n    // region mode Option\n    --wcs-radio-option-background-color-default: var(--wcs-semantic-color-background-action-secondary-default);\n    --wcs-radio-option-background-color-hover: var(--wcs-semantic-color-background-action-secondary-default);\n    --wcs-radio-option-background-color-press: var(--wcs-semantic-color-background-action-secondary-default);\n    --wcs-radio-option-background-color-disabled: var(--wcs-semantic-color-background-action-secondary-default);\n\n    --wcs-radio-option-background-color-selected-default: var(--wcs-semantic-color-background-action-primary-default);\n    --wcs-radio-option-background-color-selected-hover: var(--wcs-semantic-color-background-action-primary-hover);\n    --wcs-radio-option-background-color-selected-press: var(--wcs-semantic-color-background-action-primary-press);\n    --wcs-radio-option-background-color-selected-disabled: var(--wcs-semantic-color-background-action-primary-disabled);\n\n    --wcs-radio-option-text-color-default: var(--wcs-semantic-color-foreground-action-secondary-default);\n    --wcs-radio-option-text-color-hover: var(--wcs-semantic-color-foreground-action-secondary-default);\n    --wcs-radio-option-text-color-press: var(--wcs-semantic-color-foreground-action-secondary-press);\n\n    --wcs-radio-option-text-color-selected-default: var(--wcs-semantic-color-foreground-action-primary-default);\n    --wcs-radio-option-text-color-selected-hover: var(--wcs-semantic-color-foreground-action-primary-hover);\n    --wcs-radio-option-text-color-selected-press: var(--wcs-semantic-color-foreground-action-primary-press);\n    --wcs-radio-option-text-color-disabled: var(--wcs-semantic-color-text-disabled);\n\n    --wcs-radio-option-text-font-weight-default: var(--wcs-semantic-font-weight-roman);\n    --wcs-radio-option-text-font-weight-selected: var(--wcs-semantic-font-weight-roman);\n\n    --wcs-radio-option-border-radius: var(--wcs-semantic-border-radius-base);\n\n    --wcs-radio-option-border-width: var(--wcs-semantic-border-width-default);\n\n    --wcs-radio-option-border-color-hover: var(--wcs-semantic-color-border-action-secondary-hover);\n    --wcs-radio-option-border-color-press: var(--wcs-semantic-color-border-action-secondary-press);\n\n    --wcs-radio-option-padding-top: var(--wcs-semantic-spacing-base);\n    --wcs-radio-option-padding-right: var(--wcs-semantic-spacing-large);\n    --wcs-radio-option-padding-bottom: var(--wcs-semantic-spacing-base);\n    --wcs-radio-option-padding-left: var(--wcs-semantic-spacing-large);\n    // endregion\n\n    /*\n    * DO NOT REMOVE:\n    * The native input is absolutely positioned.\n    * This `position: relative` makes `wcs-radio` its containing block.\n    * Without it, the input can be laid out relative to another ancestor higher in the DOM,\n    * so when the browser focuses the native control it may scroll the window unexpectedly.\n    */\n    position: relative;\n}\n\n:host([mode=radio]),\n:host([mode=horizontal]) {\n    input {\n        position: absolute;\n        opacity: 0;\n        height: 1px;\n        width: 1px;\n        overflow: hidden;\n        clip-path: inset(50%);\n        white-space: nowrap;\n    }\n\n    .label {\n        margin-bottom: 0;\n        color: var(--wcs-radio-text-color-default);\n        font-weight: var(--wcs-radio-text-font-weight-default) !important;\n        display: inline-block;\n\n        &:before {\n            border-radius: var(--wcs-radio-checkmark-border-radius);\n            border: var(--wcs-radio-checkmark-border-width) solid var(--wcs-radio-checkmark-border-color-default);\n            position: relative;\n            width: var(--wcs-radio-checkmark-size);\n            height: var(--wcs-radio-checkmark-size);\n            pointer-events: none;\n            content: \"\";\n            background-color: var(--wcs-radio-checkmark-background-color-default);\n        }\n    }\n}\n\n:host(:focus-visible) {\n    outline: none;\n\n    .label {\n        transition: none;\n        @include focus-outline($outline-color: var(--wcs-radio-outline-color-focus), $border-radius: var(--wcs-radio-border-radius));\n    }\n}\n\n:host([disabled]) {\n    .label {\n        color: var(--wcs-radio-text-color-disabled);\n        cursor: not-allowed;\n\n        &:before {\n            border-color: var(--wcs-radio-checkmark-border-color-disabled);\n        }\n    }\n}\n\n:host(:not([disabled])) {\n    .label {\n        cursor: pointer;\n    }\n}\n\n:host([mode=radio].checked),\n:host([mode=horizontal].checked) {\n    .label {\n        color: var(--wcs-radio-text-color-selected);\n        font-weight: var(--wcs-radio-text-font-weight-selected) !important;\n\n        &:before {\n            border-color: var(--wcs-radio-checkmark-border-color-selected);\n            background-color: var(--wcs-radio-checkmark-background-color-selected);\n            outline: solid var(--wcs-radio-checkmark-outline-width) var(--wcs-radio-checkmark-outline-color);\n            outline-offset: calc(-1 * var(--wcs-radio-checkmark-outline-distance-with-checkmark-circle));\n        }\n    }\n}\n\n:host([mode=radio][disabled].checked),\n:host([mode=horizontal][disabled].checked) {\n    .label {\n        color: var(--wcs-radio-text-color-disabled);\n\n        &:before {\n            border-color: var(--wcs-radio-checkmark-border-color-disabled);\n            background-color: var(--wcs-radio-checkmark-background-color-selected-disabled);\n        }\n    }\n}\n\n:host([mode=radio]:hover:not([disabled])),\n:host([mode=horizontal]:hover:not([disabled])) {\n    .label {\n        color: var(--wcs-radio-text-color-hover);\n\n        &:before {\n            border-color: var(--wcs-radio-checkmark-border-color-hover);\n            background-color: var(--wcs-radio-checkmark-background-color-selected-hover);\n        }\n    }\n}\n\n:host([mode=radio]:hover:not([disabled]):not(.checked)),\n:host([mode=horizontal]:hover:not([disabled]):not(.checked)) {\n    .label:before {\n        background-color: var(--wcs-radio-checkmark-background-color-default);\n    }\n}\n\n:host([mode=radio]) {\n    .label {\n        border: none;\n\n        &:before {\n            transition: background-color var(--wcs-radio-transition-duration) ease-in-out;\n            margin-right: var(--wcs-radio-gap);\n            display: inline-block;\n            top: 3px;\n            box-sizing: border-box;\n        }\n\n        &:empty::before {\n            margin-right: 0;\n        }\n    }\n}\n\n:host([mode=horizontal]) {\n    height: fit-content;\n\n    .label {\n        &:before {\n            transition: background-color var(--wcs-radio-transition-duration) ease-in-out;\n            margin: auto auto var(--wcs-radio-gap);\n            display: block;\n        }\n\n        &:empty::before {\n            margin-bottom: 0;\n        }\n    }\n}\n\n:host([mode=option]) {\n    font-weight: var(--wcs-radio-option-text-font-weight-default) !important;\n\n    input {\n        position: absolute;\n        z-index: -1;\n        opacity: 0;\n        box-sizing: border-box;\n        padding: 0;\n    }\n\n    .label {\n        padding: var(--wcs-radio-option-padding-top) var(--wcs-radio-option-padding-right) var(--wcs-radio-option-padding-bottom) var(--wcs-radio-option-padding-left);\n        margin-bottom: 0;\n        color: var(--wcs-radio-option-text-color-default);\n        white-space: nowrap;\n        border-radius: var(--wcs-radio-option-border-radius);\n        transition: background-color var(--wcs-radio-transition-duration) ease-in-out;\n        background-color: var(--wcs-radio-option-background-color-default);\n    }\n\n    input:focus-visible + .label {\n        @include focus-outline($outline-color: var(--wcs-radio-outline-color-focus), $border-radius: var(--wcs-radio-border-radius), $outline-offset: 0);\n    }\n}\n\n:host([mode=option][disabled]) {\n    .label {\n        color: var(--wcs-radio-option-text-color-disabled);\n        background-color: var(--wcs-radio-option-background-color-disabled);\n    }\n}\n\n:host([mode=option][disabled].checked) {\n    .label {\n        color: var(--wcs-radio-option-text-color-disabled);\n        background-color: var(--wcs-radio-option-background-color-selected-disabled);\n    }\n}\n\n:host([mode=option].checked) {\n    .label {\n        font-weight: var(--wcs-radio-option-text-font-weight-selected) !important;\n        color: var(--wcs-radio-option-text-color-selected-default);\n        background-color: var(--wcs-radio-option-background-color-selected-default);\n    }\n}\n\n:host([mode=option]:hover.checked:not([disabled])) {\n    .label {\n        color: var(--wcs-radio-option-text-color-selected-hover);\n        background-color: var(--wcs-radio-option-background-color-selected-hover);\n    }\n}\n\n:host([mode=option]:active.checked:not([disabled])) {\n    .label {\n        color: var(--wcs-radio-option-text-color-selected-press);\n        background-color: var(--wcs-radio-option-background-color-selected-press);\n    }\n}\n\n:host([mode=option]:hover:not(.checked):not([disabled])) {\n    .label {\n        color: var(--wcs-radio-option-text-color-hover);\n        background-color: var(--wcs-radio-option-background-color-hover);\n        outline: var(--wcs-radio-option-border-width) solid var(--wcs-radio-option-border-color-hover);\n    }\n}\n\n:host([mode=option]:active:not(.checked):not([disabled])) {\n    .label {\n        color: var(--wcs-radio-option-text-color-press);\n        background-color: var(--wcs-radio-option-background-color-press);\n        outline: var(--wcs-radio-option-border-width) solid var(--wcs-radio-option-border-color-press);\n\n\n\n    }\n}\n","import {\n    Component,\n    ComponentInterface,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Method,\n    Prop,\n    State\n} from '@stencil/core';\nimport { RadioChosedEvent } from './radio-interface';\nimport { RadioGroupMode } from '../radio-group/radio-group-interface';\nimport { setOrRemoveAttribute } from \"../../utils/helpers\";\nimport { AriaAttributeName, MutableAriaAttribute } from \"../../utils/mutable-aria-attribute\";\n\n/**\n * The radio component should always be wrapped in a `wcs-radio-group`.\n * \n * @cssprop --wcs-radio-transition-duration - Duration of the transition\n * \n * @cssprop --wcs-radio-text-color-default - Color of the text when the radio is not selected\n * @cssprop --wcs-radio-text-font-weight-default - Default font weight of the text\n * @cssprop --wcs-radio-text-color-selected - Color of the text when the radio is selected\n * @cssprop --wcs-radio-text-font-weight-selected - Font weight of the text when the radio is selected\n * @cssprop --wcs-radio-text-color-disabled - Color of the text when the radio is disabled\n * @cssprop --wcs-radio-text-color-hover - Color of the text when the radio is hovered\n * \n * @cssprop --wcs-radio-outline-color-focus - Color of the outline when the radio is focused\n * \n * @cssprop --wcs-radio-checkmark-size - Size of the checkmark circle\n * @cssprop --wcs-radio-checkmark-border-width - Width of the border of the checkmark circle\n * @cssprop --wcs-radio-checkmark-border-color-default - Color of the border of the checkmark circle when the radio's is not selected\n * @cssprop --wcs-radio-checkmark-border-color-selected - Color of the border of the checkmark circle when the radio is selected\n * @cssprop --wcs-radio-checkmark-border-color-hover - Color of the border of the checkmark circle when the radio is hovered\n * @cssprop --wcs-radio-checkmark-border-color-disabled - Color of the border of the checkmark circle when the radio is disabled\n * @cssprop --wcs-radio-checkmark-background-color-default - Background color of the checkmark circle when the radio's is not selected\n * @cssprop --wcs-radio-checkmark-background-color-selected - Background color of the checkmark circle when the radio's is selected\n * @cssprop --wcs-radio-checkmark-background-color-selected-disabled - Background color of the checkmark circle when the radio is selected and disabled\n * @cssprop --wcs-radio-checkmark-background-color-selected-hover - Background color of the checkmark circle when the radio is selected and hovered\n *\n * @cssprop --wcs-radio-checkmark-outline-distance-with-checkmark-circle - Distance between the checkmark circle and the outline (inside the background)\n * @cssprop --wcs-radio-checkmark-outline-width - Width of the outline of the checkmark circle (inside the background)\n * @cssprop --wcs-radio-checkmark-outline-color - Color of the outline of the checkmark circle (inside the background)\n * @cssprop --wcs-radio-checkmark-border-radius - Border radius of the checkmark circle\n * \n * @cssprop --wcs-radio-gap - Gap between the radio checkmark circle and the label\n * \n * @cssprop --wcs-radio-border-radius - Border radius of the radio (default mode)\n *\n * @cssprop --wcs-radio-option-background-color-default - Background color of the radio option when not selected\n * @cssprop --wcs-radio-option-background-color-hover - Background color of the radio option not selected when hovered\n * @cssprop --wcs-radio-option-background-color-press - Background color of the radio option when pressed\n * @cssprop --wcs-radio-option-background-color-disabled - Background color of the radio option when disabled\n * \n * @cssprop --wcs-radio-option-background-color-selected-default - Background color of the radio option when selected\n * @cssprop --wcs-radio-option-background-color-selected-hover - Background color of the radio option when selected and hovered\n * @cssprop --wcs-radio-option-background-color-selected-press - Background color of the radio option when selected and pressed\n * @cssprop --wcs-radio-option-background-color-selected-disabled - Background color of the radio option when selected and disabled\n * \n * @cssprop --wcs-radio-option-text-color-default - Color of the text when the radio option is not selected\n * @cssprop --wcs-radio-option-text-color-hover - Color of the text when the radio option not selected is hovered\n * @cssprop --wcs-radio-option-text-color-press - Color of the text when the radio option is pressed\n * \n * @cssprop --wcs-radio-option-text-color-selected-default - Color of the text when the radio option is selected\n * @cssprop --wcs-radio-option-text-color-selected-hover - Color of the text when the radio option is selected and hovered\n * @cssprop --wcs-radio-option-text-color-selected-press - Color of the text when the radio option is selected and pressed\n * @cssprop --wcs-radio-option-text-color-disabled - Color of the text when the radio option's is disabled\n * \n * @cssprop --wcs-radio-option-text-font-weight-default - Default font weight of the text\n * @cssprop --wcs-radio-option-text-font-weight-selected - Font weight of the text when the radio option is selected\n *\n * @cssprop --wcs-radio-option-border-radius - Border radius of the radio option\n * @cssprop --wcs-radio-option-border-width - Width of the border of the radio option\n * @cssprop --wcs-radio-option-border-color-hover - Color of the border of the radio option when not selected and hovered\n * @cssprop --wcs-radio-option-border-color-press - Color of the border of the radio option when not selected and pressed\n * \n * @cssprop --wcs-radio-option-padding-top - Padding top of the radio option\n * @cssprop --wcs-radio-option-padding-right - Padding right of the radio option\n * @cssprop --wcs-radio-option-padding-bottom - Padding bottom of the radio option\n * @cssprop --wcs-radio-option-padding-left - Padding left of the radio option\n */\n@Component({\n    tag: 'wcs-radio',\n    styleUrl: 'radio.scss',\n    shadow: true\n})\nexport class Radio implements ComponentInterface, MutableAriaAttribute {\n    @Element() private readonly el!: HTMLWcsRadioElement;\n    \n    /**\n     * If `true`, the radio is selected. \n     * @private\n     */\n    @State() private checked: boolean = false;\n\n    /**\n     * The tabindex of the radio button\n     * @private\n     */\n    @State() private radioTabIndex = -1;\n\n    /**\n     * Sets a unique value for each radio, used to identify which radio button in a group is selected\n     */\n    @Prop({ mutable: true, reflect: true }) value: any | any[] | undefined | null;\n\n    /**\n     * The label text displayed for the user\n     */\n    @Prop({ mutable: true, reflect: true }) label: string;\n    \n    /**\n     * If `true`, the user cannot interact with the radio.\n     */\n    @Prop({ reflect: true, mutable: true }) disabled: boolean = false;\n\n    /**\n     * Emitted when the radio is clicked or Space/Enter is pressed above an unchecked radio\n     */\n    @Event({ eventName: 'wcsRadioClick' }) wcsRadioClick: EventEmitter<RadioChosedEvent>\n\n    /**\n     * Emitted when the radio loses focus.\n     */\n    @Event() wcsBlur!: EventEmitter<FocusEvent>;\n\n    /**\n     * Emitted when the radio has focus.\n     */\n    @Event() wcsFocus!: EventEmitter<FocusEvent>;\n\n    /**\n     * The name of the control, automatically set by the radio group.  \n     * (You shouldn't set this prop by yourself)\n     * @internal\n     */\n    @Prop({ mutable: true }) name: string;\n\n\n    /**\n     * The display mode of the control, automatically set by the radio group.  \n     * (You shouldn't set this prop by yourself)\n     * @internal\n     */\n    @Prop({ reflect: true, mutable: false }) mode: RadioGroupMode = 'radio';\n\n    /**\n     * @internal\n     * Checks of unchecks the radio according to it's radio-group value\n     */\n    @Method()\n    async updateState() {\n        const radioGroup = this.getClosestRadioGroup();\n        if (radioGroup) {\n            this.checked = radioGroup.name === this.name && radioGroup.value === this.value\n        }\n    }\n\n    /** @internal */\n    @Method()\n    async setTabIndex(value: number) {\n        this.radioTabIndex = value;\n    }\n\n    @Method()\n    async setAriaAttribute(attr: AriaAttributeName, value: string | null | undefined) {\n        setOrRemoveAttribute(this.el, attr, value);\n    }\n\n    onFocus(ev: FocusEvent) {\n        this.wcsFocus.emit(ev);\n    }\n\n    onBlur(ev: FocusEvent) {\n        this.wcsBlur.emit(ev);\n    }\n    \n    private getClosestRadioGroup(): HTMLWcsRadioGroupElement | null {\n        return this.el.closest('wcs-radio-group');\n    }\n\n    componentWillLoad(): Promise<void> | void {\n        if (this.value === undefined) {\n            // If no value was given we use the text content instead.\n            this.value = this.el.innerText || '';\n        }\n    }\n\n    emitRadioChangeEvent() {\n        this.wcsRadioClick.emit({\n            label: this.label,\n            source: this.el,\n            value: this.value\n        });\n    }\n\n    private selectRadio() {\n        if (this.disabled || this.checked) {\n            return;\n        }\n\n        this.checked = true;\n        // Only emit the change event when going from unchecked to checked, like the native behavior.\n        // https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event\n        this.emitRadioChangeEvent();\n    }\n\n    private readonly handleClick = () => {\n        this.selectRadio();\n    };\n\n    private readonly handleKeyDown = (event: KeyboardEvent) => {\n        if (this.disabled) return;\n\n        if (event.key === ' ' || event.key === 'Enter') {\n            event.preventDefault();\n            event.stopPropagation();\n            this.selectRadio();\n        }\n    };\n\n    render() {\n        \n        return (\n            <Host slot=\"option\"\n                  role=\"radio\"\n                  aria-checked={this.checked ? 'true' : 'false'}\n                  aria-disabled={this.disabled ? 'true' : 'false'}\n                  tabIndex={this.disabled ? -1 : this.radioTabIndex}\n                  class={this.checked ? 'checked' : ''}\n                  onClick={this.handleClick.bind(this)}\n                  onFocus={this.onFocus.bind(this)}\n                  onBlur={this.onBlur.bind(this)}\n                  onKeyDown={this.handleKeyDown.bind(this)}>\n                <span class=\"label\">{this.label}</span>\n            </Host>\n        );\n    }\n}\n"],"mappings":"oGAAA,MAAMA,EAAW,83TACjB,MAAAC,EAAeD,E,MCuFFE,EAAK,M,0IAyHGC,KAAAC,YAAc,KAC3BD,KAAKE,aAAa,EAGLF,KAAAG,cAAiBC,IAC9B,GAAIJ,KAAKK,SAAU,OAEnB,GAAID,EAAME,MAAQ,KAAOF,EAAME,MAAQ,QAAS,CAC5CF,EAAMG,iBACNH,EAAMI,kBACNR,KAAKE,a,gBA5HuB,M,oBAMF,E,wDAe0B,M,8BA8BI,O,CAOhE,iBAAMO,GACF,MAAMC,EAAaV,KAAKW,uBACxB,GAAID,EAAY,CACZV,KAAKY,QAAUF,EAAWG,OAASb,KAAKa,MAAQH,EAAWI,QAAUd,KAAKc,K,EAMlF,iBAAMC,CAAYD,GACdd,KAAKgB,cAAgBF,C,CAIzB,sBAAMG,CAAiBC,EAAyBJ,GAC5CK,EAAqBnB,KAAKoB,GAAIF,EAAMJ,E,CAGxC,OAAAO,CAAQC,GACJtB,KAAKuB,SAASC,KAAKF,E,CAGvB,MAAAG,CAAOH,GACHtB,KAAK0B,QAAQF,KAAKF,E,CAGd,oBAAAX,GACJ,OAAOX,KAAKoB,GAAGO,QAAQ,kB,CAG3B,iBAAAC,GACI,GAAI5B,KAAKc,QAAUe,UAAW,CAE1B7B,KAAKc,MAAQd,KAAKoB,GAAGU,WAAa,E,EAI1C,oBAAAC,GACI/B,KAAKgC,cAAcR,KAAK,CACpBS,MAAOjC,KAAKiC,MACZC,OAAQlC,KAAKoB,GACbN,MAAOd,KAAKc,O,CAIZ,WAAAZ,GACJ,GAAIF,KAAKK,UAAYL,KAAKY,QAAS,CAC/B,M,CAGJZ,KAAKY,QAAU,KAGfZ,KAAK+B,sB,CAiBT,MAAAI,GAEI,OACIC,EAACC,EAAI,CAAA/B,IAAA,2CAACgC,KAAK,SACLC,KAAK,QAAO,eACEvC,KAAKY,QAAU,OAAS,QAAO,gBAC9BZ,KAAKK,SAAW,OAAS,QACxCmC,SAAUxC,KAAKK,UAAY,EAAIL,KAAKgB,cACpCyB,MAAOzC,KAAKY,QAAU,UAAY,GAClC8B,QAAS1C,KAAKC,YAAY0C,KAAK3C,MAC/BqB,QAASrB,KAAKqB,QAAQsB,KAAK3C,MAC3ByB,OAAQzB,KAAKyB,OAAOkB,KAAK3C,MACzB4C,UAAW5C,KAAKG,cAAcwC,KAAK3C,OACrCoC,EAAA,QAAA9B,IAAA,2CAAMmC,MAAM,SAASzC,KAAKiC,O"}

package/dist/wcs/{p-b28b2fba.entry.js → p-218b5f3d.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i,H as n,g as e}from"./p-32e583ea.js";import{i as o,a,s}from"./p-52d77e1f.js";const r=':host{display:flex;flex-direction:column;justify-content:center}:host .size-s{font-size:18px !important}:host .size-m{font-size:24px !important}:host .size-l{font-size:36px !important}:host .size-xl{font-size:48px !important}:host .material-icons{font-family:"Material Icons";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}:host .material-icons-outlined{font-family:"Material Icons Outlined";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}:host .material-icons-two-tone{--google-font-color-materialiconstwotone:none;font-family:"Material Icons Two Tone";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}:host .material-icons-round{font-family:"Material Icons Round";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}:host .material-icons-sharp{font-family:"Material Icons Sharp";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}';const l=r;const f={filled:"material-icons",outlined:"material-icons-outlined",twotone:"material-icons-two-tone",rounded:"material-icons-round",sharp:"material-icons-sharp"};const c=["title"];const m=class{constructor(i){t(this,i);this.inheritedAttributes={};this.icon=undefined;this.size="m";this.family="filled"}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},o(this.el)),a(this.el,c))}async setAriaAttribute(t,i){s(this.nativeIcon,t,i)}render(){return i(n,{key:"57b0feb64492a614f69e255808dd5ae511e6b1f2"},i("i",Object.assign({key:"57475c2aaf39a6f719fc65a5c58f14df97c49db0","aria-hidden":"true",class:f[this.family]+" size-"+this.size,ref:t=>this.nativeIcon=t},this.inheritedAttributes),this.icon))}get el(){return e(this)}};m.style=l;export{m as wcs_mat_icon};
-//# sourceMappingURL=p-b28b2fba.entry.js.map
+import{r as t,h as i,H as n,g as e}from"./p-32e583ea.js";import{i as o,a,s}from"./p-5314a64d.js";const r=':host{display:flex;flex-direction:column;justify-content:center}:host .size-s{font-size:18px !important}:host .size-m{font-size:24px !important}:host .size-l{font-size:36px !important}:host .size-xl{font-size:48px !important}:host .material-icons{font-family:"Material Icons";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}:host .material-icons-outlined{font-family:"Material Icons Outlined";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}:host .material-icons-two-tone{--google-font-color-materialiconstwotone:none;font-family:"Material Icons Two Tone";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}:host .material-icons-round{font-family:"Material Icons Round";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}:host .material-icons-sharp{font-family:"Material Icons Sharp";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}';const l=r;const f={filled:"material-icons",outlined:"material-icons-outlined",twotone:"material-icons-two-tone",rounded:"material-icons-round",sharp:"material-icons-sharp"};const c=["title"];const m=class{constructor(i){t(this,i);this.inheritedAttributes={};this.icon=undefined;this.size="m";this.family="filled"}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},o(this.el)),a(this.el,c))}async setAriaAttribute(t,i){s(this.nativeIcon,t,i)}render(){return i(n,{key:"dec260ca9c57892e17402365e179a17a0e085b18"},i("i",Object.assign({key:"f9e8fb980b2a99bff272b08c629347f6c1b28d49","aria-hidden":"true",class:f[this.family]+" size-"+this.size,ref:t=>this.nativeIcon=t},this.inheritedAttributes),this.icon))}get el(){return e(this)}};m.style=l;export{m as wcs_mat_icon};
+//# sourceMappingURL=p-218b5f3d.entry.js.map

package/dist/wcs/{p-aadf37e7.entry.js → p-25d7b2f8.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s,H as e}from"./p-32e583ea.js";const r=':host{--wcs-list-item-properties-margin-bottom:var(--wcs-semantic-spacing-small);--wcs-list-item-properties-gap:calc(4 * var(--wcs-semantic-spacing-base));--wcs-list-item-properties-separator-width:var(--wcs-semantic-border-width-large);--wcs-list-item-properties-separator-color:var(--wcs-semantic-color-border-secondary);display:flex;margin-bottom:var(--wcs-list-item-properties-margin-bottom);gap:var(--wcs-list-item-properties-gap)}::slotted(*:not(:last-of-type)){position:relative}::slotted(*:not(:last-of-type))::after{position:absolute;content:"";top:0;height:100%;width:var(--wcs-list-item-properties-separator-width);background-color:var(--wcs-list-item-properties-separator-color);right:calc(-0.5 * var(--wcs-list-item-properties-gap) - 0.5 * var(--wcs-list-item-properties-separator-width))}';const o=r;const i=class{constructor(s){t(this,s)}render(){return s(e,{key:"c9403bd863f3fbd182426df25c089d61ac3e5986",slot:"properties"},s("slot",{key:"23baae7bd7dc743b23fc5598c8a60b6edf37f9c4",name:"property"}))}};i.style=o;export{i as wcs_list_item_properties};
-//# sourceMappingURL=p-aadf37e7.entry.js.map
+import{r as t,h as e,H as s}from"./p-32e583ea.js";const r=':host{--wcs-list-item-properties-margin-bottom:var(--wcs-semantic-spacing-small);--wcs-list-item-properties-gap:calc(4 * var(--wcs-semantic-spacing-base));--wcs-list-item-properties-separator-width:var(--wcs-semantic-border-width-large);--wcs-list-item-properties-separator-color:var(--wcs-semantic-color-border-secondary);display:flex;margin-bottom:var(--wcs-list-item-properties-margin-bottom);gap:var(--wcs-list-item-properties-gap)}::slotted(*:not(:last-of-type)){position:relative}::slotted(*:not(:last-of-type))::after{position:absolute;content:"";top:0;height:100%;width:var(--wcs-list-item-properties-separator-width);background-color:var(--wcs-list-item-properties-separator-color);right:calc(-0.5 * var(--wcs-list-item-properties-gap) - 0.5 * var(--wcs-list-item-properties-separator-width))}';const a=r;const o=class{constructor(e){t(this,e)}render(){return e(s,{key:"168f5a846e64177a50b350cb90bee3b15a7eb871",slot:"properties"},e("slot",{key:"f5f3a8caa0da9384d409340f51f41c11971a0904",name:"property"}))}};o.style=a;export{o as wcs_list_item_properties};
+//# sourceMappingURL=p-25d7b2f8.entry.js.map

package/dist/wcs/{p-850fa9c9.entry.js → p-3e57c746.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as s,h as t,H as n,g as o}from"./p-32e583ea.js";import{i as a,a as i,b as c,s as r,c as m,d}from"./p-52d77e1f.js";import{r as u,c as l}from"./p-0017d766.js";const b=":host{--wcs-com-nav-submenu-button-color:var(--wcs-semantic-color-text-primary);--wcs-com-nav-submenu-button-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-com-nav-submenu-button-focus-outline-color:var(--wcs-semantic-color-border-focus-base);--wcs-com-nav-submenu-button-gap:var(--wcs-semantic-spacing-base);--wcs-com-nav-submenu-desktop-menu-background-color:var(--wcs-semantic-color-background-surface-primary);--wcs-com-nav-submenu-desktop-menu-text-color:var(--wcs-semantic-color-text-primary);--wcs-com-nav-submenu-desktop-menu-link-font-weight:var(--wcs-semantic-font-weight-roman);--wcs-com-nav-submenu-desktop-menu-heading-font-weight:var(--wcs-semantic-font-weight-heavy);--wcs-com-nav-submenu-desktop-menu-description-font-weight:var(--wcs-semantic-font-weight-roman);--wcs-com-nav-submenu-desktop-menu-description-gap:var(--wcs-semantic-spacing-base);--wcs-com-nav-submenu-desktop-menu-padding:50px;--wcs-com-nav-submenu-desktop-menu-items-padding-left:50px;--wcs-com-nav-submenu-desktop-menu-items-padding-right:80px;--wcs-com-nav-submenu-mobile-text-color:var(--wcs-semantic-color-text-primary);--wcs-com-nav-submenu-mobile-link-font-weight:var(--wcs-semantic-font-weight-roman);--wcs-com-nav-submenu-mobile-spacing-top:var(--wcs-semantic-spacing-large);--wcs-com-nav-submenu-mobile-spacing-bottom:var(--wcs-semantic-spacing-large);--wcs-com-nav-submenu-mobile-spacing-left:calc(var(--wcs-semantic-spacing-base) * 3);--wcs-com-nav-submenu-mobile-gap:calc(var(--wcs-semantic-spacing-base) * 3);display:block;padding-bottom:var(--wcs-com-nav-submenu-mobile-spacing-bottom)}:host button{display:block;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}:host .arrow-icon{display:none}:host .arrow-container{display:none}:host .label{text-transform:uppercase;font-size:16px;cursor:unset;font-weight:var(--wcs-com-nav-submenu-button-font-weight);color:var(--wcs-com-nav-submenu-button-color);text-decoration:none}:host .drawer{display:contents}:host .drawer-container{display:contents}:host .drawer-description{display:none}:host .menu-items{display:flex;flex-direction:column;gap:var(--wcs-com-nav-submenu-mobile-gap)}:host .menu-items ::slotted(wcs-com-nav-item){color:var(--wcs-com-nav-submenu-mobile-text-color);font-weight:var(--wcs-com-nav-submenu-mobile-link-font-weight)}@media (max-width: 575px){:host .menu-button{margin:0}:host .menu-items{margin-top:var(--wcs-com-nav-submenu-mobile-spacing-top);margin-left:var(--wcs-com-nav-submenu-mobile-spacing-left)}}@media (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 .menu-button:focus-visible{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-com-nav-submenu-button-focus-outline-color);outline-offset:0.1rem;border-radius:2px}@supports not selector(.menu-button:focus-visible){:host{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-com-nav-submenu-button-focus-outline-color);outline-offset:0.1rem;border-radius:2px}}: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-com-nav-submenu-button-gap)}:host .arrow-icon:not([data-open]){transform:rotate(90deg)}:host .arrow-icon[data-open]{transform:rotate(-90deg)}:host .drawer{display:none;position:absolute;top:calc(var(--wcs-com-nav-menu-bar-height) + var(--wcs-com-nav-border-width));z-index:8888;left:0;width:100%;box-sizing:border-box;padding:var(--wcs-com-nav-submenu-desktop-menu-padding);background-color:var(--wcs-com-nav-submenu-desktop-menu-background-color);color:var(--wcs-com-nav-submenu-desktop-menu-text-color);box-shadow:0 4px 10px 0 rgba(0, 0, 0, 0.08)}: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 var(--wcs-com-nav-submenu-desktop-menu-items-padding-right) 0 var(--wcs-com-nav-submenu-desktop-menu-items-padding-left);display:flex;flex-direction:column;align-items:flex-end}:host .menu-items ::slotted(wcs-com-nav-item){color:var(--wcs-com-nav-submenu-desktop-menu-text-color);font-weight:var(--wcs-com-nav-submenu-desktop-menu-link-font-weight)}:host .menu-items ::slotted(wcs-com-nav-item:focus-within){outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-com-nav-submenu-desktop-menu-text-color);outline-offset:0.1rem;border-radius:2px}:host .drawer-container{display:flex;max-width:var(--wcs-com-content-max-width);margin:0 auto}:host .drawer-container h3{margin:0 0 var(--wcs-com-nav-submenu-desktop-menu-description-gap) 0;font-size:1.5rem;line-height:1.25;font-weight:var(--wcs-com-nav-submenu-desktop-menu-heading-font-weight)}:host .drawer-container p{margin-top:0;margin-bottom:1rem;font-weight:var(--wcs-com-nav-submenu-desktop-menu-description-font-weight);font-size:1rem;line-height:1.375}:host .drawer[data-open]{display:block}:host .drawer-description{display:block}}";const h=b;const p=["title"];const w="WCS-COM-NAV-CATEGORY";const f=class{constructor(t){e(this,t);this.wcsSubmenuOpened=s(this,"wcsSubmenuOpened",7);this.inheritedAttributes={};this.menuItemsId=`wcs-com-nav-submenu-items`;this.label=undefined;this.panelTitle=undefined;this.panelDescription=undefined;this.menuOpen=false;this.currentActiveSizing="desktop"}componentWillLoad(){const e=this.el.querySelectorAll(":scope > wcs-com-nav-category:not([slot])");u(e,w);this.inheritedAttributes=Object.assign(Object.assign({},a(this.el)),i(this.el,p))}componentDidLoad(){if(!this.resizeObserver){this.resizeObserver=l(this);this.resizeObserver.observe(document.body)}}onWindowClickEvent(e){if(this.menuOpen)this.menuOpen=false}onSubmenuOpened(e){if(e.detail.menuElement!==this.el){this.menuOpen=false}}onEscapeKeyDown(e){if(c(e)&&this.menuOpen){this.menuOpen=false}}async setAriaAttribute(e,s){r(this.nativeButton,e,s)}async close(){this.menuOpen=false}async open(){this.menuOpen=true}onClick(e){e.stopPropagation();this.wcsSubmenuOpened.emit({menuElement:this.el})}handleMenuItemsKeyDown(e){if(m(e)||d(e)){this.handleMenuItemsClick(e)}}handleMenuItemsClick(e){if(e.target.tagName==="A"){this.close()}}wcsCategoryItemClickedHandler(e){this.close()}disconnectedCallback(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect()}render(){return t(n,{key:"935e78a3daf751160c21e7375e86be186bcfdec9",onClick:e=>this.onClick(e),role:"listitem","data-open":this.menuOpen},this.currentActiveSizing==="mobile"?t("h2",{role:"presentation",class:"menu-button"},t("span",{class:"label"},this.label),t("span",{class:"arrow-container"},t("span",{class:"arrow-icon","data-open":this.menuOpen},""))):t("button",Object.assign({onClick:e=>this.menuOpen=!this.menuOpen,"aria-expanded":this.menuOpen?"true":"false","aria-controls":this.menuItemsId,class:"menu-button",ref:e=>this.nativeButton=e},this.inheritedAttributes),t("span",{class:"label"},this.label),t("span",{class:"arrow-container"},t("span",{"aria-hidden":"true",class:"arrow-icon","data-open":this.menuOpen},""))),t("div",{key:"1e654c7f9a74f3e6bb92e9cd3589ea3b7ee9ed99",class:"drawer","data-open":this.menuOpen,tabIndex:-1},t("div",{key:"1c2d8a56d7e91071fcb43f537173850ecf62fb28",class:"drawer-container"},t("div",{key:"4880e09bcf8e06464db2984ac43dbd01ee9a0af3",class:"drawer-content"},t("div",{key:"d2e6e97442a73ff8d24ba4165587fd544b2ff853",class:"drawer-description"},t("h3",{key:"04b20b11befc1dc63e719fda8dda51fe248e93cd"},this.panelTitle),t("p",{key:"69810728510063a77b97845d91f684fe2abfa347"},this.panelDescription)),t("div",{key:"ed35406cc3a5ced0155181239dc96b4afcaa2871",role:"list","aria-label":this.label,id:this.menuItemsId,class:"menu-items",onClick:e=>this.handleMenuItemsClick(e),onKeyDown:e=>this.handleMenuItemsKeyDown(e)},t("slot",{key:"3059b3ccbef8b9483e05e4d400b1643d9ab23273"}))))))}get el(){return o(this)}};f.style=h;export{f as wcs_com_nav_submenu};
-//# sourceMappingURL=p-850fa9c9.entry.js.map
+import{r as e,c as s,h as t,H as n,g as o}from"./p-32e583ea.js";import{i as a,a as i,b as c,s as r,c as m,d}from"./p-5314a64d.js";import{r as u,c as l}from"./p-dbf82cb9.js";const b=":host{--wcs-com-nav-submenu-button-color:var(--wcs-semantic-color-text-primary);--wcs-com-nav-submenu-button-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-com-nav-submenu-button-focus-outline-color:var(--wcs-semantic-color-border-focus-base);--wcs-com-nav-submenu-button-gap:var(--wcs-semantic-spacing-base);--wcs-com-nav-submenu-desktop-menu-background-color:var(--wcs-semantic-color-background-surface-primary);--wcs-com-nav-submenu-desktop-menu-text-color:var(--wcs-semantic-color-text-primary);--wcs-com-nav-submenu-desktop-menu-link-font-weight:var(--wcs-semantic-font-weight-roman);--wcs-com-nav-submenu-desktop-menu-heading-font-weight:var(--wcs-semantic-font-weight-heavy);--wcs-com-nav-submenu-desktop-menu-description-font-weight:var(--wcs-semantic-font-weight-roman);--wcs-com-nav-submenu-desktop-menu-description-gap:var(--wcs-semantic-spacing-base);--wcs-com-nav-submenu-desktop-menu-padding:50px;--wcs-com-nav-submenu-desktop-menu-items-padding-left:50px;--wcs-com-nav-submenu-desktop-menu-items-padding-right:80px;--wcs-com-nav-submenu-mobile-text-color:var(--wcs-semantic-color-text-primary);--wcs-com-nav-submenu-mobile-link-font-weight:var(--wcs-semantic-font-weight-roman);--wcs-com-nav-submenu-mobile-spacing-top:var(--wcs-semantic-spacing-large);--wcs-com-nav-submenu-mobile-spacing-bottom:var(--wcs-semantic-spacing-large);--wcs-com-nav-submenu-mobile-spacing-left:calc(var(--wcs-semantic-spacing-base) * 3);--wcs-com-nav-submenu-mobile-gap:calc(var(--wcs-semantic-spacing-base) * 3);display:block;padding-bottom:var(--wcs-com-nav-submenu-mobile-spacing-bottom)}:host button{display:block;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}:host .arrow-icon{display:none}:host .arrow-container{display:none}:host .label{text-transform:uppercase;font-size:16px;cursor:unset;font-weight:var(--wcs-com-nav-submenu-button-font-weight);color:var(--wcs-com-nav-submenu-button-color);text-decoration:none}:host .drawer{display:contents}:host .drawer-container{display:contents}:host .drawer-description{display:none}:host .menu-items{display:flex;flex-direction:column;gap:var(--wcs-com-nav-submenu-mobile-gap)}:host .menu-items ::slotted(wcs-com-nav-item){color:var(--wcs-com-nav-submenu-mobile-text-color);font-weight:var(--wcs-com-nav-submenu-mobile-link-font-weight)}@media (max-width: 575px){:host .menu-button{margin:0}:host .menu-items{margin-top:var(--wcs-com-nav-submenu-mobile-spacing-top);margin-left:var(--wcs-com-nav-submenu-mobile-spacing-left)}}@media (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 .menu-button:focus-visible{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-com-nav-submenu-button-focus-outline-color);outline-offset:0.1rem;border-radius:2px}@supports not selector(.menu-button:focus-visible){:host{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-com-nav-submenu-button-focus-outline-color);outline-offset:0.1rem;border-radius:2px}}: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-com-nav-submenu-button-gap)}:host .arrow-icon:not([data-open]){transform:rotate(90deg)}:host .arrow-icon[data-open]{transform:rotate(-90deg)}:host .drawer{display:none;position:absolute;top:calc(var(--wcs-com-nav-menu-bar-height) + var(--wcs-com-nav-border-width));z-index:8888;left:0;width:100%;box-sizing:border-box;padding:var(--wcs-com-nav-submenu-desktop-menu-padding);background-color:var(--wcs-com-nav-submenu-desktop-menu-background-color);color:var(--wcs-com-nav-submenu-desktop-menu-text-color);box-shadow:0 4px 10px 0 rgba(0, 0, 0, 0.08)}: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 var(--wcs-com-nav-submenu-desktop-menu-items-padding-right) 0 var(--wcs-com-nav-submenu-desktop-menu-items-padding-left);display:flex;flex-direction:column;align-items:flex-end}:host .menu-items ::slotted(wcs-com-nav-item){color:var(--wcs-com-nav-submenu-desktop-menu-text-color);font-weight:var(--wcs-com-nav-submenu-desktop-menu-link-font-weight)}:host .menu-items ::slotted(wcs-com-nav-item:focus-within){outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-com-nav-submenu-desktop-menu-text-color);outline-offset:0.1rem;border-radius:2px}:host .drawer-container{display:flex;max-width:var(--wcs-com-content-max-width);margin:0 auto}:host .drawer-container h3{margin:0 0 var(--wcs-com-nav-submenu-desktop-menu-description-gap) 0;font-size:1.5rem;line-height:1.25;font-weight:var(--wcs-com-nav-submenu-desktop-menu-heading-font-weight)}:host .drawer-container p{margin-top:0;margin-bottom:1rem;font-weight:var(--wcs-com-nav-submenu-desktop-menu-description-font-weight);font-size:1rem;line-height:1.375}:host .drawer[data-open]{display:block}:host .drawer-description{display:block}}";const h=b;const p=["title"];const w="WCS-COM-NAV-CATEGORY";const f=class{constructor(t){e(this,t);this.wcsSubmenuOpened=s(this,"wcsSubmenuOpened",7);this.inheritedAttributes={};this.menuItemsId=`wcs-com-nav-submenu-items`;this.label=undefined;this.panelTitle=undefined;this.panelDescription=undefined;this.menuOpen=false;this.currentActiveSizing="desktop"}componentWillLoad(){const e=this.el.querySelectorAll(":scope > wcs-com-nav-category:not([slot])");u(e,w);this.inheritedAttributes=Object.assign(Object.assign({},a(this.el)),i(this.el,p))}componentDidLoad(){if(!this.resizeObserver){this.resizeObserver=l(this);this.resizeObserver.observe(document.body)}}onWindowClickEvent(e){if(this.menuOpen)this.menuOpen=false}onSubmenuOpened(e){if(e.detail.menuElement!==this.el){this.menuOpen=false}}onEscapeKeyDown(e){if(c(e)&&this.menuOpen){this.menuOpen=false}}async setAriaAttribute(e,s){r(this.nativeButton,e,s)}async close(){this.menuOpen=false}async open(){this.menuOpen=true}onClick(e){e.stopPropagation();this.wcsSubmenuOpened.emit({menuElement:this.el})}handleMenuItemsKeyDown(e){if(m(e)||d(e)){this.handleMenuItemsClick(e)}}handleMenuItemsClick(e){if(e.target.tagName==="A"){this.close()}}wcsCategoryItemClickedHandler(e){this.close()}disconnectedCallback(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect()}render(){return t(n,{key:"935e78a3daf751160c21e7375e86be186bcfdec9",onClick:e=>this.onClick(e),role:"listitem","data-open":this.menuOpen},this.currentActiveSizing==="mobile"?t("h2",{role:"presentation",class:"menu-button"},t("span",{class:"label"},this.label),t("span",{class:"arrow-container"},t("span",{class:"arrow-icon","data-open":this.menuOpen},""))):t("button",Object.assign({onClick:e=>this.menuOpen=!this.menuOpen,"aria-expanded":this.menuOpen?"true":"false","aria-controls":this.menuItemsId,class:"menu-button",ref:e=>this.nativeButton=e},this.inheritedAttributes),t("span",{class:"label"},this.label),t("span",{class:"arrow-container"},t("span",{"aria-hidden":"true",class:"arrow-icon","data-open":this.menuOpen},""))),t("div",{key:"1e654c7f9a74f3e6bb92e9cd3589ea3b7ee9ed99",class:"drawer","data-open":this.menuOpen,tabIndex:-1},t("div",{key:"1c2d8a56d7e91071fcb43f537173850ecf62fb28",class:"drawer-container"},t("div",{key:"4880e09bcf8e06464db2984ac43dbd01ee9a0af3",class:"drawer-content"},t("div",{key:"d2e6e97442a73ff8d24ba4165587fd544b2ff853",class:"drawer-description"},t("h3",{key:"04b20b11befc1dc63e719fda8dda51fe248e93cd"},this.panelTitle),t("p",{key:"69810728510063a77b97845d91f684fe2abfa347"},this.panelDescription)),t("div",{key:"ed35406cc3a5ced0155181239dc96b4afcaa2871",role:"list","aria-label":this.label,id:this.menuItemsId,class:"menu-items",onClick:e=>this.handleMenuItemsClick(e),onKeyDown:e=>this.handleMenuItemsKeyDown(e)},t("slot",{key:"3059b3ccbef8b9483e05e4d400b1643d9ab23273"}))))))}get el(){return o(this)}};f.style=h;export{f as wcs_com_nav_submenu};
+//# sourceMappingURL=p-3e57c746.entry.js.map

package/dist/wcs/{p-52d77e1f.js → p-5314a64d.js}

@@ -1,2 +1,2 @@
-function a(a){return"clientWidth"in a&&"clientHeight"in a}function r(a){return!!a.shadowRoot&&!!a.attachShadow}const n=(a,r)=>{const n=a._original||a;return{_original:a,emit:e(n.emit.bind(n),r)}};const e=(a,r=0)=>{let n;return(...e)=>{clearTimeout(n);n=setTimeout(a,r,...e)}};const i=(a,r=[])=>{const n={};r.forEach((r=>{if(a.hasAttribute(r)){const e=a.getAttribute(r);if(e!==null){n[r]=a.getAttribute(r)}a.removeAttribute(r)}}));return n};const t=["role","aria-activedescendant","aria-atomic","aria-autocomplete","aria-braillelabel","aria-brailleroledescription","aria-busy","aria-checked","aria-colcount","aria-colindex","aria-colindextext","aria-colspan","aria-controls","aria-current","aria-describedby","aria-description","aria-details","aria-disabled","aria-errormessage","aria-expanded","aria-flowto","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-level","aria-live","aria-multiline","aria-multiselectable","aria-orientation","aria-owns","aria-placeholder","aria-posinset","aria-pressed","aria-readonly","aria-relevant","aria-required","aria-roledescription","aria-rowcount","aria-rowindex","aria-rowindextext","aria-rowspan","aria-selected","aria-setsize","aria-sort","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext"];const o=(a,r)=>{let n=t;if(r&&r.length>0){n=n.filter((a=>!r.includes(a)))}return i(a,n)};function s(a,r,n){if(a){if(n===undefined||n===null){a.removeAttribute(r)}else{a.setAttribute(r,n)}}}const u=a=>{const r=a.closest("wcs-form-field");if(r){return r.querySelector("wcs-label")}return null};const c=(a,r,n)=>{const e=a.filter((a=>!r.some((r=>n(a,r)))));const i=a.filter((a=>r.some((r=>n(a,r)))));const t=r.filter((r=>!a.some((a=>n(r,a)))));return{removed:e,kept:i,added:t}};function l(a){var r,n;return(n=(r=a===null||a===void 0?void 0:a.replace(/\s+/g," "))===null||r===void 0?void 0:r.trim())!==null&&n!==void 0?n:""}const d=a=>{if(typeof __zone_symbol__requestAnimationFrame==="function"){return __zone_symbol__requestAnimationFrame(a)}if(typeof requestAnimationFrame==="function"){return requestAnimationFrame(a)}return setTimeout(a)};const f=(a,r)=>a.x>=r.getBoundingClientRect().x&&a.x<=r.getBoundingClientRect().x+r.getBoundingClientRect().width&&a.y>=r.getBoundingClientRect().y&&a.y<=r.getBoundingClientRect().y+r.getBoundingClientRect().height;const m=(a,r)=>a.target instanceof Node&&r.contains(a.target);function p(a){return a+"-"+Math.random().toString(36)}function w(a){return"clientX"in a}function b(a){return a.code==="ArrowUp"}function v(a){return a.code==="ArrowDown"}function x(a){return a.code==="Escape"}function A(a){return a.code==="Space"}function _(a){return a.key==="Enter"}function h(a){return a.code==="Home"}function y(a){return a.code==="End"}function g(a){return a.key==="ArrowUp"}function q(a){return a.key==="ArrowDown"}function k(a){return a.key==="ArrowLeft"}function z(a){return a.key==="ArrowRight"}function D(a){return a.key==="PageDown"}function F(a){return a.key==="PageUp"}function T(a){return a.key==="Tab"}function E(a){return window.getComputedStyle(document.body).getPropertyValue(a)||null}function N(a){if(!a)return 0;const r=/^([\d.]+)(?:(ms|s))?$/;const n=a.trim();if(!/^\d/.test(n))return 0;const e=r.exec(n);if(!e)return 0;const i=Number(e[1]);if(!Number.isFinite(i))return 0;return e[2]==="s"?i*1e3:i}export{p as A,c as B,a as C,r as D,i as a,x as b,A as c,_ as d,b as e,v as f,E as g,h,o as i,y as j,m as k,F as l,D as m,T as n,w as o,N as p,f as q,n as r,s,u as t,q as u,z as v,g as w,k as x,d as y,l as z};
-//# sourceMappingURL=p-52d77e1f.js.map
+function a(a){return"clientWidth"in a&&"clientHeight"in a}function r(a){return!!a.shadowRoot&&!!a.attachShadow}const n=(a,r)=>{const n=a._original||a;return{_original:a,emit:e(n.emit.bind(n),r)}};const e=(a,r=0)=>{let n;return(...e)=>{clearTimeout(n);n=setTimeout(a,r,...e)}};const i=(a,r=[])=>{const n={};r.forEach((r=>{if(a.hasAttribute(r)){const e=a.getAttribute(r);if(e!==null){n[r]=a.getAttribute(r)}a.removeAttribute(r)}}));return n};const t=["role","aria-activedescendant","aria-atomic","aria-autocomplete","aria-braillelabel","aria-brailleroledescription","aria-busy","aria-checked","aria-colcount","aria-colindex","aria-colindextext","aria-colspan","aria-controls","aria-current","aria-describedby","aria-description","aria-details","aria-disabled","aria-errormessage","aria-expanded","aria-flowto","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-level","aria-live","aria-multiline","aria-multiselectable","aria-orientation","aria-owns","aria-placeholder","aria-posinset","aria-pressed","aria-readonly","aria-relevant","aria-required","aria-roledescription","aria-rowcount","aria-rowindex","aria-rowindextext","aria-rowspan","aria-selected","aria-setsize","aria-sort","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext"];const o=(a,r)=>{let n=t;if(r&&r.length>0){n=n.filter((a=>!r.includes(a)))}return i(a,n)};function s(a,r,n){if(a){if(n===undefined||n===null){a.removeAttribute(r)}else{a.setAttribute(r,n)}}}const u=a=>{const r=a.closest("wcs-form-field");if(r){return r.querySelector("wcs-label")}return null};const c=(a,r,n)=>{const e=a.filter((a=>!r.some((r=>n(a,r)))));const i=a.filter((a=>r.some((r=>n(a,r)))));const t=r.filter((r=>!a.some((a=>n(r,a)))));return{removed:e,kept:i,added:t}};function l(a){var r,n;return(n=(r=a===null||a===void 0?void 0:a.replace(/\s+/g," "))===null||r===void 0?void 0:r.trim())!==null&&n!==void 0?n:""}const d=a=>{if(typeof __zone_symbol__requestAnimationFrame==="function"){return __zone_symbol__requestAnimationFrame(a)}if(typeof requestAnimationFrame==="function"){return requestAnimationFrame(a)}return setTimeout(a)};const f=(a,r)=>a.x>=r.getBoundingClientRect().x&&a.x<=r.getBoundingClientRect().x+r.getBoundingClientRect().width&&a.y>=r.getBoundingClientRect().y&&a.y<=r.getBoundingClientRect().y+r.getBoundingClientRect().height;const m=(a,r)=>a.target instanceof Node&&r.contains(a.target);function p(a){return a+"-"+Math.random().toString(36)}function w(a){return"clientX"in a}function b(a){return a.code==="ArrowUp"}function v(a){return a.code==="ArrowDown"}function x(a){return a.code==="Escape"}function A(a){return a.code==="Space"}function _(a){return a.key==="Enter"}function h(a){return a.code==="Home"}function y(a){return a.code==="End"}function g(a){return a.key==="ArrowUp"}function q(a){return a.key==="ArrowDown"}function k(a){return a.key==="ArrowLeft"}function z(a){return a.key==="ArrowRight"}function D(a){return a.key==="PageDown"}function F(a){return a.key==="PageUp"}function T(a){return a.key==="Tab"}function E(a){return window.getComputedStyle(document.body).getPropertyValue(a)||null}function N(a){if(!a)return 0;const r=/^([\d.]+)(?:(ms|s))?$/;const n=a.trim();if(!/^\d/.test(n))return 0;const e=r.exec(n);if(!e)return 0;const i=Number(e[1]);if(!Number.isFinite(i))return 0;return e[2]==="s"?i*1e3:i}export{c as A,u as B,a as C,r as D,i as a,x as b,A as c,_ as d,b as e,v as f,E as g,h,o as i,y as j,m as k,F as l,D as m,T as n,w as o,N as p,f as q,n as r,s,q as t,z as u,g as v,k as w,d as x,l as y,p as z};
+//# sourceMappingURL=p-5314a64d.js.map

package/dist/wcs/{p-27b438c0.entry.js → p-53bc2cae.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,H as r}from"./p-32e583ea.js";const o=":host{--wcs-list-item-property-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-list-item-property-color:var(--wcs-semantic-color-text-secondary);font-weight:var(--wcs-list-item-property-font-weight);color:var(--wcs-list-item-property-color)}";const s=o;const c=class{constructor(e){t(this,e)}render(){return e(r,{key:"8f87008b8f9a847e0ef6ca55d87b2eec24eb1763",slot:"property"},e("slot",{key:"5ad7e2f0f44d93c9ba599f23a850648f88dbefb9"}))}};c.style=s;export{c as wcs_list_item_property};
-//# sourceMappingURL=p-27b438c0.entry.js.map
+import{r as t,h as e,H as r}from"./p-32e583ea.js";const o=":host{--wcs-list-item-property-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-list-item-property-color:var(--wcs-semantic-color-text-secondary);font-weight:var(--wcs-list-item-property-font-weight);color:var(--wcs-list-item-property-color)}";const s=o;const c=class{constructor(e){t(this,e)}render(){return e(r,{key:"036366a768b3e90eb028cbdf18d006a595282420",slot:"property"},e("slot",{key:"f5ad277671ba35e014635562b97a279813e5bb0c"}))}};c.style=s;export{c as wcs_list_item_property};
+//# sourceMappingURL=p-53bc2cae.entry.js.map

package/dist/wcs/p-5443c9af.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as o,H as r,g as t}from"./p-32e583ea.js";import{S as s}from"./p-84e22272.js";import{k as a,s as i,i as n,a as d}from"./p-5314a64d.js";import{k as c}from"./p-7af9a2f3.js";import{c as l}from"./p-e1fb3625.js";function p(e,o){const r=c(e);if(r==="UNKNOWN"){return[]}switch(o){case"closed":switch(r){case"UP_ARROW":return[{kind:"OpenMenu"},{kind:"FocusItem",target:"last"}];case"DOWN_ARROW":return[{kind:"OpenMenu"},{kind:"FocusItem",target:"first"}];case"SPACE":case"ENTER":return[{kind:"OpenMenu"},{kind:"FocusItem",target:"first"}]}break;case"opened":switch(r){case"UP_ARROW":return[{kind:"FocusItem",target:"previous"}];case"DOWN_ARROW":return[{kind:"FocusItem",target:"next"}];case"HOME":return[{kind:"FocusItem",target:"first"}];case"END":return[{kind:"FocusItem",target:"last"}];case"ESCAPE":case"MAJ+TAB":case"TAB":return[{kind:"CloseMenu"}]}break;default:throw Error("Unknown error")}return[]}const w=':host{display:flex;position:relative;--wcs-dropdown-outline-color-focus:var(--wcs-semantic-color-border-focus-base);--wcs-dropdown-padding-empty:var(--wcs-semantic-spacing-large);--wcs-dropdown-plain-arrow-color:var(--wcs-semantic-color-foreground-action-primary-default);--wcs-dropdown-stroked-arrow-color:var(--wcs-semantic-color-foreground-action-secondary-default);--wcs-dropdown-clear-arrow-color:var(--wcs-semantic-color-foreground-action-tertiary-default);--wcs-dropdown-arrow-color-disabled:var(--wcs-semantic-color-text-disabled);--wcs-dropdown-overlay-max-height:360px;--wcs-dropdown-overlay-padding:var(--wcs-semantic-spacing-base);--wcs-dropdown-overlay-background-color:var(--wcs-semantic-color-background-surface-primary);--wcs-dropdown-overlay-border-width:var(--wcs-semantic-border-width-default);--wcs-dropdown-overlay-border-radius:var(--wcs-semantic-border-radius-base);--wcs-dropdown-overlay-border-color:var(--wcs-semantic-color-border-secondary)}:host wcs-button{height:fit-content}:host svg{margin-right:-0.25rem}button{position:absolute;opacity:0;height:1px;width:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;outline:0;outline-offset:0}button:focus-visible+wcs-button{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-dropdown-outline-color-focus);outline-offset:var(--wcs-semantic-spacing-small);border-radius:var(--wcs-button-border-radius)}@supports not selector(button:focus-visible + wcs-button){button:focus-within+wcs-button{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-dropdown-outline-color-focus);outline-offset:var(--wcs-semantic-spacing-small);border-radius:var(--wcs-button-border-radius)}}.wcs-button-content-wrapper{display:flex;align-items:center}.popover{display:none;border:var(--wcs-dropdown-overlay-border-width) solid var(--wcs-dropdown-overlay-border-color);border-radius:var(--wcs-dropdown-overlay-border-radius);background-color:var(--wcs-dropdown-overlay-background-color);z-index:9999}.show{display:block}.container{min-width:calc(10 * var(--wcs-semantic-size-base));border-radius:inherit;overflow:hidden;padding:var(--wcs-dropdown-overlay-padding);background-color:var(--wcs-dropdown-overlay-background-color)}:host([mode=clear]) .arrow{fill:var(--wcs-dropdown-clear-arrow-color)}:host([mode=stroked]) .arrow{fill:var(--wcs-dropdown-stroked-arrow-color)}:host([mode=plain]) .arrow{fill:var(--wcs-dropdown-plain-arrow-color)}:host([disabled]) .arrow{fill:var(--wcs-dropdown-arrow-color-disabled)}#arrow,#arrow::before{position:absolute;width:8px;height:8px;background:inherit;border:var(--wcs-dropdown-overlay-border-width) solid var(--wcs-dropdown-overlay-border-color)}#arrow{visibility:hidden;z-index:-1}#arrow::before{visibility:visible;content:"";transform:rotate(45deg)}#is-empty{display:block;width:20ch;padding:0 var(--wcs-dropdown-padding-empty)}.popover[data-popper-placement^=top]>#arrow{bottom:-5px}.popover[data-popper-placement^=bottom]>#arrow{top:-6px}.popover[data-popper-placement^=left]>#arrow{right:-4px}.popover[data-popper-placement^=right]>#arrow{left:-6px}';const h=w;const u=["tabindex"];const b=class{constructor(o){e(this,o);this.inheritedAttributes={};this.noArrow=false;this.mode="stroked";this.shape="normal";this.size="m";this.disabled=false;this.placement="bottom-end";this.expanded=false}get items(){return Array.from(this.el.querySelectorAll("wcs-dropdown-item"))}placementChange(){this.popper.setOptions(Object.assign(Object.assign({},this.popper.state.options),{placement:this.placement})).then((e=>this.popper.update()))}onBlur(){this.clearLastFocusedItem();this.expanded=false}componentDidLoad(){this.popper=l(this.wcsButton,this.popoverDiv,{placement:this.placement,modifiers:[{name:"offset",options:{offset:[0,8]}}]});this.fixForFirefoxBelow63()}fixForFirefoxBelow63(){const e=this.el.querySelectorAll("wcs-dropdown-item");const o=this.el.querySelector(".container");if(e.length>0&&o){e.forEach((e=>{this.el.removeChild(e);o.appendChild(e)}))}}onButtonClick(e){this.clearLastFocusedItem();this.expanded=!this.expanded;if(this.expanded){this.focusItem(0)}}onWindowClickEvent(e){const o=a(e,this.el);if(this.expanded&&!o){this.expanded=false}}dropdownItemClick(e){this.expanded=false;this.nativeButton.focus()}onKeyDown(e){const o=this.expanded?"opened":"closed";const r=p(e,o);if(r.length!=0){e.preventDefault()}for(const e of r){this.doActionFromKeyboardEventAssociatedAction(e)}}async setAriaAttribute(e,o){i(this.nativeButton,e,o)}doActionFromKeyboardEventAssociatedAction(e){switch(e.kind){case"OpenMenu":this.expanded=true;this.focusItem(0);break;case"CloseMenu":this.expanded=false;this.nativeButton.focus();break;case"ClearFocus":this.clearLastFocusedItem();break;case"FocusItem":switch(e.target){case"previous":this.focusClosestItem("previous");break;case"next":this.focusClosestItem("next");break;case"first":this.focusItem(0);break;case"last":this.focusItem(this.items.length-1);break}break}}clearLastFocusedItem(){if(this.lastFocusedItemElement){this.lastFocusedItemElement.tabIndex=-1;this.lastFocusedItemElement=null}}focusItem(e){this.clearLastFocusedItem();this.lastFocusedItemElement=this.items[e];if(this.lastFocusedItemElement){this.lastFocusedItemElement.tabIndex=0;requestAnimationFrame((()=>{var e;(e=this.lastFocusedItemElement)===null||e===void 0?void 0:e.focus()}))}}focusClosestItem(e){const o=this.getClosestActiveItemIndexForDirection(e);if(o===-1)return;this.focusItem(o)}getClosestActiveItemIndexForDirection(e){const o=this.items;let r=Array.from(o).indexOf(this.lastFocusedItemElement);const t=0;const s=o.length-1;if(e==="next"&&r<s){r++}else if(e==="previous"&&r>t){r--}else{if(e==="next"&&r>=s){r=0}if(e==="previous"&&r===t){r=s}}return r}componentDidRender(){if(this.popper){this.popper.update()}}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},n(this.el)),d(this.el,u))}render(){return o(r,{key:"96be2f9df0a80b4d6c88cf15419ff29cb001c695"},o("button",Object.assign({key:"562456822837e6ff61ed23569335e42ad4e36df9",id:"dropdown-button","aria-controls":"menu",disabled:this.disabled,"aria-haspopup":"true",role:"button","aria-expanded":this.expanded?"true":"false",ref:e=>this.nativeButton=e,onClick:e=>this.onButtonClick(e),onBlur:e=>e.stopImmediatePropagation()},this.inheritedAttributes),"Dropdown"),o("wcs-button",{key:"66348725409b810219dd1bd4658611c63bbb5eb8",mode:this.mode,shape:this.shape,disabled:this.disabled,size:this.size,ref:e=>this.wcsButton=e,"aria-hidden":"true",tabindex:-1,onClick:e=>this.onButtonClick(e),onBlur:e=>e.stopImmediatePropagation()},o("div",{key:"028e06637e35ecc14b66cf74fba32dc59d58121a",class:"wcs-button-content-wrapper"},o("slot",{key:"7f7e2db54f9b5d3a20588c48c1d3fd6750187017",name:"placeholder"}),this.noArrow?null:o(s,{up:this.expanded}))),o("div",{key:"7f6f4efe22cab63033b3e7775791856ed8e1b921",class:(this.expanded?"show ":"")+"popover",id:"menu",role:"menu","aria-labelledby":"dropdown-button",tabindex:-1,ref:e=>this.popoverDiv=e},o("div",{key:"ca7ce6adea1005d7126d4ae060ada55e9d3b6d70",role:"presentation",id:"arrow","data-popper-arrow":true}),o("div",{key:"0f2a9e15df898550117743f855e7ee0746157ab1",role:"presentation",class:"container"},o("slot",{key:"688fd29a894bae8aee4c848a9b07380c95302ca2",name:"item"},o("span",{key:"a80c902d26d7afed58e8a17646dac92473042fa4",id:"is-empty"})))))}static get delegatesFocus(){return true}get el(){return t(this)}static get watchers(){return{placement:["placementChange"]}}};b.style=h;export{b as wcs_dropdown};
+//# sourceMappingURL=p-5443c9af.entry.js.map

package/dist/wcs/p-5443c9af.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getActionForKeyboardEvent","event","currentState","keyboardShortcut","keyboardShortcutFromKeyboardEvent","kind","target","Error","dropdownCss","WcsDropdownStyle0","DROPDOWN_INHERITED_ATTRS","Dropdown","this","inheritedAttributes","items","Array","from","el","querySelectorAll","placementChange","popper","setOptions","Object","assign","state","options","placement","then","_","update","onBlur","clearLastFocusedItem","expanded","componentDidLoad","createPopper","wcsButton","popoverDiv","modifiers","name","offset","fixForFirefoxBelow63","container","querySelector","length","forEach","i","removeChild","appendChild","onButtonClick","focusItem","onWindowClickEvent","clickedOnDropdownOrChildren","clickTargetIsElementOrChildren","dropdownItemClick","nativeButton","focus","onKeyDown","_event","actionsFromKeyboardEvents","preventDefault","actionFromKeyboardEvent","doActionFromKeyboardEventAssociatedAction","setAriaAttribute","attr","value","setOrRemoveAttribute","focusClosestItem","lastFocusedItemElement","tabIndex","indexToFocus","requestAnimationFrame","_a","direction","getClosestActiveItemIndexForDirection","currentIndex","indexOf","MIN_INDEX","MAX_INDEX","componentDidRender","componentWillLoad","inheritAriaAttributes","inheritAttributes","render","h","Host","key","id","disabled","role","ref","onClick","$event","stopImmediatePropagation","mode","shape","size","tabindex","e","class","noArrow","SelectArrow","up"],"sources":["src/components/dropdown/dropdown-keyboard-event.ts","src/components/dropdown/dropdown.scss?tag=wcs-dropdown&encapsulation=shadow","src/components/dropdown/dropdown.tsx"],"sourcesContent":["import { keyboardShortcutFromKeyboardEvent } from \"../../utils/keyboard-event\";\n\n// Possible Shortcuts\n\n// Dropdown button\n// ENTER : open menu, move focus to first item\n// SPACE : open menu, move focus to first item\n// DOWN_ARROW : open menu, move focus to first item\n// UP_ARROW : open menu, move focus to last item\n\n// Dropdown item\n// HOME : focus first item\n// END : focus last item\n// UP_ARROW : move focus to previous item\n// DOWN_ARROW : move focus to previous item\n// ESCAPE : close menu, set focus on the dropdown button\n// ENTER : activate the item, close menu, set focus to menu button (already handled via the wcsDropdownItemClick event)\n\nexport type KeyboardEventAssociatedAction = OpenMenu\n    | CloseMenu\n    | ClearFocus\n    | FocusItem;\n\ntype OpenMenu = {kind: 'OpenMenu'};\ntype CloseMenu = {kind: 'CloseMenu'};\n\n\ntype ClearFocus = {kind: 'ClearFocus'};\ntype FocusItem = {kind: 'FocusItem', target: 'next' | 'previous' | 'first' | 'last'};\n\n/**\n * We follow this pattern https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/examples/menu-button-actions/\n * @param event\n * @param currentState\n * @param type\n */\nexport function getActionForKeyboardEvent(event: KeyboardEvent, currentState: 'closed' | 'opened'): KeyboardEventAssociatedAction[] {\n    const keyboardShortcut = keyboardShortcutFromKeyboardEvent(event);\n\n    if(keyboardShortcut === 'UNKNOWN') {\n        return [];\n    }\n\n    switch (currentState) {\n        case 'closed':\n            // We handle every available shortcut for the closed state\n            switch (keyboardShortcut) {\n                case 'UP_ARROW':\n                    return [{kind: 'OpenMenu'}, {kind: 'FocusItem', target: 'last'}];\n                case 'DOWN_ARROW':\n                    return [{kind: 'OpenMenu'}, {kind: 'FocusItem', target: 'first'}];\n                case 'SPACE':\n                case 'ENTER':\n                    return [{kind: 'OpenMenu'}, {kind: 'FocusItem', target: 'first'}];\n                default:\n                    break;\n            }\n            break;\n        case 'opened':\n            // We handle every available shortcut for the opened state\n            switch (keyboardShortcut) {\n                case 'UP_ARROW':\n                    return [{kind: 'FocusItem', target: 'previous'}];\n                case 'DOWN_ARROW':\n                    return [{kind: 'FocusItem', target: 'next'}];\n                case 'HOME':\n                    return [{kind: 'FocusItem', target: 'first'}];\n                case 'END':\n                    return [{kind: 'FocusItem', target: 'last'}];\n                case 'ESCAPE':\n                case 'MAJ+TAB':\n                case 'TAB':\n                    return [{kind: 'CloseMenu'}];\n                default:\n                    break;\n            }\n            break;\n        default:\n            throw Error('Unknown error');\n    }\n    return [];\n}\n","@import '../../style/focus-outline.scss';\n\n:host {\n    display: flex;\n    /*\n    * DO NOT REMOVE:\n    * The native button is absolutely positioned.\n    * This `position: relative` makes `wcs-dropdown` its containing block.\n    * Without it, the button can be laid out relative to another ancestor higher in the DOM,\n    * so when the browser focuses the native button it may scroll the window unexpectedly.\n    */\n    position: relative;\n\n    --wcs-dropdown-outline-color-focus: var(--wcs-semantic-color-border-focus-base);\n\n    // Padding\n    --wcs-dropdown-padding-empty: var(--wcs-semantic-spacing-large);\n\n    // Arrow color\n    --wcs-dropdown-plain-arrow-color: var(--wcs-semantic-color-foreground-action-primary-default);\n    --wcs-dropdown-stroked-arrow-color: var(--wcs-semantic-color-foreground-action-secondary-default);\n    --wcs-dropdown-clear-arrow-color: var(--wcs-semantic-color-foreground-action-tertiary-default);\n\n    --wcs-dropdown-arrow-color-disabled: var(--wcs-semantic-color-text-disabled);\n\n    // Overlay\n    --wcs-dropdown-overlay-max-height: 360px;\n    --wcs-dropdown-overlay-padding: var(--wcs-semantic-spacing-base);\n    --wcs-dropdown-overlay-background-color: var(--wcs-semantic-color-background-surface-primary);\n    --wcs-dropdown-overlay-border-width: var(--wcs-semantic-border-width-default);\n    --wcs-dropdown-overlay-border-radius: var(--wcs-semantic-border-radius-base);\n    --wcs-dropdown-overlay-border-color: var(--wcs-semantic-color-border-secondary);\n\n    wcs-button {\n        height: fit-content;\n    }\n\n    svg {\n        margin-right: -0.25rem;\n    }\n}\n\n/* Visually hide the native button */\nbutton {\n    position: absolute;\n    opacity: 0;\n    height: 1px;\n    width: 1px;\n    overflow: hidden;\n    clip-path: inset(50%);\n    white-space: nowrap;\n    outline: 0;\n    outline-offset: 0;\n}\n\nbutton:focus-visible + wcs-button {\n    @include focus-outline($outline-color: var(--wcs-dropdown-outline-color-focus), $border-radius: var(--wcs-button-border-radius));\n}\n\n@supports not selector(button:focus-visible + wcs-button) {\n    button:focus-within + wcs-button {\n        @include focus-outline($outline-color: var(--wcs-dropdown-outline-color-focus), $border-radius: var(--wcs-button-border-radius));\n    }\n}\n\n.wcs-button-content-wrapper {\n    display: flex;\n    align-items: center;\n}\n\n.popover {\n    display: none;\n    border: var(--wcs-dropdown-overlay-border-width) solid var(--wcs-dropdown-overlay-border-color);\n    border-radius: var(--wcs-dropdown-overlay-border-radius);\n    background-color: var(--wcs-dropdown-overlay-background-color);\n    z-index: 9999;\n}\n\n.show {\n    display: block;\n}\n\n// XXX: So that item hover background does not overflow\n.container {\n    min-width: calc(10 * var(--wcs-semantic-size-base));\n    border-radius: inherit;\n    overflow: hidden;\n    padding: var(--wcs-dropdown-overlay-padding);\n    background-color: var(--wcs-dropdown-overlay-background-color);\n}\n\n:host([mode=clear]) {\n    // SVG arrow inside the button, on clear background\n    .arrow {\n        fill: var(--wcs-dropdown-clear-arrow-color);\n    }\n}\n\n:host([mode=stroked]) {\n    // SVG arrow inside the button, on stroked background\n    .arrow {\n        fill: var(--wcs-dropdown-stroked-arrow-color);\n    }\n}\n\n:host([mode=plain]) {\n    // SVG arrow inside the button, on primary background\n    .arrow {\n        fill: var(--wcs-dropdown-plain-arrow-color);\n    }\n}\n\n:host([disabled]) {\n    .arrow {\n        fill: var(--wcs-dropdown-arrow-color-disabled);\n    }\n}\n\n// Popover arrow\n#arrow,\n#arrow::before {\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    background: inherit;\n    border: var(--wcs-dropdown-overlay-border-width) solid var(--wcs-dropdown-overlay-border-color);\n}\n\n#arrow {\n    visibility: hidden;\n    z-index: -1;\n}\n\n#arrow::before {\n    visibility: visible;\n    content: '';\n    transform: rotate(45deg);\n}\n\n#is-empty {\n    display: block;\n    width: 20ch;\n    padding: 0 var(--wcs-dropdown-padding-empty);\n}\n\n.popover[data-popper-placement^='top'] > #arrow {\n    bottom: -5px;\n}\n\n.popover[data-popper-placement^='bottom'] > #arrow {\n    top: -6px;\n}\n\n.popover[data-popper-placement^='left'] > #arrow {\n    right: -4px;\n}\n\n.popover[data-popper-placement^='right'] > #arrow {\n    left: -6px;\n}\n","import { Component, ComponentInterface, Element, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';\nimport { SelectArrow } from '../select/select-arrow';\nimport {\n    WcsButtonMode,\n    WcsButtonShape,\n    WcsButtonSize,\n} from '../button/button-interface';\nimport { createPopper, Instance } from '@popperjs/core';\nimport { WcsDropdownPlacement } from './dropdown-interface';\nimport {\n    clickTargetIsElementOrChildren,\n    inheritAriaAttributes,\n    inheritAttributes,\n    setOrRemoveAttribute\n} from '../../utils/helpers';\nimport { getActionForKeyboardEvent, KeyboardEventAssociatedAction } from \"./dropdown-keyboard-event\";\nimport { AriaAttributeName, MutableAriaAttribute } from \"../../utils/mutable-aria-attribute\";\n\nconst DROPDOWN_INHERITED_ATTRS = ['tabindex'];\n\n/**\n * The dropdown component use a wcs-button under the hood, so you can use the same css classes as the button to style the\n * dropdown.\n * \n * @slot placeholder - The slot containing the placeholder displayed in button\n * @slot item - The slot container the list of `wcs-dropdown-item` elements\n * \n * @cssprop --wcs-dropdown-outline-color-focus - Outline color of dropdown when focus it\n * \n * @cssprop --wcs-dropdown-plain-arrow-color - Color of the arrow indicator when the dropdown is plain\n * @cssprop --wcs-dropdown-stroked-arrow-color - Color of the arrow indicator when the dropdown is stroked\n * @cssprop --wcs-dropdown-clear-arrow-color - Color of the arrow indicator when the dropdown is not filled\n * @cssprop --wcs-dropdown-arrow-color-disabled - Base color of the arrow indicator when the dropdown is disabled\n * \n * @cssprop --wcs-dropdown-padding-empty - Padding of and empty dropdown\n * \n * @cssprop --wcs-dropdown-overlay-padding - Defines the vertical padding inside the dropdown overlay\n * @cssprop --wcs-dropdown-overlay-max-height - Specifies the maximum height of the dropdown overlay\n * @cssprop --wcs-dropdown-overlay-background-color - Determines the background color of the dropdown overlay\n * @cssprop --wcs-dropdown-overlay-border-width - Sets the border width of the dropdown overlay\n * @cssprop --wcs-dropdown-overlay-border-radius - Defines the border radius of the dropdown overlay\n * @cssprop --wcs-dropdown-overlay-border-color - Specifies the border color of the dropdown overlay\n */\n@Component({\n    tag: 'wcs-dropdown',\n    styleUrl: 'dropdown.scss',\n    shadow: {\n        delegatesFocus: true\n    }\n})\nexport class Dropdown implements ComponentInterface, MutableAriaAttribute {\n    @Element() private el: HTMLWcsDropdownElement;\n    private inheritedAttributes: { [k: string]: any } = {};\n\n    /**\n     * This button is visually hidden. It used to carry all aria attributes and acts as the controller of the menu.\n     * The wcs-button could not handle the aria-controls and aria-activedescendant attributes because of the IDREF\n     * not passing from a shadow-dom through another.\n     * @private\n     */\n    private nativeButton!: HTMLButtonElement;\n\n    /**\n     * This button is shown on the user interface, and visually receives focus and catch click events.  \n     * It is hidden to screen readers since the native button carries all the aria informations.\n     * @private\n     */\n    private wcsButton!: HTMLWcsButtonElement;\n\n    /**\n     * This div is shown on the user interface when the dropdown is expanded.\n     * @private\n     */\n    private popoverDiv!: HTMLDivElement;\n\n    /** Hides the arrow in the button */\n    @Prop({ reflect: true }) noArrow: boolean = false;\n\n    /** Dropdown's button mode */\n    @Prop() mode: WcsButtonMode = 'stroked';\n\n    /** Dropdown's button shape */\n    @Prop() shape: WcsButtonShape = 'normal';\n    \n    /** Dropdown's button size */\n    @Prop() size: WcsButtonSize = 'm';\n\n    /** Specifies whether the dropdown button is clickable or not */\n    @Prop({ reflect: true }) disabled: boolean = false;\n\n    /** placement of the dropdown's popover */\n    @Prop() placement: WcsDropdownPlacement = 'bottom-end';\n\n    @State() private expanded: boolean = false;\n\n\n    private popper: Instance;\n    \n    private lastFocusedItemElement: HTMLWcsDropdownItemElement | null;\n    \n    private get items(): HTMLWcsDropdownItemElement[] {\n        return Array.from(this.el.querySelectorAll('wcs-dropdown-item'));\n    }\n\n    @Watch('placement')\n    protected placementChange() {\n        this.popper.setOptions({\n            ...this.popper.state.options,\n            placement: this.placement\n        }).then(_ => this.popper.update());\n    }\n    \n    @Listen('blur')\n    onBlur() {\n        this.clearLastFocusedItem();\n        this.expanded = false;\n    }\n\n    componentDidLoad() {\n        this.popper = createPopper(this.wcsButton, this.popoverDiv, {\n            placement: this.placement,\n            modifiers: [\n                {\n                    name: 'offset',\n                    options: {\n                        offset: [0, 8]\n                    }\n                }\n            ]\n        });\n\n        this.fixForFirefoxBelow63();\n    }\n\n    private fixForFirefoxBelow63() {\n        // If the items appear out of the slot we place them back\n        const items = this.el.querySelectorAll('wcs-dropdown-item');\n        const container = this.el.querySelector('.container');\n        if (items.length > 0 && container) {\n            items.forEach(i => {\n                this.el.removeChild(i);\n                container.appendChild(i);\n            });\n        }\n    }\n\n    private onButtonClick(_: MouseEvent): void {\n        this.clearLastFocusedItem();\n        this.expanded = !this.expanded;\n        \n        if (this.expanded) {\n            this.focusItem(0);\n        }\n    }\n\n    @Listen('click', {target: 'window'})\n    onWindowClickEvent(event: MouseEvent) {\n        const clickedOnDropdownOrChildren = clickTargetIsElementOrChildren(event, this.el);\n        if (this.expanded && !clickedOnDropdownOrChildren) {\n            this.expanded = false;\n        }\n    }\n\n    @Listen('wcsDropdownItemClick')\n    dropdownItemClick(_: CustomEvent<void>) {\n        this.expanded = false;\n        this.nativeButton.focus();\n    }\n\n    @Listen('keydown')\n    onKeyDown(_event: KeyboardEvent): void {\n        const currentState = this.expanded ? 'opened' : 'closed';\n        const actionsFromKeyboardEvents: KeyboardEventAssociatedAction[] = getActionForKeyboardEvent(_event, currentState);\n\n        // If we have at least one associated actions, we prevent the default behavior of the event. \n        // Except if the action is a focus move (we have to handle the preventDefault behavior ourselves in the action implementation)\n        if (actionsFromKeyboardEvents.length != 0) {\n            _event.preventDefault();\n        }\n\n        for (const actionFromKeyboardEvent of actionsFromKeyboardEvents) {\n            this.doActionFromKeyboardEventAssociatedAction(actionFromKeyboardEvent);\n        }\n    }\n    \n    @Method()\n    async setAriaAttribute(attr: AriaAttributeName, value: string | null | undefined) {\n        setOrRemoveAttribute(this.nativeButton, attr, value);\n    }\n\n    doActionFromKeyboardEventAssociatedAction(actionFromKeyboardEvent: KeyboardEventAssociatedAction) {\n        switch (actionFromKeyboardEvent.kind) {\n            case 'OpenMenu':\n                this.expanded = true;\n                this.focusItem(0);\n                break;\n            case 'CloseMenu':\n                this.expanded = false;\n                this.nativeButton.focus();\n                break;\n            case 'ClearFocus':\n                this.clearLastFocusedItem();\n                break;\n            case 'FocusItem':\n                switch (actionFromKeyboardEvent.target) {\n                    case 'previous':\n                        this.focusClosestItem('previous');\n                        break;\n                    case 'next':\n                        this.focusClosestItem('next');\n                        break;\n                    case 'first':\n                        this.focusItem(0);\n                        break;\n                    case 'last':\n                        this.focusItem(this.items.length - 1);\n                        break;\n                    default:\n                        break;\n                }\n                break;\n            default:\n                break;\n        }\n    }\n\n    /**\n     * Removes the focus and tabindex 0 of the last focused item if any.\n     * @private\n     */\n    private clearLastFocusedItem() {\n        if (this.lastFocusedItemElement) {\n            this.lastFocusedItemElement.tabIndex = -1;\n            this.lastFocusedItemElement = null;\n        }\n    }\n    \n    private focusItem(indexToFocus: number) {\n        this.clearLastFocusedItem();\n        this.lastFocusedItemElement = this.items[indexToFocus];\n        if (this.lastFocusedItemElement) {\n            this.lastFocusedItemElement.tabIndex = 0;\n            requestAnimationFrame(() => {\n                this.lastFocusedItemElement?.focus();\n            });\n        }\n    }\n    \n    private focusClosestItem(direction: 'next' | 'previous'): void {\n        const indexToFocus = this.getClosestActiveItemIndexForDirection(direction);\n        if (indexToFocus === -1) return;\n        \n        this.focusItem(indexToFocus);\n    }\n    \n    private getClosestActiveItemIndexForDirection(direction: 'next' | 'previous'): number {\n        const items = this.items;\n        let currentIndex = Array.from(items).indexOf(this.lastFocusedItemElement);\n\n        const MIN_INDEX = 0;\n        const MAX_INDEX = items.length - 1;\n\n        if (direction === 'next' && currentIndex < MAX_INDEX) {\n            currentIndex++;\n        } else if (direction === 'previous' && currentIndex > MIN_INDEX) {\n            currentIndex--;\n        } else {\n            // Used to scroll through items infinitely with keyboard\n            if (direction === 'next' && currentIndex >= MAX_INDEX) {\n                currentIndex = 0;\n            }\n            if (direction === 'previous' && currentIndex === MIN_INDEX) {\n                currentIndex = MAX_INDEX;\n            }\n        }\n        \n        return currentIndex;\n    }\n\n    componentDidRender() {\n        if (this.popper) {\n            this.popper.update();\n        }\n    }\n\n    componentWillLoad(): Promise<void> | void {\n        this.inheritedAttributes = {\n            ...inheritAriaAttributes(this.el),\n            ...inheritAttributes(this.el, DROPDOWN_INHERITED_ATTRS),\n        };\n    }\n    \n    render() {\n        return (\n            <Host>\n                <button id=\"dropdown-button\"\n                        aria-controls=\"menu\"\n                        disabled={this.disabled}\n                        aria-haspopup=\"true\"\n                        role=\"button\"\n                        aria-expanded={this.expanded ? 'true' : 'false'}\n                        ref={el => this.nativeButton = el}\n                        onClick={($event) => this.onButtonClick($event)}\n                        onBlur={($event) => $event.stopImmediatePropagation()}\n                        {...this.inheritedAttributes}>Dropdown</button>\n                <wcs-button mode={this.mode} shape={this.shape} disabled={this.disabled} size={this.size}\n                            ref={el => this.wcsButton = el}\n                            aria-hidden=\"true\"\n                            tabindex={-1}\n                            onClick={($event) => this.onButtonClick($event)}\n                            onBlur={(e) => e.stopImmediatePropagation()}>\n                    <div class=\"wcs-button-content-wrapper\">\n                        <slot name=\"placeholder\"/>\n                        {this.noArrow ? null : (<SelectArrow up={this.expanded}/>)}\n                    </div>\n                </wcs-button>\n                <div class={(this.expanded ? 'show ' : '') + 'popover'}\n                     id=\"menu\"\n                     role=\"menu\"\n                     aria-labelledby=\"dropdown-button\"\n                     tabindex={-1}\n                     ref={el => this.popoverDiv = el}>\n                    <div role=\"presentation\" id=\"arrow\" data-popper-arrow/>\n                    <div role=\"presentation\" class=\"container\">\n                        <slot name=\"item\">\n                            <span id={\"is-empty\"}></span>\n                        </slot>\n                    </div>\n                </div>\n            </Host>\n        );\n    }\n}\n\n"],"mappings":"uOAoCgBA,EAA0BC,EAAsBC,GAC5D,MAAMC,EAAmBC,EAAkCH,GAE3D,GAAGE,IAAqB,UAAW,CAC/B,MAAO,E,CAGX,OAAQD,GACJ,IAAK,SAED,OAAQC,GACJ,IAAK,WACD,MAAO,CAAC,CAACE,KAAM,YAAa,CAACA,KAAM,YAAaC,OAAQ,SAC5D,IAAK,aACD,MAAO,CAAC,CAACD,KAAM,YAAa,CAACA,KAAM,YAAaC,OAAQ,UAC5D,IAAK,QACL,IAAK,QACD,MAAO,CAAC,CAACD,KAAM,YAAa,CAACA,KAAM,YAAaC,OAAQ,UAIhE,MACJ,IAAK,SAED,OAAQH,GACJ,IAAK,WACD,MAAO,CAAC,CAACE,KAAM,YAAaC,OAAQ,aACxC,IAAK,aACD,MAAO,CAAC,CAACD,KAAM,YAAaC,OAAQ,SACxC,IAAK,OACD,MAAO,CAAC,CAACD,KAAM,YAAaC,OAAQ,UACxC,IAAK,MACD,MAAO,CAAC,CAACD,KAAM,YAAaC,OAAQ,SACxC,IAAK,SACL,IAAK,UACL,IAAK,MACD,MAAO,CAAC,CAACD,KAAM,cAIvB,MACJ,QACI,MAAME,MAAM,iBAEpB,MAAO,EACX,CCjFA,MAAMC,EAAc,wgGACpB,MAAAC,EAAeD,ECiBf,MAAME,EAA2B,CAAC,Y,MAgCrBC,EAAQ,M,yBAETC,KAAAC,oBAA4C,G,aAwBR,M,UAGd,U,WAGE,S,UAGF,I,cAGe,M,eAGH,a,cAEL,K,CAOrC,SAAYC,GACR,OAAOC,MAAMC,KAAKJ,KAAKK,GAAGC,iBAAiB,qB,CAIrC,eAAAC,GACNP,KAAKQ,OAAOC,WAAUC,OAAAC,OAAAD,OAAAC,OAAA,GACfX,KAAKQ,OAAOI,MAAMC,SAAO,CAC5BC,UAAWd,KAAKc,aACjBC,MAAKC,GAAKhB,KAAKQ,OAAOS,U,CAI7B,MAAAC,GACIlB,KAAKmB,uBACLnB,KAAKoB,SAAW,K,CAGpB,gBAAAC,GACIrB,KAAKQ,OAASc,EAAatB,KAAKuB,UAAWvB,KAAKwB,WAAY,CACxDV,UAAWd,KAAKc,UAChBW,UAAW,CACP,CACIC,KAAM,SACNb,QAAS,CACLc,OAAQ,CAAC,EAAG,QAM5B3B,KAAK4B,sB,CAGD,oBAAAA,GAEJ,MAAM1B,EAAQF,KAAKK,GAAGC,iBAAiB,qBACvC,MAAMuB,EAAY7B,KAAKK,GAAGyB,cAAc,cACxC,GAAI5B,EAAM6B,OAAS,GAAKF,EAAW,CAC/B3B,EAAM8B,SAAQC,IACVjC,KAAKK,GAAG6B,YAAYD,GACpBJ,EAAUM,YAAYF,EAAE,G,EAK5B,aAAAG,CAAcpB,GAClBhB,KAAKmB,uBACLnB,KAAKoB,UAAYpB,KAAKoB,SAEtB,GAAIpB,KAAKoB,SAAU,CACfpB,KAAKqC,UAAU,E,EAKvB,kBAAAC,CAAmBjD,GACf,MAAMkD,EAA8BC,EAA+BnD,EAAOW,KAAKK,IAC/E,GAAIL,KAAKoB,WAAamB,EAA6B,CAC/CvC,KAAKoB,SAAW,K,EAKxB,iBAAAqB,CAAkBzB,GACdhB,KAAKoB,SAAW,MAChBpB,KAAK0C,aAAaC,O,CAItB,SAAAC,CAAUC,GACN,MAAMvD,EAAeU,KAAKoB,SAAW,SAAW,SAChD,MAAM0B,EAA6D1D,EAA0ByD,EAAQvD,GAIrG,GAAIwD,EAA0Bf,QAAU,EAAG,CACvCc,EAAOE,gB,CAGX,IAAK,MAAMC,KAA2BF,EAA2B,CAC7D9C,KAAKiD,0CAA0CD,E,EAKvD,sBAAME,CAAiBC,EAAyBC,GAC5CC,EAAqBrD,KAAK0C,aAAcS,EAAMC,E,CAGlD,yCAAAH,CAA0CD,GACtC,OAAQA,EAAwBvD,MAC5B,IAAK,WACDO,KAAKoB,SAAW,KAChBpB,KAAKqC,UAAU,GACf,MACJ,IAAK,YACDrC,KAAKoB,SAAW,MAChBpB,KAAK0C,aAAaC,QAClB,MACJ,IAAK,aACD3C,KAAKmB,uBACL,MACJ,IAAK,YACD,OAAQ6B,EAAwBtD,QAC5B,IAAK,WACDM,KAAKsD,iBAAiB,YACtB,MACJ,IAAK,OACDtD,KAAKsD,iBAAiB,QACtB,MACJ,IAAK,QACDtD,KAAKqC,UAAU,GACf,MACJ,IAAK,OACDrC,KAAKqC,UAAUrC,KAAKE,MAAM6B,OAAS,GACnC,MAIR,M,CAUJ,oBAAAZ,GACJ,GAAInB,KAAKuD,uBAAwB,CAC7BvD,KAAKuD,uBAAuBC,UAAY,EACxCxD,KAAKuD,uBAAyB,I,EAI9B,SAAAlB,CAAUoB,GACdzD,KAAKmB,uBACLnB,KAAKuD,uBAAyBvD,KAAKE,MAAMuD,GACzC,GAAIzD,KAAKuD,uBAAwB,CAC7BvD,KAAKuD,uBAAuBC,SAAW,EACvCE,uBAAsB,K,OAClBC,EAAA3D,KAAKuD,0BAAsB,MAAAI,SAAA,SAAAA,EAAEhB,OAAO,G,EAKxC,gBAAAW,CAAiBM,GACrB,MAAMH,EAAezD,KAAK6D,sCAAsCD,GAChE,GAAIH,KAAkB,EAAG,OAEzBzD,KAAKqC,UAAUoB,E,CAGX,qCAAAI,CAAsCD,GAC1C,MAAM1D,EAAQF,KAAKE,MACnB,IAAI4D,EAAe3D,MAAMC,KAAKF,GAAO6D,QAAQ/D,KAAKuD,wBAElD,MAAMS,EAAY,EAClB,MAAMC,EAAY/D,EAAM6B,OAAS,EAEjC,GAAI6B,IAAc,QAAUE,EAAeG,EAAW,CAClDH,G,MACG,GAAIF,IAAc,YAAcE,EAAeE,EAAW,CAC7DF,G,KACG,CAEH,GAAIF,IAAc,QAAUE,GAAgBG,EAAW,CACnDH,EAAe,C,CAEnB,GAAIF,IAAc,YAAcE,IAAiBE,EAAW,CACxDF,EAAeG,C,EAIvB,OAAOH,C,CAGX,kBAAAI,GACI,GAAIlE,KAAKQ,OAAQ,CACbR,KAAKQ,OAAOS,Q,EAIpB,iBAAAkD,GACInE,KAAKC,oBAAmBS,OAAAC,OAAAD,OAAAC,OAAA,GACjByD,EAAsBpE,KAAKK,KAC3BgE,EAAkBrE,KAAKK,GAAIP,G,CAItC,MAAAwE,GACI,OACIC,EAACC,EAAI,CAAAC,IAAA,4CACDF,EAAA,SAAA7D,OAAAC,OAAA,CAAA8D,IAAA,2CAAQC,GAAG,kBAAiB,gBACN,OACdC,SAAU3E,KAAK2E,SAAQ,gBACT,OACdC,KAAK,SAAQ,gBACE5E,KAAKoB,SAAW,OAAS,QACxCyD,IAAKxE,GAAML,KAAK0C,aAAerC,EAC/ByE,QAAUC,GAAW/E,KAAKoC,cAAc2C,GACxC7D,OAAS6D,GAAWA,EAAOC,4BACvBhF,KAAKC,qBAAmB,YACpCsE,EAAA,cAAAE,IAAA,2CAAYQ,KAAMjF,KAAKiF,KAAMC,MAAOlF,KAAKkF,MAAOP,SAAU3E,KAAK2E,SAAUQ,KAAMnF,KAAKmF,KACxEN,IAAKxE,GAAML,KAAKuB,UAAYlB,EAAE,cAClB,OACZ+E,UAAW,EACXN,QAAUC,GAAW/E,KAAKoC,cAAc2C,GACxC7D,OAASmE,GAAMA,EAAEL,4BACzBT,EAAA,OAAAE,IAAA,2CAAKa,MAAM,8BACPf,EAAA,QAAAE,IAAA,2CAAM/C,KAAK,gBACV1B,KAAKuF,QAAU,KAAQhB,EAACiB,EAAW,CAACC,GAAIzF,KAAKoB,aAGtDmD,EAAA,OAAAE,IAAA,2CAAKa,OAAQtF,KAAKoB,SAAW,QAAU,IAAM,UACxCsD,GAAG,OACHE,KAAK,OAAM,kBACK,kBAChBQ,UAAW,EACXP,IAAKxE,GAAML,KAAKwB,WAAanB,GAC9BkE,EAAA,OAAAE,IAAA,2CAAKG,KAAK,eAAeF,GAAG,QAAO,2BACnCH,EAAA,OAAAE,IAAA,2CAAKG,KAAK,eAAeU,MAAM,aAC3Bf,EAAA,QAAAE,IAAA,2CAAM/C,KAAK,QACP6C,EAAA,QAAAE,IAAA,2CAAMC,GAAI,gB"}

package/dist/wcs/{p-ad286030.entry.js → p-56d9554a.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,c as e,h as t,H as a,g as c}from"./p-32e583ea.js";import{c as s,d as n,i,a as r,s as l}from"./p-52d77e1f.js";import{c as m}from"./p-0017d766.js";const d=':host{--wcs-com-nav-category-label-mobile-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-com-nav-category-label-mobile-color:var(--wcs-semantic-color-text-primary);--wcs-com-nav-category-label-font-size:var(--wcs-semantic-font-size-label-1);--wcs-com-nav-category-label-desktop-font-weight:var(--wcs-semantic-font-weight-roman);--wcs-com-nav-category-label-desktop-color:var(--wcs-semantic-color-text-primary);--wcs-com-nav-category-label-desktop-gap:var(--wcs-semantic-spacing-base);--wcs-com-nav-category-label-desktop-focus-outline-color:var(--wcs-semantic-color-border-focus-base);--wcs-com-nav-category-item-mobile-color:var(--wcs-semantic-color-text-primary);--wcs-com-nav-category-item-mobile-font-weight:var(--wcs-semantic-font-weight-roman);--wcs-com-nav-category-item-mobile-spacing-top:var(--wcs-semantic-spacing-large);--wcs-com-nav-category-item-mobile-spacing-left:calc(var(--wcs-semantic-spacing-base) * 3);--wcs-com-nav-category-item-mobile-gap:calc(var(--wcs-semantic-spacing-base) * 1.5);--wcs-com-nav-category-desktop-menu-background-color:transparent;--wcs-com-nav-category-desktop-menu-border-left-width:var(--wcs-semantic-border-width-default);--wcs-com-nav-category-desktop-menu-border-left-color:var(--wcs-semantic-color-border-secondary);--wcs-com-nav-category-desktop-menu-background-indicator-color:transparent;--wcs-com-nav-category-desktop-menu-gap:calc(var(--wcs-semantic-spacing-base) * 3);--wcs-com-nav-category-item-desktop-color:var(--wcs-semantic-color-text-primary);--wcs-com-nav-category-item-desktop-font-weight:var(--wcs-semantic-font-weight-roman);--wcs-com-nav-category-desktop-menu-padding-top:50px;--wcs-com-nav-category-desktop-menu-padding-bottom:50px;--wcs-com-nav-category-desktop-menu-padding-left:50px;--wcs-com-nav-category-desktop-menu-padding-right:0;display:block;height:fit-content}:host button{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:initial}:host .label-container{margin:0;font-size:var(--wcs-com-nav-category-label-font-size);font-weight:var(--wcs-com-nav-category-label-mobile-font-weight);display:block;color:var(--wcs-com-nav-category-label-mobile-color)}:host .label-container .arrow-container{display:none}:host .label-container .arrow-icon{display:none}:host .item-container{display:flex;flex-direction:column;gap:var(--wcs-com-nav-category-item-mobile-gap);margin-left:var(--wcs-com-nav-category-item-mobile-spacing-left);margin-top:var(--wcs-com-nav-category-item-mobile-spacing-top)}:host .item-container ::slotted(wcs-com-nav-item){color:var(--wcs-com-nav-category-item-mobile-color);font-weight:var(--wcs-com-nav-category-item-mobile-font-weight)}@media (min-width: 576px){:host{padding-bottom:unset}:host .item-container:not([data-open]){display:none}:host button{cursor:pointer}:host .label-container{display:flex;align-items:center;gap:var(--wcs-com-nav-category-label-desktop-gap);font-weight:var(--wcs-com-nav-category-label-desktop-font-weight);cursor:pointer;user-select:none;padding-left:unset;color:var(--wcs-com-nav-category-label-desktop-color)}:host .label-container .arrow-icon{display:inline-block;font-family:icons;font-size:0.6rem;line-height:1;box-sizing:border-box}:host .label-container .arrow-container{display:unset}:host .label-container:focus-visible{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-com-nav-category-label-desktop-focus-outline-color);outline-offset:0.1rem;border-radius:5px}@supports not selector(.label-container:focus-visible){:host .label-container:focus-within{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-com-nav-category-label-desktop-focus-outline-color);outline-offset:0.1rem;border-radius:5px}}:host button.label-container[aria-expanded=true]:after{position:absolute;left:calc(50% + var(--wcs-com-content-max-width) / 8 - 0.5625rem);z-index:2;display:block;width:1.125rem;height:1.125rem;content:"";background-color:var(--wcs-com-nav-category-desktop-menu-background-indicator-color);transform:rotate(45deg)}:host .item-container[data-open]{position:absolute;border-left:solid var(--wcs-com-nav-category-desktop-menu-border-left-width) var(--wcs-com-nav-category-desktop-menu-border-left-color);left:calc(50% + var(--wcs-com-content-max-width) / 8);top:0;right:0;padding:var(--wcs-com-nav-category-desktop-menu-padding-top) var(--wcs-com-nav-category-desktop-menu-padding-right) var(--wcs-com-nav-category-desktop-menu-padding-bottom) var(--wcs-com-nav-category-desktop-menu-padding-left);background-blend-mode:multiply;background-color:var(--wcs-com-nav-category-desktop-menu-background-color);box-sizing:border-box;height:100%;margin-left:unset;margin-top:unset;display:flex;flex-direction:column;gap:var(--wcs-com-nav-category-desktop-menu-gap);align-items:start}:host .item-container[data-open] ::slotted(wcs-com-nav-item){color:var(--wcs-com-nav-category-item-desktop-color);font-weight:var(--wcs-com-nav-category-item-desktop-font-weight)}:host .item-container[data-open] ::slotted(wcs-com-nav-item:focus-within){outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-com-nav-category-item-desktop-color);outline-offset:0.1rem;border-radius:2px}}';const g=d;const p=["title"];const w=class{constructor(t){o(this,t);this.wcsCategoryOpened=e(this,"wcsCategoryOpened",7);this.inheritedAttributes={};this.categoryItemsId=`wcs-com-nav-category-items`;this.label=undefined;this.categoryOpen=false;this.currentActiveSizing="desktop"}onWindowClickEvent(o){if(this.categoryOpen)this.categoryOpen=false}onSubmenuOpened(o){if(o.detail.categoryElement!==this.el){this.categoryOpen=false}}componentDidLoad(){if(!this.resizeObserver){this.resizeObserver=m(this);this.resizeObserver.observe(document.body)}}handleCategoryItemsKeyDown(o){if(s(o)||n(o)){this.handleItemClick(o)}}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},i(this.el)),r(this.el,p))}async setAriaAttribute(o,e){l(this.nativeButton,o,e)}async close(){this.categoryOpen=false}async open(){this.categoryOpen=true}onClick(o){o.stopPropagation();this.wcsCategoryOpened.emit({categoryElement:this.el})}handleItemClick(o){if(o.target.tagName==="A"){this.close()}}disconnectedCallback(){var o;(o=this.resizeObserver)===null||o===void 0?void 0:o.disconnect()}render(){return t(a,{key:"0b5d69d30228c1585c17d74bf8183f6fe91c1696",role:"listitem",onClick:o=>this.onClick(o)},this.currentActiveSizing==="mobile"?t("h3",{role:"presentation",class:"label-container"},t("span",{class:"label"},this.label)):t("button",Object.assign({class:"label-container","aria-controls":this.categoryItemsId,"aria-expanded":this.categoryOpen?"true":"false",ref:o=>this.nativeButton=o,onClick:o=>this.categoryOpen=!this.categoryOpen},this.inheritedAttributes),t("span",{class:"label"},this.label),t("span",{class:"arrow-container"},t("span",{"aria-hidden":"true",class:"arrow-icon"},""))),t("div",{key:"8269a3a8eb304343e6beef3cfde1e20976e02bbb",class:"item-container",role:"list","aria-label":this.label,id:this.categoryItemsId,tabIndex:-1,"data-open":this.categoryOpen,onKeyDown:o=>this.handleCategoryItemsKeyDown(o),onClick:o=>this.handleItemClick(o)},t("slot",{key:"0cd3f5916499f4e14d554e7fe963a2a384c4b39d"})))}get el(){return c(this)}};w.style=g;export{w as wcs_com_nav_category};
-//# sourceMappingURL=p-ad286030.entry.js.map
+import{r as o,c as e,h as t,H as a,g as c}from"./p-32e583ea.js";import{c as s,d as n,i,a as r,s as l}from"./p-5314a64d.js";import{c as m}from"./p-dbf82cb9.js";const d=':host{--wcs-com-nav-category-label-mobile-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-com-nav-category-label-mobile-color:var(--wcs-semantic-color-text-primary);--wcs-com-nav-category-label-font-size:var(--wcs-semantic-font-size-label-1);--wcs-com-nav-category-label-desktop-font-weight:var(--wcs-semantic-font-weight-roman);--wcs-com-nav-category-label-desktop-color:var(--wcs-semantic-color-text-primary);--wcs-com-nav-category-label-desktop-gap:var(--wcs-semantic-spacing-base);--wcs-com-nav-category-label-desktop-focus-outline-color:var(--wcs-semantic-color-border-focus-base);--wcs-com-nav-category-item-mobile-color:var(--wcs-semantic-color-text-primary);--wcs-com-nav-category-item-mobile-font-weight:var(--wcs-semantic-font-weight-roman);--wcs-com-nav-category-item-mobile-spacing-top:var(--wcs-semantic-spacing-large);--wcs-com-nav-category-item-mobile-spacing-left:calc(var(--wcs-semantic-spacing-base) * 3);--wcs-com-nav-category-item-mobile-gap:calc(var(--wcs-semantic-spacing-base) * 1.5);--wcs-com-nav-category-desktop-menu-background-color:transparent;--wcs-com-nav-category-desktop-menu-border-left-width:var(--wcs-semantic-border-width-default);--wcs-com-nav-category-desktop-menu-border-left-color:var(--wcs-semantic-color-border-secondary);--wcs-com-nav-category-desktop-menu-background-indicator-color:transparent;--wcs-com-nav-category-desktop-menu-gap:calc(var(--wcs-semantic-spacing-base) * 3);--wcs-com-nav-category-item-desktop-color:var(--wcs-semantic-color-text-primary);--wcs-com-nav-category-item-desktop-font-weight:var(--wcs-semantic-font-weight-roman);--wcs-com-nav-category-desktop-menu-padding-top:50px;--wcs-com-nav-category-desktop-menu-padding-bottom:50px;--wcs-com-nav-category-desktop-menu-padding-left:50px;--wcs-com-nav-category-desktop-menu-padding-right:0;display:block;height:fit-content}:host button{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:initial}:host .label-container{margin:0;font-size:var(--wcs-com-nav-category-label-font-size);font-weight:var(--wcs-com-nav-category-label-mobile-font-weight);display:block;color:var(--wcs-com-nav-category-label-mobile-color)}:host .label-container .arrow-container{display:none}:host .label-container .arrow-icon{display:none}:host .item-container{display:flex;flex-direction:column;gap:var(--wcs-com-nav-category-item-mobile-gap);margin-left:var(--wcs-com-nav-category-item-mobile-spacing-left);margin-top:var(--wcs-com-nav-category-item-mobile-spacing-top)}:host .item-container ::slotted(wcs-com-nav-item){color:var(--wcs-com-nav-category-item-mobile-color);font-weight:var(--wcs-com-nav-category-item-mobile-font-weight)}@media (min-width: 576px){:host{padding-bottom:unset}:host .item-container:not([data-open]){display:none}:host button{cursor:pointer}:host .label-container{display:flex;align-items:center;gap:var(--wcs-com-nav-category-label-desktop-gap);font-weight:var(--wcs-com-nav-category-label-desktop-font-weight);cursor:pointer;user-select:none;padding-left:unset;color:var(--wcs-com-nav-category-label-desktop-color)}:host .label-container .arrow-icon{display:inline-block;font-family:icons;font-size:0.6rem;line-height:1;box-sizing:border-box}:host .label-container .arrow-container{display:unset}:host .label-container:focus-visible{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-com-nav-category-label-desktop-focus-outline-color);outline-offset:0.1rem;border-radius:5px}@supports not selector(.label-container:focus-visible){:host .label-container:focus-within{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-com-nav-category-label-desktop-focus-outline-color);outline-offset:0.1rem;border-radius:5px}}:host button.label-container[aria-expanded=true]:after{position:absolute;left:calc(50% + var(--wcs-com-content-max-width) / 8 - 0.5625rem);z-index:2;display:block;width:1.125rem;height:1.125rem;content:"";background-color:var(--wcs-com-nav-category-desktop-menu-background-indicator-color);transform:rotate(45deg)}:host .item-container[data-open]{position:absolute;border-left:solid var(--wcs-com-nav-category-desktop-menu-border-left-width) var(--wcs-com-nav-category-desktop-menu-border-left-color);left:calc(50% + var(--wcs-com-content-max-width) / 8);top:0;right:0;padding:var(--wcs-com-nav-category-desktop-menu-padding-top) var(--wcs-com-nav-category-desktop-menu-padding-right) var(--wcs-com-nav-category-desktop-menu-padding-bottom) var(--wcs-com-nav-category-desktop-menu-padding-left);background-blend-mode:multiply;background-color:var(--wcs-com-nav-category-desktop-menu-background-color);box-sizing:border-box;height:100%;margin-left:unset;margin-top:unset;display:flex;flex-direction:column;gap:var(--wcs-com-nav-category-desktop-menu-gap);align-items:start}:host .item-container[data-open] ::slotted(wcs-com-nav-item){color:var(--wcs-com-nav-category-item-desktop-color);font-weight:var(--wcs-com-nav-category-item-desktop-font-weight)}:host .item-container[data-open] ::slotted(wcs-com-nav-item:focus-within){outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-com-nav-category-item-desktop-color);outline-offset:0.1rem;border-radius:2px}}';const g=d;const p=["title"];const b=class{constructor(t){o(this,t);this.wcsCategoryOpened=e(this,"wcsCategoryOpened",7);this.inheritedAttributes={};this.categoryItemsId=`wcs-com-nav-category-items`;this.label=undefined;this.categoryOpen=false;this.currentActiveSizing="desktop"}onWindowClickEvent(o){if(this.categoryOpen)this.categoryOpen=false}onSubmenuOpened(o){if(o.detail.categoryElement!==this.el){this.categoryOpen=false}}componentDidLoad(){if(!this.resizeObserver){this.resizeObserver=m(this);this.resizeObserver.observe(document.body)}}handleCategoryItemsKeyDown(o){if(s(o)||n(o)){this.handleItemClick(o)}}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},i(this.el)),r(this.el,p))}async setAriaAttribute(o,e){l(this.nativeButton,o,e)}async close(){this.categoryOpen=false}async open(){this.categoryOpen=true}onClick(o){o.stopPropagation();this.wcsCategoryOpened.emit({categoryElement:this.el})}handleItemClick(o){if(o.target.tagName==="A"){this.close()}}disconnectedCallback(){var o;(o=this.resizeObserver)===null||o===void 0?void 0:o.disconnect()}render(){return t(a,{key:"0b5d69d30228c1585c17d74bf8183f6fe91c1696",role:"listitem",onClick:o=>this.onClick(o)},this.currentActiveSizing==="mobile"?t("h3",{role:"presentation",class:"label-container"},t("span",{class:"label"},this.label)):t("button",Object.assign({class:"label-container","aria-controls":this.categoryItemsId,"aria-expanded":this.categoryOpen?"true":"false",ref:o=>this.nativeButton=o,onClick:o=>this.categoryOpen=!this.categoryOpen},this.inheritedAttributes),t("span",{class:"label"},this.label),t("span",{class:"arrow-container"},t("span",{"aria-hidden":"true",class:"arrow-icon"},""))),t("div",{key:"8269a3a8eb304343e6beef3cfde1e20976e02bbb",class:"item-container",role:"list","aria-label":this.label,id:this.categoryItemsId,tabIndex:-1,"data-open":this.categoryOpen,onKeyDown:o=>this.handleCategoryItemsKeyDown(o),onClick:o=>this.handleItemClick(o)},t("slot",{key:"0cd3f5916499f4e14d554e7fe963a2a384c4b39d"})))}get el(){return c(this)}};b.style=g;export{b as wcs_com_nav_category};
+//# sourceMappingURL=p-56d9554a.entry.js.map

package/dist/wcs/p-59f96b21.entry.js

@@ -0,0 +1,2 @@
+import{r as s,h as e,H as c}from"./p-32e583ea.js";const t=class{constructor(e){s(this,e);this.columnId=undefined;this.rowId=undefined}render(){return e(c,{key:"dd57a3792ccd2dbf7bb23f5055eb3136a06a9acb",slot:this.columnId+"-"+this.rowId},e("slot",{key:"5fa475118d263c77b9ccbc1bb7e0c808b1578e87"}))}};export{t as wcs_grid_custom_cell};
+//# sourceMappingURL=p-59f96b21.entry.js.map

package/dist/wcs/{p-ff826ebe.js → p-5cea30cb.js}

@@ -1,2 +1,2 @@
 var r=typeof global=="object"&&global&&global.Object===Object&&global;const t=r;var n=typeof self=="object"&&self&&self.Object===Object&&self;var e=t||n||Function("return this")();const a=e;var u=a.Symbol;const i=u;var o=Object.prototype;var c=o.hasOwnProperty;var f=o.toString;var s=i?i.toStringTag:undefined;function v(r){var t=c.call(r,s),n=r[s];try{r[s]=undefined;var e=true}catch(r){}var a=f.call(r);if(e){if(t){r[s]=n}else{delete r[s]}}return a}var l=Object.prototype;var b=l.toString;function h(r){return b.call(r)}var j="[object Null]",d="[object Undefined]";var y=i?i.toStringTag:undefined;function p(r){if(r==null){return r===undefined?d:j}return y&&y in Object(r)?v(r):h(r)}function w(r){return r!=null&&typeof r=="object"}var _=Array.isArray;const O=_;function m(r){var t=typeof r;return r!=null&&(t=="object"||t=="function")}var A="[object AsyncFunction]",g="[object Function]",x="[object GeneratorFunction]",S="[object Proxy]";function F(r){if(!m(r)){return false}var t=p(r);return t==g||t==x||t==A||t==S}var k=a["__core-js_shared__"];const M=k;var $=function(){var r=/[^.]+$/.exec(M&&M.keys&&M.keys.IE_PROTO||"");return r?"Symbol(src)_1."+r:""}();function D(r){return!!$&&$ in r}var U=Function.prototype;var B=U.toString;function E(r){if(r!=null){try{return B.call(r)}catch(r){}try{return r+""}catch(r){}}return""}var P=/[\\^$.*+?()[\]{}|]/g;var V=/^\[object .+?Constructor\]$/;var I=Function.prototype,N=Object.prototype;var R=I.toString;var W=N.hasOwnProperty;var C=RegExp("^"+R.call(W).replace(P,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function q(r){if(!m(r)||D(r)){return false}var t=F(r)?C:V;return t.test(E(r))}function G(r,t){return r==null?undefined:r[t]}function L(r,t){var n=G(r,t);return q(n)?n:undefined}var z=L(a,"WeakMap");const H=z;var J=9007199254740991;var K=/^(?:0|[1-9]\d*)$/;function Q(r,t){var n=typeof r;t=t==null?J:t;return!!t&&(n=="number"||n!="symbol"&&K.test(r))&&(r>-1&&r%1==0&&r<t)}function T(r,t){return r===t||r!==r&&t!==t}var X=9007199254740991;function Y(r){return typeof r=="number"&&r>-1&&r%1==0&&r<=X}function Z(r){return r!=null&&Y(r.length)&&!F(r)}var rr=Object.prototype;function tr(r){var t=r&&r.constructor,n=typeof t=="function"&&t.prototype||rr;return r===n}function nr(r,t){var n=-1,e=Array(r);while(++n<r){e[n]=t(n)}return e}var er="[object Arguments]";function ar(r){return w(r)&&p(r)==er}var ur=Object.prototype;var ir=ur.hasOwnProperty;var or=ur.propertyIsEnumerable;var cr=ar(function(){return arguments}())?ar:function(r){return w(r)&&ir.call(r,"callee")&&!or.call(r,"callee")};const fr=cr;function sr(){return false}var vr=typeof exports=="object"&&exports&&!exports.nodeType&&exports;var lr=vr&&typeof module=="object"&&module&&!module.nodeType&&module;var br=lr&&lr.exports===vr;var hr=br?a.Buffer:undefined;var jr=hr?hr.isBuffer:undefined;var dr=jr||sr;const yr=dr;var pr="[object Arguments]",wr="[object Array]",_r="[object Boolean]",Or="[object Date]",mr="[object Error]",Ar="[object Function]",gr="[object Map]",xr="[object Number]",Sr="[object Object]",Fr="[object RegExp]",kr="[object Set]",Mr="[object String]",$r="[object WeakMap]";var Dr="[object ArrayBuffer]",Ur="[object DataView]",Br="[object Float32Array]",Er="[object Float64Array]",Pr="[object Int8Array]",Vr="[object Int16Array]",Ir="[object Int32Array]",Nr="[object Uint8Array]",Rr="[object Uint8ClampedArray]",Wr="[object Uint16Array]",Cr="[object Uint32Array]";var qr={};qr[Br]=qr[Er]=qr[Pr]=qr[Vr]=qr[Ir]=qr[Nr]=qr[Rr]=qr[Wr]=qr[Cr]=true;qr[pr]=qr[wr]=qr[Dr]=qr[_r]=qr[Ur]=qr[Or]=qr[mr]=qr[Ar]=qr[gr]=qr[xr]=qr[Sr]=qr[Fr]=qr[kr]=qr[Mr]=qr[$r]=false;function Gr(r){return w(r)&&Y(r.length)&&!!qr[p(r)]}function Lr(r){return function(t){return r(t)}}var zr=typeof exports=="object"&&exports&&!exports.nodeType&&exports;var Hr=zr&&typeof module=="object"&&module&&!module.nodeType&&module;var Jr=Hr&&Hr.exports===zr;var Kr=Jr&&t.process;var Qr=function(){try{var r=Hr&&Hr.require&&Hr.require("util").types;if(r){return r}return Kr&&Kr.binding&&Kr.binding("util")}catch(r){}}();const Tr=Qr;var Xr=Tr&&Tr.isTypedArray;var Yr=Xr?Lr(Xr):Gr;const Zr=Yr;var rt=Object.prototype;var tt=rt.hasOwnProperty;function nt(r,t){var n=O(r),e=!n&&fr(r),a=!n&&!e&&yr(r),u=!n&&!e&&!a&&Zr(r),i=n||e||a||u,o=i?nr(r.length,String):[],c=o.length;for(var f in r){if((t||tt.call(r,f))&&!(i&&(f=="length"||a&&(f=="offset"||f=="parent")||u&&(f=="buffer"||f=="byteLength"||f=="byteOffset")||Q(f,c)))){o.push(f)}}return o}function et(r,t){return function(n){return r(t(n))}}var at=et(Object.keys,Object);const ut=at;var it=Object.prototype;var ot=it.hasOwnProperty;function ct(r){if(!tr(r)){return ut(r)}var t=[];for(var n in Object(r)){if(ot.call(r,n)&&n!="constructor"){t.push(n)}}return t}function ft(r){return Z(r)?nt(r):ct(r)}var st=L(Object,"create");const vt=st;function lt(){this.__data__=vt?vt(null):{};this.size=0}function bt(r){var t=this.has(r)&&delete this.__data__[r];this.size-=t?1:0;return t}var ht="__lodash_hash_undefined__";var jt=Object.prototype;var dt=jt.hasOwnProperty;function yt(r){var t=this.__data__;if(vt){var n=t[r];return n===ht?undefined:n}return dt.call(t,r)?t[r]:undefined}var pt=Object.prototype;var wt=pt.hasOwnProperty;function _t(r){var t=this.__data__;return vt?t[r]!==undefined:wt.call(t,r)}var Ot="__lodash_hash_undefined__";function mt(r,t){var n=this.__data__;this.size+=this.has(r)?0:1;n[r]=vt&&t===undefined?Ot:t;return this}function At(r){var t=-1,n=r==null?0:r.length;this.clear();while(++t<n){var e=r[t];this.set(e[0],e[1])}}At.prototype.clear=lt;At.prototype["delete"]=bt;At.prototype.get=yt;At.prototype.has=_t;At.prototype.set=mt;function gt(){this.__data__=[];this.size=0}function xt(r,t){var n=r.length;while(n--){if(T(r[n][0],t)){return n}}return-1}var St=Array.prototype;var Ft=St.splice;function kt(r){var t=this.__data__,n=xt(t,r);if(n<0){return false}var e=t.length-1;if(n==e){t.pop()}else{Ft.call(t,n,1)}--this.size;return true}function Mt(r){var t=this.__data__,n=xt(t,r);return n<0?undefined:t[n][1]}function $t(r){return xt(this.__data__,r)>-1}function Dt(r,t){var n=this.__data__,e=xt(n,r);if(e<0){++this.size;n.push([r,t])}else{n[e][1]=t}return this}function Ut(r){var t=-1,n=r==null?0:r.length;this.clear();while(++t<n){var e=r[t];this.set(e[0],e[1])}}Ut.prototype.clear=gt;Ut.prototype["delete"]=kt;Ut.prototype.get=Mt;Ut.prototype.has=$t;Ut.prototype.set=Dt;var Bt=L(a,"Map");const Et=Bt;function Pt(){this.size=0;this.__data__={hash:new At,map:new(Et||Ut),string:new At}}function Vt(r){var t=typeof r;return t=="string"||t=="number"||t=="symbol"||t=="boolean"?r!=="__proto__":r===null}function It(r,t){var n=r.__data__;return Vt(t)?n[typeof t=="string"?"string":"hash"]:n.map}function Nt(r){var t=It(this,r)["delete"](r);this.size-=t?1:0;return t}function Rt(r){return It(this,r).get(r)}function Wt(r){return It(this,r).has(r)}function Ct(r,t){var n=It(this,r),e=n.size;n.set(r,t);this.size+=n.size==e?0:1;return this}function qt(r){var t=-1,n=r==null?0:r.length;this.clear();while(++t<n){var e=r[t];this.set(e[0],e[1])}}qt.prototype.clear=Pt;qt.prototype["delete"]=Nt;qt.prototype.get=Rt;qt.prototype.has=Wt;qt.prototype.set=Ct;function Gt(r,t){var n=-1,e=t.length,a=r.length;while(++n<e){r[a+n]=t[n]}return r}function Lt(){this.__data__=new Ut;this.size=0}function zt(r){var t=this.__data__,n=t["delete"](r);this.size=t.size;return n}function Ht(r){return this.__data__.get(r)}function Jt(r){return this.__data__.has(r)}var Kt=200;function Qt(r,t){var n=this.__data__;if(n instanceof Ut){var e=n.__data__;if(!Et||e.length<Kt-1){e.push([r,t]);this.size=++n.size;return this}n=this.__data__=new qt(e)}n.set(r,t);this.size=n.size;return this}function Tt(r){var t=this.__data__=new Ut(r);this.size=t.size}Tt.prototype.clear=Lt;Tt.prototype["delete"]=zt;Tt.prototype.get=Ht;Tt.prototype.has=Jt;Tt.prototype.set=Qt;function Xt(r,t){var n=-1,e=r==null?0:r.length,a=0,u=[];while(++n<e){var i=r[n];if(t(i,n,r)){u[a++]=i}}return u}function Yt(){return[]}var Zt=Object.prototype;var rn=Zt.propertyIsEnumerable;var tn=Object.getOwnPropertySymbols;var nn=!tn?Yt:function(r){if(r==null){return[]}r=Object(r);return Xt(tn(r),(function(t){return rn.call(r,t)}))};const en=nn;function an(r,t,n){var e=t(r);return O(r)?e:Gt(e,n(r))}function un(r){return an(r,ft,en)}var on=L(a,"DataView");const cn=on;var fn=L(a,"Promise");const sn=fn;var vn=L(a,"Set");const ln=vn;var bn="[object Map]",hn="[object Object]",jn="[object Promise]",dn="[object Set]",yn="[object WeakMap]";var pn="[object DataView]";var wn=E(cn),_n=E(Et),On=E(sn),mn=E(ln),An=E(H);var gn=p;if(cn&&gn(new cn(new ArrayBuffer(1)))!=pn||Et&&gn(new Et)!=bn||sn&&gn(sn.resolve())!=jn||ln&&gn(new ln)!=dn||H&&gn(new H)!=yn){gn=function(r){var t=p(r),n=t==hn?r.constructor:undefined,e=n?E(n):"";if(e){switch(e){case wn:return pn;case _n:return bn;case On:return jn;case mn:return dn;case An:return yn}}return t}}const xn=gn;var Sn=a.Uint8Array;const Fn=Sn;var kn="__lodash_hash_undefined__";function Mn(r){this.__data__.set(r,kn);return this}function $n(r){return this.__data__.has(r)}function Dn(r){var t=-1,n=r==null?0:r.length;this.__data__=new qt;while(++t<n){this.add(r[t])}}Dn.prototype.add=Dn.prototype.push=Mn;Dn.prototype.has=$n;function Un(r,t){var n=-1,e=r==null?0:r.length;while(++n<e){if(t(r[n],n,r)){return true}}return false}function Bn(r,t){return r.has(t)}var En=1,Pn=2;function Vn(r,t,n,e,a,u){var i=n&En,o=r.length,c=t.length;if(o!=c&&!(i&&c>o)){return false}var f=u.get(r);var s=u.get(t);if(f&&s){return f==t&&s==r}var v=-1,l=true,b=n&Pn?new Dn:undefined;u.set(r,t);u.set(t,r);while(++v<o){var h=r[v],j=t[v];if(e){var d=i?e(j,h,v,t,r,u):e(h,j,v,r,t,u)}if(d!==undefined){if(d){continue}l=false;break}if(b){if(!Un(t,(function(r,t){if(!Bn(b,t)&&(h===r||a(h,r,n,e,u))){return b.push(t)}}))){l=false;break}}else if(!(h===j||a(h,j,n,e,u))){l=false;break}}u["delete"](r);u["delete"](t);return l}function In(r){var t=-1,n=Array(r.size);r.forEach((function(r,e){n[++t]=[e,r]}));return n}function Nn(r){var t=-1,n=Array(r.size);r.forEach((function(r){n[++t]=r}));return n}var Rn=1,Wn=2;var Cn="[object Boolean]",qn="[object Date]",Gn="[object Error]",Ln="[object Map]",zn="[object Number]",Hn="[object RegExp]",Jn="[object Set]",Kn="[object String]",Qn="[object Symbol]";var Tn="[object ArrayBuffer]",Xn="[object DataView]";var Yn=i?i.prototype:undefined,Zn=Yn?Yn.valueOf:undefined;function re(r,t,n,e,a,u,i){switch(n){case Xn:if(r.byteLength!=t.byteLength||r.byteOffset!=t.byteOffset){return false}r=r.buffer;t=t.buffer;case Tn:if(r.byteLength!=t.byteLength||!u(new Fn(r),new Fn(t))){return false}return true;case Cn:case qn:case zn:return T(+r,+t);case Gn:return r.name==t.name&&r.message==t.message;case Hn:case Kn:return r==t+"";case Ln:var o=In;case Jn:var c=e&Rn;o||(o=Nn);if(r.size!=t.size&&!c){return false}var f=i.get(r);if(f){return f==t}e|=Wn;i.set(r,t);var s=Vn(o(r),o(t),e,a,u,i);i["delete"](r);return s;case Qn:if(Zn){return Zn.call(r)==Zn.call(t)}}return false}var te=1;var ne=Object.prototype;var ee=ne.hasOwnProperty;function ae(r,t,n,e,a,u){var i=n&te,o=un(r),c=o.length,f=un(t),s=f.length;if(c!=s&&!i){return false}var v=c;while(v--){var l=o[v];if(!(i?l in t:ee.call(t,l))){return false}}var b=u.get(r);var h=u.get(t);if(b&&h){return b==t&&h==r}var j=true;u.set(r,t);u.set(t,r);var d=i;while(++v<c){l=o[v];var y=r[l],p=t[l];if(e){var w=i?e(p,y,l,t,r,u):e(y,p,l,r,t,u)}if(!(w===undefined?y===p||a(y,p,n,e,u):w)){j=false;break}d||(d=l=="constructor")}if(j&&!d){var _=r.constructor,O=t.constructor;if(_!=O&&("constructor"in r&&"constructor"in t)&&!(typeof _=="function"&&_ instanceof _&&typeof O=="function"&&O instanceof O)){j=false}}u["delete"](r);u["delete"](t);return j}var ue=1;var ie="[object Arguments]",oe="[object Array]",ce="[object Object]";var fe=Object.prototype;var se=fe.hasOwnProperty;function ve(r,t,n,e,a,u){var i=O(r),o=O(t),c=i?oe:xn(r),f=o?oe:xn(t);c=c==ie?ce:c;f=f==ie?ce:f;var s=c==ce,v=f==ce,l=c==f;if(l&&yr(r)){if(!yr(t)){return false}i=true;s=false}if(l&&!s){u||(u=new Tt);return i||Zr(r)?Vn(r,t,n,e,a,u):re(r,t,c,n,e,a,u)}if(!(n&ue)){var b=s&&se.call(r,"__wrapped__"),h=v&&se.call(t,"__wrapped__");if(b||h){var j=b?r.value():r,d=h?t.value():t;u||(u=new Tt);return a(j,d,n,e,u)}}if(!l){return false}u||(u=new Tt);return ae(r,t,n,e,a,u)}function le(r,t,n,e,a){if(r===t){return true}if(r==null||t==null||!w(r)&&!w(t)){return r!==r&&t!==t}return ve(r,t,n,e,le,a)}function be(r,t){return le(r,t)}export{qt as M,i as S,Fn as U,O as a,p as b,m as c,tr as d,T as e,Z as f,L as g,nt as h,w as i,en as j,ft as k,Gt as l,an as m,xn as n,et as o,Lr as p,Tr as q,a as r,Yt as s,yr as t,Tt as u,un as v,be as w};
-//# sourceMappingURL=p-ff826ebe.js.map
+//# sourceMappingURL=p-5cea30cb.js.map