@fluid-topics/ft-search-bar 1.1.43 → 1.1.44
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/ft-search-bar.light.js +215 -218
- package/build/ft-search-bar.min.js +186 -189
- package/package.json +16 -16
|
@@ -550,7 +550,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
550
550
|
position: relative;
|
|
551
551
|
word-break: break-word;
|
|
552
552
|
}
|
|
553
|
-
`,De=["start","end"],Ke=["top","right","bottom","left"].reduce(((t,e)=>t.concat(e,e+"-"+De[0],e+"-"+De[1])),[]),Ae=Math.min,He=Math.max,Me=Math.round,Pe=t=>({x:t,y:t}),je={left:"right",right:"left",bottom:"top",top:"bottom"},Te={start:"end",end:"start"};function Ge(t,e,o){return He(t,Ae(e,o))}function _e(t,e){return"function"==typeof t?t(e):t}function Ve(t){return t.split("-")[0]}function qe(t){return t.split("-")[1]}function Ye(t){return"x"===t?"y":"x"}function Xe(t){return"y"===t?"height":"width"}function Je(t){return["top","bottom"].includes(Ve(t))?"y":"x"}function Qe(t){return Ye(Je(t))}function to(t){return t.replace(/left|right|bottom|top/g,(t=>je[t]))}function eo(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function oo(t,e,o){let{reference:i,floating:r}=t;const a=Je(e),n=Qe(e),l=Xe(n),s=Ve(e),c="y"===a,p=i.x+i.width/2-r.width/2,f=i.y+i.height/2-r.height/2,h=i[l]/2-r[l]/2;let d;switch(s){case"top":d={x:p,y:i.y-r.height};break;case"bottom":d={x:p,y:i.y+i.height};break;case"right":d={x:i.x+i.width,y:f};break;case"left":d={x:i.x-r.width,y:f};break;default:d={x:i.x,y:i.y}}switch(qe(e)){case"start":d[n]-=h*(o&&c?-1:1);break;case"end":d[n]+=h*(o&&c?-1:1)}return d}async function io(t,e){var o;void 0===e&&(e={});const{x:i,y:r,platform:a,rects:n,elements:l,strategy:s}=t,{boundary:c="clippingAncestors",rootBoundary:p="viewport",elementContext:f="floating",altBoundary:h=!1,padding:d=0}=_e(e,t),u=function(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}(d),b=l[h?"floating"===f?"reference":"floating":f],g=eo(await a.getClippingRect({element:null==(o=await(null==a.isElement?void 0:a.isElement(b)))||o?b:b.contextElement||await(null==a.getDocumentElement?void 0:a.getDocumentElement(l.floating)),boundary:c,rootBoundary:p,strategy:s})),y="floating"===f?{...n.floating,x:i,y:r}:n.reference,m=await(null==a.getOffsetParent?void 0:a.getOffsetParent(l.floating)),x=await(null==a.isElement?void 0:a.isElement(m))&&await(null==a.getScale?void 0:a.getScale(m))||{x:1,y:1},v=eo(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({rect:y,offsetParent:m,strategy:s}):y);return{top:(g.top-v.top+u.top)/x.y,bottom:(v.bottom-g.bottom+u.bottom)/x.y,left:(g.left-v.left+u.left)/x.x,right:(v.right-g.right+u.right)/x.x}}function ro(t,e,o){return(t?[...o.filter((e=>qe(e)===t)),...o.filter((e=>qe(e)!==t))]:o.filter((t=>Ve(t)===t))).filter((o=>!t||(qe(o)===t||!!e&&function(t){return t.replace(/start|end/g,(t=>Te[t]))}(o)!==o)))}const ao=function(t){return void 0===t&&(t={}),{name:"autoPlacement",options:t,async fn(e){var o,i,r;const{rects:a,middlewareData:n,placement:l,platform:s,elements:c}=e,{crossAxis:p=!1,alignment:f,allowedPlacements:h=Ke,autoAlignment:d=!0,...u}=_e(t,e),b=void 0!==f||h===Ke?ro(f||null,d,h):h,g=await io(e,u),y=(null==(o=n.autoPlacement)?void 0:o.index)||0,m=b[y];if(null==m)return{};const x=function(t,e,o){void 0===o&&(o=!1);const i=qe(t),r=Qe(t),a=Xe(r);let n="x"===r?i===(o?"end":"start")?"right":"left":"start"===i?"bottom":"top";return e.reference[a]>e.floating[a]&&(n=to(n)),[n,to(n)]}(m,a,await(null==s.isRTL?void 0:s.isRTL(c.floating)));if(l!==m)return{reset:{placement:b[0]}};const v=[g[Ve(m)],g[x[0]],g[x[1]]],$=[...(null==(i=n.autoPlacement)?void 0:i.overflows)||[],{placement:m,overflows:v}],w=b[y+1];if(w)return{data:{index:y+1,overflows:$},reset:{placement:w}};const O=$.map((t=>{const e=qe(t.placement);return[t.placement,e&&p?t.overflows.slice(0,2).reduce(((t,e)=>t+e),0):t.overflows[0],t.overflows]})).sort(((t,e)=>t[1]-e[1])),S=O.filter((t=>t[2].slice(0,qe(t[0])?2:3).every((t=>t<=0)))),N=(null==(r=S[0])?void 0:r[0])||O[0][0];return N!==l?{data:{index:y+1,overflows:$},reset:{placement:N}}:{}}}};function no(t){return co(t)?(t.nodeName||"").toLowerCase():"#document"}function lo(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function so(t){var e;return null==(e=(co(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function co(t){return t instanceof Node||t instanceof lo(t).Node}function po(t){return t instanceof Element||t instanceof lo(t).Element}function fo(t){return t instanceof HTMLElement||t instanceof lo(t).HTMLElement}function ho(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof lo(t).ShadowRoot)}function uo(t){const{overflow:e,overflowX:o,overflowY:i,display:r}=xo(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+o)&&!["inline","contents"].includes(r)}function bo(t){return["table","td","th"].includes(no(t))}function go(t){const e=yo(),o=xo(t);return"none"!==o.transform||"none"!==o.perspective||!!o.containerType&&"normal"!==o.containerType||!e&&!!o.backdropFilter&&"none"!==o.backdropFilter||!e&&!!o.filter&&"none"!==o.filter||["transform","perspective","filter"].some((t=>(o.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(o.contain||"").includes(t)))}function yo(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function mo(t){return["html","body","#document"].includes(no(t))}function xo(t){return lo(t).getComputedStyle(t)}function vo(t){return po(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function $o(t){if("html"===no(t))return t;const e=t.assignedSlot||t.parentNode||ho(t)&&t.host||so(t);return ho(e)?e.host:e}function wo(t){const e=$o(t);return mo(e)?t.ownerDocument?t.ownerDocument.body:t.body:fo(e)&&uo(e)?e:wo(e)}function Oo(t,e,o){var i;void 0===e&&(e=[]),void 0===o&&(o=!0);const r=wo(t),a=r===(null==(i=t.ownerDocument)?void 0:i.body),n=lo(r);return a?e.concat(n,n.visualViewport||[],uo(r)?r:[],n.frameElement&&o?Oo(n.frameElement):[]):e.concat(r,Oo(r,[],o))}function So(t){const e=xo(t);let o=parseFloat(e.width)||0,i=parseFloat(e.height)||0;const r=fo(t),a=r?t.offsetWidth:o,n=r?t.offsetHeight:i,l=Me(o)!==a||Me(i)!==n;return l&&(o=a,i=n),{width:o,height:i,$:l}}function No(t){return po(t)?t:t.contextElement}function ko(t){const e=No(t);if(!fo(e))return Pe(1);const o=e.getBoundingClientRect(),{width:i,height:r,$:a}=So(e);let n=(a?Me(o.width):o.width)/i,l=(a?Me(o.height):o.height)/r;return n&&Number.isFinite(n)||(n=1),l&&Number.isFinite(l)||(l=1),{x:n,y:l}}const Co=Pe(0);function Io(t){const e=lo(t);return yo()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:Co}function Eo(t,e,o,i){void 0===e&&(e=!1),void 0===o&&(o=!1);const r=t.getBoundingClientRect(),a=No(t);let n=Pe(1);e&&(i?po(i)&&(n=ko(i)):n=ko(t));const l=function(t,e,o){return void 0===e&&(e=!1),!(!o||e&&o!==lo(t))&&e}(a,o,i)?Io(a):Pe(0);let s=(r.left+l.x)/n.x,c=(r.top+l.y)/n.y,p=r.width/n.x,f=r.height/n.y;if(a){const t=lo(a),e=i&&po(i)?lo(i):i;let o=t.frameElement;for(;o&&i&&e!==t;){const t=ko(o),e=o.getBoundingClientRect(),i=xo(o),r=e.left+(o.clientLeft+parseFloat(i.paddingLeft))*t.x,a=e.top+(o.clientTop+parseFloat(i.paddingTop))*t.y;s*=t.x,c*=t.y,p*=t.x,f*=t.y,s+=r,c+=a,o=lo(o).frameElement}}return eo({width:p,height:f,x:s,y:c})}function zo(t){return Eo(so(t)).left+vo(t).scrollLeft}function Uo(t,e,o){let i;if("viewport"===e)i=function(t,e){const o=lo(t),i=so(t),r=o.visualViewport;let a=i.clientWidth,n=i.clientHeight,l=0,s=0;if(r){a=r.width,n=r.height;const t=yo();(!t||t&&"fixed"===e)&&(l=r.offsetLeft,s=r.offsetTop)}return{width:a,height:n,x:l,y:s}}(t,o);else if("document"===e)i=function(t){const e=so(t),o=vo(t),i=t.ownerDocument.body,r=He(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),a=He(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight);let n=-o.scrollLeft+zo(t);const l=-o.scrollTop;return"rtl"===xo(i).direction&&(n+=He(e.clientWidth,i.clientWidth)-r),{width:r,height:a,x:n,y:l}}(so(t));else if(po(e))i=function(t,e){const o=Eo(t,!0,"fixed"===e),i=o.top+t.clientTop,r=o.left+t.clientLeft,a=fo(t)?ko(t):Pe(1);return{width:t.clientWidth*a.x,height:t.clientHeight*a.y,x:r*a.x,y:i*a.y}}(e,o);else{const o=Io(t);i={...e,x:e.x-o.x,y:e.y-o.y}}return eo(i)}function Lo(t,e){const o=$o(t);return!(o===e||!po(o)||mo(o))&&("fixed"===xo(o).position||Lo(o,e))}function Ro(t,e,o){const i=fo(e),r=so(e),a="fixed"===o,n=Eo(t,!0,a,e);let l={scrollLeft:0,scrollTop:0};const s=Pe(0);if(i||!i&&!a)if(("body"!==no(e)||uo(r))&&(l=vo(e)),i){const t=Eo(e,!0,a,e);s.x=t.x+e.clientLeft,s.y=t.y+e.clientTop}else r&&(s.x=zo(r));return{x:n.left+l.scrollLeft-s.x,y:n.top+l.scrollTop-s.y,width:n.width,height:n.height}}function Wo(t,e){return fo(t)&&"fixed"!==xo(t).position?e?e(t):t.offsetParent:null}function Zo(t,e){const o=lo(t);if(!fo(t))return o;let i=Wo(t,e);for(;i&&bo(i)&&"static"===xo(i).position;)i=Wo(i,e);return i&&("html"===no(i)||"body"===no(i)&&"static"===xo(i).position&&!go(i))?o:i||function(t){let e=$o(t);for(;fo(e)&&!mo(e);){if(go(e))return e;e=$o(e)}return null}(t)||o}const Bo={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:o,strategy:i}=t;const r=fo(o),a=so(o);if(o===a)return e;let n={scrollLeft:0,scrollTop:0},l=Pe(1);const s=Pe(0);if((r||!r&&"fixed"!==i)&&(("body"!==no(o)||uo(a))&&(n=vo(o)),fo(o))){const t=Eo(o);l=ko(o),s.x=t.x+o.clientLeft,s.y=t.y+o.clientTop}return{width:e.width*l.x,height:e.height*l.y,x:e.x*l.x-n.scrollLeft*l.x+s.x,y:e.y*l.y-n.scrollTop*l.y+s.y}},getDocumentElement:so,getClippingRect:function(t){let{element:e,boundary:o,rootBoundary:i,strategy:r}=t;const a=[..."clippingAncestors"===o?function(t,e){const o=e.get(t);if(o)return o;let i=Oo(t,[],!1).filter((t=>po(t)&&"body"!==no(t))),r=null;const a="fixed"===xo(t).position;let n=a?$o(t):t;for(;po(n)&&!mo(n);){const e=xo(n),o=go(n);o||"fixed"!==e.position||(r=null),(a?!o&&!r:!o&&"static"===e.position&&r&&["absolute","fixed"].includes(r.position)||uo(n)&&!o&&Lo(t,n))?i=i.filter((t=>t!==n)):r=e,n=$o(n)}return e.set(t,i),i}(e,this._c):[].concat(o),i],n=a[0],l=a.reduce(((t,o)=>{const i=Uo(e,o,r);return t.top=He(i.top,t.top),t.right=Ae(i.right,t.right),t.bottom=Ae(i.bottom,t.bottom),t.left=He(i.left,t.left),t}),Uo(e,n,r));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}},getOffsetParent:Zo,getElementRects:async function(t){let{reference:e,floating:o,strategy:i}=t;const r=this.getOffsetParent||Zo,a=this.getDimensions;return{reference:Ro(e,await r(o),i),floating:{x:0,y:0,...await a(o)}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){return So(t)},getScale:ko,isElement:po,isRTL:function(t){return"rtl"===xo(t).direction}},Fo=(t,e,o)=>{const i=new Map,r={platform:Bo,...o},a={...r.platform,_c:i};return(async(t,e,o)=>{const{placement:i="bottom",strategy:r="absolute",middleware:a=[],platform:n}=o,l=a.filter(Boolean),s=await(null==n.isRTL?void 0:n.isRTL(e));let c=await n.getElementRects({reference:t,floating:e,strategy:r}),{x:p,y:f}=oo(c,i,s),h=i,d={},u=0;for(let o=0;o<l.length;o++){const{name:a,fn:b}=l[o],{x:g,y,data:m,reset:x}=await b({x:p,y:f,initialPlacement:i,placement:h,strategy:r,middlewareData:d,rects:c,platform:n,elements:{reference:t,floating:e}});p=null!=g?g:p,f=null!=y?y:f,d={...d,[a]:{...d[a],...m}},x&&u<=50&&(u++,"object"==typeof x&&(x.placement&&(h=x.placement),x.rects&&(c=!0===x.rects?await n.getElementRects({reference:t,floating:e,strategy:r}):x.rects),({x:p,y:f}=oo(c,h,s))),o=-1)}return{x:p,y:f,placement:h,strategy:r,middlewareData:d}})(t,e,{...r,platform:a})};function Do(t){return function(t){for(let e=t;e;e=Ko(e))if(e instanceof Element&&"none"===getComputedStyle(e).display)return null;for(let e=Ko(t);e;e=Ko(e)){if(!(e instanceof Element))continue;const t=getComputedStyle(e);if("contents"!==t.display){if("static"!==t.position||"none"!==t.filter)return e;if("BODY"===e.tagName)return e}}return null}(t)}function Ko(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}var Ao,Ho,Mo=function(t,e,o,i){for(var r,a=arguments.length,n=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(n=(a<3?r(n):a>3?r(e,o,n):r(e,o))||n);return a>3&&n&&Object.defineProperty(e,o,n),n};class Po extends e.FtLitElement{constructor(){super(...arguments),this.text="",this.manual=!1,this.inline=!1,this.delay=500,this.position="bottom",this.visible=!1,this.validPositions=new Set(["top","bottom","left","right"]),this.hideDebounce=new e.Debouncer,this.revealDebouncer=new e.Debouncer}get validPosition(){return this.validPositions.has(this.position)?this.position:"bottom"}render(){return o.html`
|
|
553
|
+
`,De=["start","end"],Ke=["top","right","bottom","left"].reduce(((t,e)=>t.concat(e,e+"-"+De[0],e+"-"+De[1])),[]),Ae=Math.min,He=Math.max,Me=Math.round,Pe=t=>({x:t,y:t}),je={left:"right",right:"left",bottom:"top",top:"bottom"},Te={start:"end",end:"start"};function Ge(t,e,o){return He(t,Ae(e,o))}function _e(t,e){return"function"==typeof t?t(e):t}function Ve(t){return t.split("-")[0]}function qe(t){return t.split("-")[1]}function Ye(t){return"x"===t?"y":"x"}function Xe(t){return"y"===t?"height":"width"}function Je(t){return["top","bottom"].includes(Ve(t))?"y":"x"}function Qe(t){return Ye(Je(t))}function to(t){return t.replace(/left|right|bottom|top/g,(t=>je[t]))}function eo(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function oo(t,e,o){let{reference:i,floating:r}=t;const a=Je(e),n=Qe(e),l=Xe(n),s=Ve(e),c="y"===a,p=i.x+i.width/2-r.width/2,f=i.y+i.height/2-r.height/2,h=i[l]/2-r[l]/2;let d;switch(s){case"top":d={x:p,y:i.y-r.height};break;case"bottom":d={x:p,y:i.y+i.height};break;case"right":d={x:i.x+i.width,y:f};break;case"left":d={x:i.x-r.width,y:f};break;default:d={x:i.x,y:i.y}}switch(qe(e)){case"start":d[n]-=h*(o&&c?-1:1);break;case"end":d[n]+=h*(o&&c?-1:1)}return d}async function io(t,e){var o;void 0===e&&(e={});const{x:i,y:r,platform:a,rects:n,elements:l,strategy:s}=t,{boundary:c="clippingAncestors",rootBoundary:p="viewport",elementContext:f="floating",altBoundary:h=!1,padding:d=0}=_e(e,t),u=function(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}(d),b=l[h?"floating"===f?"reference":"floating":f],g=eo(await a.getClippingRect({element:null==(o=await(null==a.isElement?void 0:a.isElement(b)))||o?b:b.contextElement||await(null==a.getDocumentElement?void 0:a.getDocumentElement(l.floating)),boundary:c,rootBoundary:p,strategy:s})),y="floating"===f?{...n.floating,x:i,y:r}:n.reference,m=await(null==a.getOffsetParent?void 0:a.getOffsetParent(l.floating)),x=await(null==a.isElement?void 0:a.isElement(m))&&await(null==a.getScale?void 0:a.getScale(m))||{x:1,y:1},v=eo(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({rect:y,offsetParent:m,strategy:s}):y);return{top:(g.top-v.top+u.top)/x.y,bottom:(v.bottom-g.bottom+u.bottom)/x.y,left:(g.left-v.left+u.left)/x.x,right:(v.right-g.right+u.right)/x.x}}function ro(t,e,o){return(t?[...o.filter((e=>qe(e)===t)),...o.filter((e=>qe(e)!==t))]:o.filter((t=>Ve(t)===t))).filter((o=>!t||(qe(o)===t||!!e&&function(t){return t.replace(/start|end/g,(t=>Te[t]))}(o)!==o)))}const ao=function(t){return void 0===t&&(t={}),{name:"autoPlacement",options:t,async fn(e){var o,i,r;const{rects:a,middlewareData:n,placement:l,platform:s,elements:c}=e,{crossAxis:p=!1,alignment:f,allowedPlacements:h=Ke,autoAlignment:d=!0,...u}=_e(t,e),b=void 0!==f||h===Ke?ro(f||null,d,h):h,g=await io(e,u),y=(null==(o=n.autoPlacement)?void 0:o.index)||0,m=b[y];if(null==m)return{};const x=function(t,e,o){void 0===o&&(o=!1);const i=qe(t),r=Qe(t),a=Xe(r);let n="x"===r?i===(o?"end":"start")?"right":"left":"start"===i?"bottom":"top";return e.reference[a]>e.floating[a]&&(n=to(n)),[n,to(n)]}(m,a,await(null==s.isRTL?void 0:s.isRTL(c.floating)));if(l!==m)return{reset:{placement:b[0]}};const v=[g[Ve(m)],g[x[0]],g[x[1]]],$=[...(null==(i=n.autoPlacement)?void 0:i.overflows)||[],{placement:m,overflows:v}],w=b[y+1];if(w)return{data:{index:y+1,overflows:$},reset:{placement:w}};const O=$.map((t=>{const e=qe(t.placement);return[t.placement,e&&p?t.overflows.slice(0,2).reduce(((t,e)=>t+e),0):t.overflows[0],t.overflows]})).sort(((t,e)=>t[1]-e[1])),S=O.filter((t=>t[2].slice(0,qe(t[0])?2:3).every((t=>t<=0)))),N=(null==(r=S[0])?void 0:r[0])||O[0][0];return N!==l?{data:{index:y+1,overflows:$},reset:{placement:N}}:{}}}};function no(t){return co(t)?(t.nodeName||"").toLowerCase():"#document"}function lo(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function so(t){var e;return null==(e=(co(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function co(t){return t instanceof Node||t instanceof lo(t).Node}function po(t){return t instanceof Element||t instanceof lo(t).Element}function fo(t){return t instanceof HTMLElement||t instanceof lo(t).HTMLElement}function ho(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof lo(t).ShadowRoot)}function uo(t){const{overflow:e,overflowX:o,overflowY:i,display:r}=xo(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+o)&&!["inline","contents"].includes(r)}function bo(t){return["table","td","th"].includes(no(t))}function go(t){const e=yo(),o=xo(t);return"none"!==o.transform||"none"!==o.perspective||!!o.containerType&&"normal"!==o.containerType||!e&&!!o.backdropFilter&&"none"!==o.backdropFilter||!e&&!!o.filter&&"none"!==o.filter||["transform","perspective","filter"].some((t=>(o.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(o.contain||"").includes(t)))}function yo(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function mo(t){return["html","body","#document"].includes(no(t))}function xo(t){return lo(t).getComputedStyle(t)}function vo(t){return po(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function $o(t){if("html"===no(t))return t;const e=t.assignedSlot||t.parentNode||ho(t)&&t.host||so(t);return ho(e)?e.host:e}function wo(t){const e=$o(t);return mo(e)?t.ownerDocument?t.ownerDocument.body:t.body:fo(e)&&uo(e)?e:wo(e)}function Oo(t,e,o){var i;void 0===e&&(e=[]),void 0===o&&(o=!0);const r=wo(t),a=r===(null==(i=t.ownerDocument)?void 0:i.body),n=lo(r);return a?e.concat(n,n.visualViewport||[],uo(r)?r:[],n.frameElement&&o?Oo(n.frameElement):[]):e.concat(r,Oo(r,[],o))}function So(t){const e=xo(t);let o=parseFloat(e.width)||0,i=parseFloat(e.height)||0;const r=fo(t),a=r?t.offsetWidth:o,n=r?t.offsetHeight:i,l=Me(o)!==a||Me(i)!==n;return l&&(o=a,i=n),{width:o,height:i,$:l}}function No(t){return po(t)?t:t.contextElement}function ko(t){const e=No(t);if(!fo(e))return Pe(1);const o=e.getBoundingClientRect(),{width:i,height:r,$:a}=So(e);let n=(a?Me(o.width):o.width)/i,l=(a?Me(o.height):o.height)/r;return n&&Number.isFinite(n)||(n=1),l&&Number.isFinite(l)||(l=1),{x:n,y:l}}const Co=Pe(0);function Io(t){const e=lo(t);return yo()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:Co}function Eo(t,e,o,i){void 0===e&&(e=!1),void 0===o&&(o=!1);const r=t.getBoundingClientRect(),a=No(t);let n=Pe(1);e&&(i?po(i)&&(n=ko(i)):n=ko(t));const l=function(t,e,o){return void 0===e&&(e=!1),!(!o||e&&o!==lo(t))&&e}(a,o,i)?Io(a):Pe(0);let s=(r.left+l.x)/n.x,c=(r.top+l.y)/n.y,p=r.width/n.x,f=r.height/n.y;if(a){const t=lo(a),e=i&&po(i)?lo(i):i;let o=t.frameElement;for(;o&&i&&e!==t;){const t=ko(o),e=o.getBoundingClientRect(),i=xo(o),r=e.left+(o.clientLeft+parseFloat(i.paddingLeft))*t.x,a=e.top+(o.clientTop+parseFloat(i.paddingTop))*t.y;s*=t.x,c*=t.y,p*=t.x,f*=t.y,s+=r,c+=a,o=lo(o).frameElement}}return eo({width:p,height:f,x:s,y:c})}function zo(t){return Eo(so(t)).left+vo(t).scrollLeft}function Uo(t,e,o){let i;if("viewport"===e)i=function(t,e){const o=lo(t),i=so(t),r=o.visualViewport;let a=i.clientWidth,n=i.clientHeight,l=0,s=0;if(r){a=r.width,n=r.height;const t=yo();(!t||t&&"fixed"===e)&&(l=r.offsetLeft,s=r.offsetTop)}return{width:a,height:n,x:l,y:s}}(t,o);else if("document"===e)i=function(t){const e=so(t),o=vo(t),i=t.ownerDocument.body,r=He(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),a=He(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight);let n=-o.scrollLeft+zo(t);const l=-o.scrollTop;return"rtl"===xo(i).direction&&(n+=He(e.clientWidth,i.clientWidth)-r),{width:r,height:a,x:n,y:l}}(so(t));else if(po(e))i=function(t,e){const o=Eo(t,!0,"fixed"===e),i=o.top+t.clientTop,r=o.left+t.clientLeft,a=fo(t)?ko(t):Pe(1);return{width:t.clientWidth*a.x,height:t.clientHeight*a.y,x:r*a.x,y:i*a.y}}(e,o);else{const o=Io(t);i={...e,x:e.x-o.x,y:e.y-o.y}}return eo(i)}function Lo(t,e){const o=$o(t);return!(o===e||!po(o)||mo(o))&&("fixed"===xo(o).position||Lo(o,e))}function Ro(t,e,o){const i=fo(e),r=so(e),a="fixed"===o,n=Eo(t,!0,a,e);let l={scrollLeft:0,scrollTop:0};const s=Pe(0);if(i||!i&&!a)if(("body"!==no(e)||uo(r))&&(l=vo(e)),i){const t=Eo(e,!0,a,e);s.x=t.x+e.clientLeft,s.y=t.y+e.clientTop}else r&&(s.x=zo(r));return{x:n.left+l.scrollLeft-s.x,y:n.top+l.scrollTop-s.y,width:n.width,height:n.height}}function Wo(t,e){return fo(t)&&"fixed"!==xo(t).position?e?e(t):t.offsetParent:null}function Zo(t,e){const o=lo(t);if(!fo(t))return o;let i=Wo(t,e);for(;i&&bo(i)&&"static"===xo(i).position;)i=Wo(i,e);return i&&("html"===no(i)||"body"===no(i)&&"static"===xo(i).position&&!go(i))?o:i||function(t){let e=$o(t);for(;fo(e)&&!mo(e);){if(go(e))return e;e=$o(e)}return null}(t)||o}const Bo={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:o,strategy:i}=t;const r=fo(o),a=so(o);if(o===a)return e;let n={scrollLeft:0,scrollTop:0},l=Pe(1);const s=Pe(0);if((r||!r&&"fixed"!==i)&&(("body"!==no(o)||uo(a))&&(n=vo(o)),fo(o))){const t=Eo(o);l=ko(o),s.x=t.x+o.clientLeft,s.y=t.y+o.clientTop}return{width:e.width*l.x,height:e.height*l.y,x:e.x*l.x-n.scrollLeft*l.x+s.x,y:e.y*l.y-n.scrollTop*l.y+s.y}},getDocumentElement:so,getClippingRect:function(t){let{element:e,boundary:o,rootBoundary:i,strategy:r}=t;const a=[..."clippingAncestors"===o?function(t,e){const o=e.get(t);if(o)return o;let i=Oo(t,[],!1).filter((t=>po(t)&&"body"!==no(t))),r=null;const a="fixed"===xo(t).position;let n=a?$o(t):t;for(;po(n)&&!mo(n);){const e=xo(n),o=go(n);o||"fixed"!==e.position||(r=null),(a?!o&&!r:!o&&"static"===e.position&&r&&["absolute","fixed"].includes(r.position)||uo(n)&&!o&&Lo(t,n))?i=i.filter((t=>t!==n)):r=e,n=$o(n)}return e.set(t,i),i}(e,this._c):[].concat(o),i],n=a[0],l=a.reduce(((t,o)=>{const i=Uo(e,o,r);return t.top=He(i.top,t.top),t.right=Ae(i.right,t.right),t.bottom=Ae(i.bottom,t.bottom),t.left=He(i.left,t.left),t}),Uo(e,n,r));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}},getOffsetParent:Zo,getElementRects:async function(t){let{reference:e,floating:o,strategy:i}=t;const r=this.getOffsetParent||Zo,a=this.getDimensions;return{reference:Ro(e,await r(o),i),floating:{x:0,y:0,...await a(o)}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){return So(t)},getScale:ko,isElement:po,isRTL:function(t){return"rtl"===xo(t).direction}},Fo=(t,e,o)=>{const i=new Map,r={platform:Bo,...o},a={...r.platform,_c:i};return(async(t,e,o)=>{const{placement:i="bottom",strategy:r="absolute",middleware:a=[],platform:n}=o,l=a.filter(Boolean),s=await(null==n.isRTL?void 0:n.isRTL(e));let c=await n.getElementRects({reference:t,floating:e,strategy:r}),{x:p,y:f}=oo(c,i,s),h=i,d={},u=0;for(let o=0;o<l.length;o++){const{name:a,fn:b}=l[o],{x:g,y,data:m,reset:x}=await b({x:p,y:f,initialPlacement:i,placement:h,strategy:r,middlewareData:d,rects:c,platform:n,elements:{reference:t,floating:e}});p=null!=g?g:p,f=null!=y?y:f,d={...d,[a]:{...d[a],...m}},x&&u<=50&&(u++,"object"==typeof x&&(x.placement&&(h=x.placement),x.rects&&(c=!0===x.rects?await n.getElementRects({reference:t,floating:e,strategy:r}):x.rects),({x:p,y:f}=oo(c,h,s))),o=-1)}return{x:p,y:f,placement:h,strategy:r,middlewareData:d}})(t,e,{...r,platform:a})};function Do(t){return function(t){for(let e=t;e;e=Ko(e))if(e instanceof Element&&"none"===getComputedStyle(e).display)return null;for(let e=Ko(t);e;e=Ko(e)){if(!(e instanceof Element))continue;const t=getComputedStyle(e);if("contents"!==t.display){if("static"!==t.position||"none"!==t.filter)return e;if("BODY"===e.tagName)return e}}return null}(t)}function Ko(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}async function Ao(t,e,o){return Fo(t,e,{platform:{...Bo,getOffsetParent:t=>Bo.getOffsetParent(t,Do)},middleware:[(i={crossAxis:!0},void 0===i&&(i={}),{name:"shift",options:i,async fn(t){const{x:e,y:o,placement:r}=t,{mainAxis:a=!0,crossAxis:n=!1,limiter:l={fn:t=>{let{x:e,y:o}=t;return{x:e,y:o}}},...s}=_e(i,t),c={x:e,y:o},p=await io(t,s),f=Je(Ve(r)),h=Ye(f);let d=c[h],u=c[f];if(a){const t="y"===h?"bottom":"right";d=Ge(d+p["y"===h?"top":"left"],d,d-p[t])}if(n){const t="y"===f?"bottom":"right";u=Ge(u+p["y"===f?"top":"left"],u,u-p[t])}const b=l.fn({...t,[h]:d,[f]:u});return{...b,data:{x:b.x-e,y:b.y-o}}}}),ao({allowedPlacements:[o]})]});var i}var Ho,Mo,Po=function(t,e,o,i){for(var r,a=arguments.length,n=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(n=(a<3?r(n):a>3?r(e,o,n):r(e,o))||n);return a>3&&n&&Object.defineProperty(e,o,n),n};class jo extends e.FtLitElement{constructor(){super(...arguments),this.text="",this.manual=!1,this.inline=!1,this.delay=500,this.position="bottom",this.visible=!1,this.validPositions=new Set(["top","bottom","left","right"]),this.hideDebounce=new e.Debouncer,this.revealDebouncer=new e.Debouncer}get validPosition(){return this.validPositions.has(this.position)?this.position:"bottom"}render(){return o.html`
|
|
554
554
|
<div part="container"
|
|
555
555
|
class="ft-tooltip--container ${this.inline?"ft-tooltip--inline":""}"
|
|
556
556
|
@mouseenter=${this.onHover}
|
|
@@ -568,19 +568,19 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
568
568
|
</div>
|
|
569
569
|
</div>
|
|
570
570
|
</div>
|
|
571
|
-
`}updated(t){t.has("visible")&&this.visible&&this.resetTooltipContent(),super.updated(t)}contentAvailableCallback(t){super.contentAvailableCallback(t),["visible","text"].some((e=>t.has(e)))&&this.visible&&this.positionTooltip()}async show(t){this.visible=!0,null!=t&&await this.hideDebounce.run((()=>{this.hide()}),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.validPosition){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){this.resetTooltipContent(),this.tooltip&&this.slottedElement&&(this.tooltip.style.left="",this.tooltip.style.top="",async function(t,e,o){return Fo(t,e,{platform:{...Bo,getOffsetParent:t=>Bo.getOffsetParent(t,Do)},middleware:[(i={crossAxis:!0},void 0===i&&(i={}),{name:"shift",options:i,async fn(t){const{x:e,y:o,placement:r}=t,{mainAxis:a=!0,crossAxis:n=!1,limiter:l={fn:t=>{let{x:e,y:o}=t;return{x:e,y:o}}},...s}=_e(i,t),c={x:e,y:o},p=await io(t,s),f=Je(Ve(r)),h=Ye(f);let d=c[h],u=c[f];if(a){const t="y"===h?"bottom":"right";d=Ge(d+p["y"===h?"top":"left"],d,d-p[t])}if(n){const t="y"===f?"bottom":"right";u=Ge(u+p["y"===f?"top":"left"],u,u-p[t])}const b=l.fn({...t,[h]:d,[f]:u});return{...b,data:{x:b.x-e,y:b.y-o}}}}),ao({allowedPlacements:[o]})]});var i}(this.slottedElement,this.tooltip,this.position).then((({x:t,y:e})=>{this.tooltip&&(this.tooltip.style.left=`${t}px`,this.tooltip.style.top=`${e}px`)}))),this.revealDebouncer.run((()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")}),this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout((()=>window.addEventListener("touchstart",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}onClick(){this.manual||(this.revealDebouncer.cancel(),this.hide())}correctOutOfWindowPixels(t,e){return Math.max(t,Math.min(0,-e))}}Po.elementDefinitions={"ft-typography":se},Po.styles=Fe,Mo([i.property()],Po.prototype,"text",void 0),Mo([i.property({type:Boolean})],Po.prototype,"manual",void 0),Mo([i.property({type:Boolean})],Po.prototype,"inline",void 0),Mo([i.property({type:Number})],Po.prototype,"delay",void 0),Mo([i.property()],Po.prototype,"position",void 0),Mo([i.queryAssignedNodes()],Po.prototype,"slotNodes",void 0),Mo([i.query(".ft-tooltip--container")],Po.prototype,"container",void 0),Mo([i.query(".ft-tooltip")],Po.prototype,"tooltip",void 0),Mo([i.query(".ft-tooltip--content")],Po.prototype,"tooltipContent",void 0),Mo([i.state()],Po.prototype,"visible",void 0),Mo([i.eventOptions({passive:!0})],Po.prototype,"onTouch",null),Mo([i.eventOptions({passive:!0})],Po.prototype,"onHover",null),Mo([i.eventOptions({passive:!0})],Po.prototype,"onOut",null),Mo([i.eventOptions({passive:!0})],Po.prototype,"onClick",null),e.customElement("ft-tooltip")(Po),function(t){t.THUMBS_DOWN="",t.THUMBS_DOWN_PLAIN="",t.THUMBS_UP="",t.THUMBS_UP_PLAIN="",t.STAR="",t.STAR_PLAIN="",t.DESKTOP="",t.LIFE_RING="",t.GLOBE="",t.PIGGY_BANK="",t.TABLET_LANDSCAPE="",t.TABLET_PORTRAIT="",t.MOBILE_LANDSCAPE="",t.MOBILE_PORTRAIT="",t.ARROW_RIGHT_TO_LINE="",t.THIN_ARROW_UP="",t.CONTEXTUAL="",t.CHART_SIMPLE="",t.BARS_PROGRESS="",t.LINE_CHART="",t.STACKED_CHART="",t.CHART_BAR_NORMALIZED="",t.BOOK_OPEN_GEAR="",t.BOOK_OPEN_GEAR_SLASH="",t.DIAGRAM_SUNBURST="",t.DIAGRAM_SANKEY="",t.UNSTRUCTURED_DOC="",t.RESET="",t.THIN_ARROW_LEFT="",t.THIN_ARROW_RIGHT="",t.MY_COLLECTIONS="",t.OFFLINE_SETTINGS="",t.MY_LIBRARY="",t.RATE_PLAIN="",t.RATE="",t.FEEDBACK_PLAIN="",t.PAUSE="",t.PLAY="",t.RELATIVES_PLAIN="",t.RELATIVES="",t.SHORTCUT_MENU="",t.PRINT="",t.DEFAULT_ROLES="",t.ACCOUNT_SETTINGS="",t.ONLINE="",t.OFFLINE="",t.UPLOAD="",t.BOOK_PLAIN="",t.SYNC="",t.SHARED_PBK="",t.COLLECTIONS="",t.SEARCH_IN_PUBLICATION="",t.BOOKS="",t.LOCKER="",t.ARROW_DOWN="",t.ARROW_LEFT="",t.ARROW_RIGHT="",t.ARROW_UP="",t.SAVE="",t.MAILS_AND_NOTIFICATIONS="",t.DOT="",t.MINUS="",t.PLUS="",t.FILTERS="",t.STRIPE_ARROW_RIGHT="",t.STRIPE_ARROW_LEFT="",t.ATTACHMENTS="",t.ADD_BOOKMARK="",t.BOOKMARK="",t.EXPORT="",t.MENU="",t.TAG="",t.TAG_PLAIN="",t.COPY_TO_CLIPBOARD="",t.COLUMNS="",t.ARTICLE="",t.CLOSE_PLAIN="",t.CHECK_PLAIN="",t.LOGOUT="",t.SIGN_IN="",t.THIN_ARROW="",t.TRIANGLE_BOTTOM="",t.TRIANGLE_LEFT="",t.TRIANGLE_RIGHT="",t.TRIANGLE_TOP="",t.FACET_HAS_DESCENDANT="",t.MINUS_PLAIN="",t.PLUS_PLAIN="",t.INFO="",t.ICON_EXPAND="",t.ICON_COLLAPSE="",t.ADD_TO_PBK="",t.ALERT="",t.ADD_ALERT="",t.BACK_TO_SEARCH="",t.DOWNLOAD="",t.EDIT="",t.FEEDBACK="",t.MODIFY_PBK="",t.SCHEDULED="",t.SEARCH="",t.SHARE="󨃱",t.TOC="",t.WRITE_UGC="",t.TRASH="",t.EXTLINK="",t.EXTLINK_LIGHT="",t.CALENDAR="",t.BOOK="",t.DOWNLOAD_PLAIN="",t.CHECK="",t.TOPICS="",t.EYE="",t.EYE_SLASH="",t.DISC="",t.CIRCLE="",t.SHARED="",t.SORT_UNSORTED="",t.SORT_UP="",t.SORT_DOWN="",t.WORKING="",t.CLOSE="",t.ZOOM_OUT="",t.ZOOM_IN="",t.ZOOM_REALSIZE="",t.ZOOM_FULLSCREEN="",t.ADMIN_RESTRICTED="",t.ADMIN_THEME="",t.WARNING="",t.CONTEXT="",t.SEARCH_HOME="",t.STEPS="",t.HOME="",t.TRANSLATE="",t.USER="",t.ADMIN="",t.ANALYTICS="",t.ADMIN_KHUB="",t.ADMIN_USERS="",t.ADMIN_INTEGRATION="",t.ADMIN_PORTAL="",t.COMMENT_QUESTION="",t.COMMENT_QUESTION_PLAIN="",t.MESSAGE_BOT="",t.PIP="",t.PIP_WIDE="",t.EXPAND_WIDE="",t.X_MARK="",t.CLONE="",t.CLONE_LINK_SIMPLE=""}(Ao||(Ao={})),function(t){t.UNKNOWN="",t.ABW="",t.AUDIO="",t.AVI="",t.CHM="",t.CODE="",t.CSV="",t.DITA="",t.EPUB="",t.EXCEL="",t.FLAC="",t.GIF="",t.GZIP="",t.HTML="",t.IMAGE="",t.JPEG="",t.JSON="",t.M4A="",t.MOV="",t.MP3="",t.MP4="",t.OGG="",t.PDF="",t.PNG="",t.POWERPOINT="",t.RAR="",t.STP="",t.TEXT="",t.VIDEO="",t.WAV="",t.WMA="",t.WORD="",t.XML="",t.YAML="",t.ZIP=""}(Ho||(Ho={}));const jo=new Map([...["abw"].map((t=>[t,Ho.ABW])),...["3gp","act","aiff","aac","amr","au","awb","dct","dss","dvf","gsm","iklax","ivs","mmf","mpc","msv","opus","ra","rm","raw","sln","tta","vox","wv"].map((t=>[t,Ho.AUDIO])),...["avi"].map((t=>[t,Ho.AVI])),...["chm","xhs"].map((t=>[t,Ho.CHM])),...["java","py","php","php3","php4","php5","js","javascript","rb","rbw","c","cpp","cxx","h","hh","hpp","hxx","sh","bash","zsh","tcsh","ksh","csh","vb","scala","pl","prl","perl","groovy","ceylon","aspx","jsp","scpt","applescript","bas","bat","lua","jsp","mk","cmake","css","sass","less","m","mm","xcodeproj"].map((t=>[t,Ho.CODE])),...["csv"].map((t=>[t,Ho.CSV])),...["dita","ditamap","ditaval"].map((t=>[t,Ho.DITA])),...["epub"].map((t=>[t,Ho.EPUB])),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map((t=>[t,Ho.EXCEL])),...["flac"].map((t=>[t,Ho.FLAC])),...["gif"].map((t=>[t,Ho.GIF])),...["gzip","x-gzip","giz","gz","tgz"].map((t=>[t,Ho.GZIP])),...["html","htm","xhtml"].map((t=>[t,Ho.HTML])),...["ai","vml","xps","img","cpt","psd","psp","xcf","svg","svg+xml","bmp","bpg","ppm","pgm","pbm","pnm","rif","tif","tiff","webp","wmf","ico"].map((t=>[t,Ho.IMAGE])),...["jpeg","jpg","jpe"].map((t=>[t,Ho.JPEG])),...["json"].map((t=>[t,Ho.JSON])),...["m4a","m4p"].map((t=>[t,Ho.M4A])),...["mov","qt"].map((t=>[t,Ho.MOV])),...["mp3"].map((t=>[t,Ho.MP3])),...["mp4","m4v"].map((t=>[t,Ho.MP4])),...["ogg","oga"].map((t=>[t,Ho.OGG])),...["pdf","ps"].map((t=>[t,Ho.PDF])),...["png"].map((t=>[t,Ho.PNG])),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map((t=>[t,Ho.POWERPOINT])),...["rar"].map((t=>[t,Ho.RAR])),...["stp"].map((t=>[t,Ho.STP])),...["txt","rtf","md","mdown"].map((t=>[t,Ho.TEXT])),...["webm","mkv","flv","vob","ogv","ogg","drc","mng","wmv","yuv","rm","rmvb","asf","mpg","mp2","mpeg","mpe","mpv","m2v","svi","3gp","3g2","mxf","roq","nsv"].map((t=>[t,Ho.VIDEO])),...["wav"].map((t=>[t,Ho.WAV])),...["wma"].map((t=>[t,Ho.WMA])),...["doc","dot","docx","docm","dotx","dotm","docb"].map((t=>[t,Ho.WORD])),...["xml","xsl","rdf"].map((t=>[t,Ho.XML])),...["yaml","yml","x-yaml"].map((t=>[t,Ho.YAML])),...["zip"].map((t=>[t,Ho.ZIP]))]),To=new Map([["application/msword","application/doc"],["application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/docx"],["application/vnd.openxmlformats-officedocument.wordprocessingml.template","application/dotx"],["application/vnd.ms-word.document.macroEnabled.12","application/docm"],["application/vnd.ms-word.template.macroEnabled.12","application/dotm"],["application/vnd.ms-excel","application/xls"],["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","application/xlsx"],["application/vnd.openxmlformats-officedocument.spreadsheetml.template","application/xltx"],["application/vnd.ms-excel.sheet.macroEnabled.12","application/xlsm"],["application/vnd.ms-excel.template.macroEnabled.12","application/xltm"],["application/vnd.ms-excel.addin.macroEnabled.12","application/xlam"],["application/vnd.ms-excel.sheet.binary.macroEnabled.12","application/xlsb"],["application/vnd.ms-powerpoint","application/ppt"],["application/vnd.openxmlformats-officedocument.presentationml.presentation","application/pptx"],["application/vnd.openxmlformats-officedocument.presentationml.template","application/potx"],["application/vnd.openxmlformats-officedocument.presentationml.slideshow","application/ppsx"],["application/vnd.ms-powerpoint.addin.macroEnabled.12","application/ppam"],["application/vnd.ms-powerpoint.presentation.macroEnabled.12","application/pptm"],["application/vnd.ms-powerpoint.template.macroEnabled.12","application/potm"],["application/vnd.ms-powerpoint.slideshow.macroEnabled.12","application/ppsm"],["application/vnd.ms-access","application/mdb"]]);var Go;Ho.ABW,Ho.AUDIO,Ho.AVI,Ho.CHM,Ho.CODE,Ho.CSV,Ho.DITA,Ho.EPUB,Ho.EXCEL,Ho.FLAC,Ho.GIF,Ho.GZIP,Ho.HTML,Ho.IMAGE,Ho.JPEG,Ho.JSON,Ho.M4A,Ho.MOV,Ho.MP3,Ho.MP4,Ho.OGG,Ho.PDF,Ho.PNG,Ho.POWERPOINT,Ho.RAR,Ho.STP,Ho.TEXT,Ho.UNKNOWN,Ho.VIDEO,Ho.WAV,Ho.WMA,Ho.WORD,Ho.XML,Ho.YAML,Ho.ZIP,function(t){t.fluid_topics="fluid-topics",t.file_format="file-format",t.material="material"}(Go||(Go={}));var _o=function(t,e,o,i){for(var r,a=arguments.length,n=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(n=(a<3?r(n):a>3?r(e,o,n):r(e,o))||n);return a>3&&n&&Object.defineProperty(e,o,n),n};class Vo extends e.FtLitElement{constructor(){super(...arguments),this.resolvedIcon=o.nothing}render(){const t=this.variant&&Object.values(Go).includes(this.variant)?this.variant:Go.fluid_topics,e=t!==Go.material||!!this.value;return o.html`
|
|
571
|
+
`}updated(t){t.has("visible")&&this.visible&&this.resetTooltipContent(),super.updated(t)}contentAvailableCallback(t){super.contentAvailableCallback(t),["visible","text"].some((e=>t.has(e)))&&this.visible&&this.positionTooltip()}async show(t){this.visible=!0,null!=t&&await this.hideDebounce.run((()=>{this.hide()}),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.validPosition){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){this.resetTooltipContent(),this.tooltip&&this.slottedElement&&(this.tooltip.style.left="",this.tooltip.style.top="",Ao(this.slottedElement,this.tooltip,this.position).then((({x:t,y:e})=>{this.tooltip&&(this.tooltip.style.left=`${t}px`,this.tooltip.style.top=`${e}px`)}))),this.revealDebouncer.run((()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")}),this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout((()=>window.addEventListener("touchstart",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}onClick(){this.manual||(this.revealDebouncer.cancel(),this.hide())}correctOutOfWindowPixels(t,e){return Math.max(t,Math.min(0,-e))}}jo.elementDefinitions={"ft-typography":se},jo.styles=Fe,Po([i.property()],jo.prototype,"text",void 0),Po([i.property({type:Boolean})],jo.prototype,"manual",void 0),Po([i.property({type:Boolean})],jo.prototype,"inline",void 0),Po([i.property({type:Number})],jo.prototype,"delay",void 0),Po([i.property()],jo.prototype,"position",void 0),Po([i.queryAssignedNodes()],jo.prototype,"slotNodes",void 0),Po([i.query(".ft-tooltip--container")],jo.prototype,"container",void 0),Po([i.query(".ft-tooltip")],jo.prototype,"tooltip",void 0),Po([i.query(".ft-tooltip--content")],jo.prototype,"tooltipContent",void 0),Po([i.state()],jo.prototype,"visible",void 0),Po([i.eventOptions({passive:!0})],jo.prototype,"onTouch",null),Po([i.eventOptions({passive:!0})],jo.prototype,"onHover",null),Po([i.eventOptions({passive:!0})],jo.prototype,"onOut",null),Po([i.eventOptions({passive:!0})],jo.prototype,"onClick",null),e.customElement("ft-tooltip")(jo),function(t){t.THUMBS_DOWN="",t.THUMBS_DOWN_PLAIN="",t.THUMBS_UP="",t.THUMBS_UP_PLAIN="",t.STAR="",t.STAR_PLAIN="",t.DESKTOP="",t.LIFE_RING="",t.GLOBE="",t.PIGGY_BANK="",t.TABLET_LANDSCAPE="",t.TABLET_PORTRAIT="",t.MOBILE_LANDSCAPE="",t.MOBILE_PORTRAIT="",t.ARROW_RIGHT_TO_LINE="",t.THIN_ARROW_UP="",t.CONTEXTUAL="",t.CHART_SIMPLE="",t.BARS_PROGRESS="",t.LINE_CHART="",t.STACKED_CHART="",t.CHART_BAR_NORMALIZED="",t.BOOK_OPEN_GEAR="",t.BOOK_OPEN_GEAR_SLASH="",t.DIAGRAM_SUNBURST="",t.DIAGRAM_SANKEY="",t.UNSTRUCTURED_DOC="",t.RESET="",t.THIN_ARROW_LEFT="",t.THIN_ARROW_RIGHT="",t.MY_COLLECTIONS="",t.OFFLINE_SETTINGS="",t.MY_LIBRARY="",t.RATE_PLAIN="",t.RATE="",t.FEEDBACK_PLAIN="",t.PAUSE="",t.PLAY="",t.RELATIVES_PLAIN="",t.RELATIVES="",t.SHORTCUT_MENU="",t.PRINT="",t.DEFAULT_ROLES="",t.ACCOUNT_SETTINGS="",t.ONLINE="",t.OFFLINE="",t.UPLOAD="",t.BOOK_PLAIN="",t.SYNC="",t.SHARED_PBK="",t.COLLECTIONS="",t.SEARCH_IN_PUBLICATION="",t.BOOKS="",t.LOCKER="",t.ARROW_DOWN="",t.ARROW_LEFT="",t.ARROW_RIGHT="",t.ARROW_UP="",t.SAVE="",t.MAILS_AND_NOTIFICATIONS="",t.DOT="",t.MINUS="",t.PLUS="",t.FILTERS="",t.STRIPE_ARROW_RIGHT="",t.STRIPE_ARROW_LEFT="",t.ATTACHMENTS="",t.ADD_BOOKMARK="",t.BOOKMARK="",t.EXPORT="",t.MENU="",t.TAG="",t.TAG_PLAIN="",t.COPY_TO_CLIPBOARD="",t.COLUMNS="",t.ARTICLE="",t.CLOSE_PLAIN="",t.CHECK_PLAIN="",t.LOGOUT="",t.SIGN_IN="",t.THIN_ARROW="",t.TRIANGLE_BOTTOM="",t.TRIANGLE_LEFT="",t.TRIANGLE_RIGHT="",t.TRIANGLE_TOP="",t.FACET_HAS_DESCENDANT="",t.MINUS_PLAIN="",t.PLUS_PLAIN="",t.INFO="",t.ICON_EXPAND="",t.ICON_COLLAPSE="",t.ADD_TO_PBK="",t.ALERT="",t.ADD_ALERT="",t.BACK_TO_SEARCH="",t.DOWNLOAD="",t.EDIT="",t.FEEDBACK="",t.MODIFY_PBK="",t.SCHEDULED="",t.SEARCH="",t.SHARE="󨃱",t.TOC="",t.WRITE_UGC="",t.TRASH="",t.EXTLINK="",t.EXTLINK_LIGHT="",t.CALENDAR="",t.BOOK="",t.DOWNLOAD_PLAIN="",t.CHECK="",t.TOPICS="",t.EYE="",t.EYE_SLASH="",t.DISC="",t.CIRCLE="",t.SHARED="",t.SORT_UNSORTED="",t.SORT_UP="",t.SORT_DOWN="",t.WORKING="",t.CLOSE="",t.ZOOM_OUT="",t.ZOOM_IN="",t.ZOOM_REALSIZE="",t.ZOOM_FULLSCREEN="",t.ADMIN_RESTRICTED="",t.ADMIN_THEME="",t.WARNING="",t.CONTEXT="",t.SEARCH_HOME="",t.STEPS="",t.HOME="",t.TRANSLATE="",t.USER="",t.ADMIN="",t.ANALYTICS="",t.ADMIN_KHUB="",t.ADMIN_USERS="",t.ADMIN_INTEGRATION="",t.ADMIN_PORTAL="",t.COMMENT_QUESTION="",t.COMMENT_QUESTION_PLAIN="",t.MESSAGE_BOT="",t.PIP="",t.PIP_WIDE="",t.EXPAND_WIDE="",t.X_MARK="",t.CLONE="",t.CLONE_LINK_SIMPLE=""}(Ho||(Ho={})),function(t){t.UNKNOWN="",t.ABW="",t.AUDIO="",t.AVI="",t.CHM="",t.CODE="",t.CSV="",t.DITA="",t.EPUB="",t.EXCEL="",t.FLAC="",t.GIF="",t.GZIP="",t.HTML="",t.IMAGE="",t.JPEG="",t.JSON="",t.M4A="",t.MOV="",t.MP3="",t.MP4="",t.OGG="",t.PDF="",t.PNG="",t.POWERPOINT="",t.RAR="",t.STP="",t.TEXT="",t.VIDEO="",t.WAV="",t.WMA="",t.WORD="",t.XML="",t.YAML="",t.ZIP=""}(Mo||(Mo={}));const To=new Map([...["abw"].map((t=>[t,Mo.ABW])),...["3gp","act","aiff","aac","amr","au","awb","dct","dss","dvf","gsm","iklax","ivs","mmf","mpc","msv","opus","ra","rm","raw","sln","tta","vox","wv"].map((t=>[t,Mo.AUDIO])),...["avi"].map((t=>[t,Mo.AVI])),...["chm","xhs"].map((t=>[t,Mo.CHM])),...["java","py","php","php3","php4","php5","js","javascript","rb","rbw","c","cpp","cxx","h","hh","hpp","hxx","sh","bash","zsh","tcsh","ksh","csh","vb","scala","pl","prl","perl","groovy","ceylon","aspx","jsp","scpt","applescript","bas","bat","lua","jsp","mk","cmake","css","sass","less","m","mm","xcodeproj"].map((t=>[t,Mo.CODE])),...["csv"].map((t=>[t,Mo.CSV])),...["dita","ditamap","ditaval"].map((t=>[t,Mo.DITA])),...["epub"].map((t=>[t,Mo.EPUB])),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map((t=>[t,Mo.EXCEL])),...["flac"].map((t=>[t,Mo.FLAC])),...["gif"].map((t=>[t,Mo.GIF])),...["gzip","x-gzip","giz","gz","tgz"].map((t=>[t,Mo.GZIP])),...["html","htm","xhtml"].map((t=>[t,Mo.HTML])),...["ai","vml","xps","img","cpt","psd","psp","xcf","svg","svg+xml","bmp","bpg","ppm","pgm","pbm","pnm","rif","tif","tiff","webp","wmf","ico"].map((t=>[t,Mo.IMAGE])),...["jpeg","jpg","jpe"].map((t=>[t,Mo.JPEG])),...["json"].map((t=>[t,Mo.JSON])),...["m4a","m4p"].map((t=>[t,Mo.M4A])),...["mov","qt"].map((t=>[t,Mo.MOV])),...["mp3"].map((t=>[t,Mo.MP3])),...["mp4","m4v"].map((t=>[t,Mo.MP4])),...["ogg","oga"].map((t=>[t,Mo.OGG])),...["pdf","ps"].map((t=>[t,Mo.PDF])),...["png"].map((t=>[t,Mo.PNG])),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map((t=>[t,Mo.POWERPOINT])),...["rar"].map((t=>[t,Mo.RAR])),...["stp"].map((t=>[t,Mo.STP])),...["txt","rtf","md","mdown"].map((t=>[t,Mo.TEXT])),...["webm","mkv","flv","vob","ogv","ogg","drc","mng","wmv","yuv","rm","rmvb","asf","mpg","mp2","mpeg","mpe","mpv","m2v","svi","3gp","3g2","mxf","roq","nsv"].map((t=>[t,Mo.VIDEO])),...["wav"].map((t=>[t,Mo.WAV])),...["wma"].map((t=>[t,Mo.WMA])),...["doc","dot","docx","docm","dotx","dotm","docb"].map((t=>[t,Mo.WORD])),...["xml","xsl","rdf"].map((t=>[t,Mo.XML])),...["yaml","yml","x-yaml"].map((t=>[t,Mo.YAML])),...["zip"].map((t=>[t,Mo.ZIP]))]),Go=new Map([["application/msword","application/doc"],["application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/docx"],["application/vnd.openxmlformats-officedocument.wordprocessingml.template","application/dotx"],["application/vnd.ms-word.document.macroEnabled.12","application/docm"],["application/vnd.ms-word.template.macroEnabled.12","application/dotm"],["application/vnd.ms-excel","application/xls"],["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","application/xlsx"],["application/vnd.openxmlformats-officedocument.spreadsheetml.template","application/xltx"],["application/vnd.ms-excel.sheet.macroEnabled.12","application/xlsm"],["application/vnd.ms-excel.template.macroEnabled.12","application/xltm"],["application/vnd.ms-excel.addin.macroEnabled.12","application/xlam"],["application/vnd.ms-excel.sheet.binary.macroEnabled.12","application/xlsb"],["application/vnd.ms-powerpoint","application/ppt"],["application/vnd.openxmlformats-officedocument.presentationml.presentation","application/pptx"],["application/vnd.openxmlformats-officedocument.presentationml.template","application/potx"],["application/vnd.openxmlformats-officedocument.presentationml.slideshow","application/ppsx"],["application/vnd.ms-powerpoint.addin.macroEnabled.12","application/ppam"],["application/vnd.ms-powerpoint.presentation.macroEnabled.12","application/pptm"],["application/vnd.ms-powerpoint.template.macroEnabled.12","application/potm"],["application/vnd.ms-powerpoint.slideshow.macroEnabled.12","application/ppsm"],["application/vnd.ms-access","application/mdb"]]);var _o;Mo.ABW,Mo.AUDIO,Mo.AVI,Mo.CHM,Mo.CODE,Mo.CSV,Mo.DITA,Mo.EPUB,Mo.EXCEL,Mo.FLAC,Mo.GIF,Mo.GZIP,Mo.HTML,Mo.IMAGE,Mo.JPEG,Mo.JSON,Mo.M4A,Mo.MOV,Mo.MP3,Mo.MP4,Mo.OGG,Mo.PDF,Mo.PNG,Mo.POWERPOINT,Mo.RAR,Mo.STP,Mo.TEXT,Mo.UNKNOWN,Mo.VIDEO,Mo.WAV,Mo.WMA,Mo.WORD,Mo.XML,Mo.YAML,Mo.ZIP,function(t){t.fluid_topics="fluid-topics",t.file_format="file-format",t.material="material"}(_o||(_o={}));var Vo=function(t,e,o,i){for(var r,a=arguments.length,n=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(n=(a<3?r(n):a>3?r(e,o,n):r(e,o))||n);return a>3&&n&&Object.defineProperty(e,o,n),n};class qo extends e.FtLitElement{constructor(){super(...arguments),this.resolvedIcon=o.nothing}render(){const t=this.variant&&Object.values(_o).includes(this.variant)?this.variant:_o.fluid_topics,e=t!==_o.material||!!this.value;return o.html`
|
|
572
572
|
<i class="ft-icon ft-icon--${t}" part="icon icon-${t}">
|
|
573
573
|
${n.unsafeHTML(this.resolvedIcon)}
|
|
574
574
|
<slot ?hidden=${e}></slot>
|
|
575
575
|
</i>
|
|
576
|
-
`}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}update(t){super.update(t),["value","variant"].some((e=>t.has(e)))&&this.resolveIcon()}resolveIcon(){var t,e;let i=this.value||this.textContent;switch(this.variant){case
|
|
576
|
+
`}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}update(t){super.update(t),["value","variant"].some((e=>t.has(e)))&&this.resolveIcon()}resolveIcon(){var t,e;let i=this.value||this.textContent;switch(this.variant){case _o.file_format:this.resolvedIcon=null!==(t=Mo[i.replace("-","_").toUpperCase()])&&void 0!==t?t:i;break;case _o.material:this.resolvedIcon=this.value||o.nothing;break;default:this.resolvedIcon=null!==(e=Ho[i.replace("-","_").toUpperCase()])&&void 0!==e?e:i}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>this.resolveIcon()))}}qo.elementDefinitions={},qo.styles=Se,Vo([i.property()],qo.prototype,"variant",void 0),Vo([i.property()],qo.prototype,"value",void 0),Vo([i.state()],qo.prototype,"resolvedIcon",void 0),Vo([i.query("slot")],qo.prototype,"slottedContent",void 0),e.customElement("ft-icon")(qo);class Yo extends e.FtLitElement{render(){return o.html`
|
|
577
577
|
<div class="ft-loader">
|
|
578
578
|
<div></div>
|
|
579
579
|
<div></div>
|
|
580
580
|
<div></div>
|
|
581
581
|
<div></div>
|
|
582
582
|
</div>
|
|
583
|
-
`}}
|
|
583
|
+
`}}Yo.styles=we,e.customElement("ft-loader")(Yo);var Xo=function(t,e,o,i){for(var r,a=arguments.length,n=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(n=(a<3?r(n):a>3?r(e,o,n):r(e,o))||n);return a>3&&n&&Object.defineProperty(e,o,n),n};class Jo extends(e.toFtFormComponent(e.FtLitElement,"button")){constructor(){super(),this.role="button",this.type="button",this.disabled=!1,this.label="",this.icon=void 0,this.trailingIcon=!1,this.loading=!1,this.tooltipPosition="bottom",this.hideTooltip=!1,this.forceTooltip=!1,this.addEventListener("click",(t=>{var e;this.isDisabled()?(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()):"submit"==this.type&&(null===(e=this.form)||void 0===e||e.requestSubmit())}))}render(){return this.addTooltipIfNeeded(o.html`
|
|
584
584
|
<button part="button"
|
|
585
585
|
class="${a.classMap(this.buttonClasses)}"
|
|
586
586
|
aria-label="${this.getLabel()}"
|
|
@@ -603,7 +603,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
603
603
|
</ft-tooltip>
|
|
604
604
|
`:t}resolveIcon(){return this.loading?o.html`
|
|
605
605
|
<ft-loader part="loader icon"></ft-loader> `:this.icon?o.html`
|
|
606
|
-
<ft-icon part="icon" .variant="${this.iconVariant}" .value="${this.icon}"></ft-icon> `:o.nothing}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(t){return t instanceof HTMLSlotElement?t.assignedNodes().map((t=>this.unslotText(t))).join(""):(null==t?void 0:t.textContent)||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}}
|
|
606
|
+
<ft-icon part="icon" .variant="${this.iconVariant}" .value="${this.icon}"></ft-icon> `:o.nothing}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(t){return t instanceof HTMLSlotElement?t.assignedNodes().map((t=>this.unslotText(t))).join(""):(null==t?void 0:t.textContent)||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}}Jo.elementDefinitions={"ft-ripple":Ze,"ft-tooltip":jo,"ft-typography":se,"ft-icon":qo,"ft-loader":Yo},Xo([i.property({type:String,reflect:!0})],Jo.prototype,"role",void 0),Xo([i.property()],Jo.prototype,"type",void 0),Xo([i.property({type:Boolean})],Jo.prototype,"disabled",void 0),Xo([i.property()],Jo.prototype,"label",void 0),Xo([i.property()],Jo.prototype,"icon",void 0),Xo([i.property()],Jo.prototype,"iconVariant",void 0),Xo([i.property({type:Boolean})],Jo.prototype,"trailingIcon",void 0),Xo([i.property({type:Boolean})],Jo.prototype,"loading",void 0),Xo([i.property()],Jo.prototype,"tooltipPosition",void 0),Xo([i.property({type:Boolean})],Jo.prototype,"hideTooltip",void 0),Xo([i.property({type:Boolean})],Jo.prototype,"forceTooltip",void 0),Xo([i.query(".ft-button")],Jo.prototype,"button",void 0),Xo([i.query(".ft-button--label slot")],Jo.prototype,"slottedContent",void 0);var Qo=function(t,e,o,i){for(var r,a=arguments.length,n=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(n=(a<3?r(n):a>3?r(e,o,n):r(e,o))||n);return a>3&&n&&Object.defineProperty(e,o,n),n};class ti extends Jo{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.dense=!1,this.round=!1}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0}}get typographyVariant(){return"button"}}ti.styles=[e.safariEllipsisFix,Re],Qo([i.property({type:Boolean})],ti.prototype,"primary",void 0),Qo([i.property({type:Boolean})],ti.prototype,"outlined",void 0),Qo([i.property({type:Boolean})],ti.prototype,"dense",void 0),Qo([i.property({type:Boolean})],ti.prototype,"round",void 0);const ei=[o.css`
|
|
607
607
|
:host {
|
|
608
608
|
display: inline-block;
|
|
609
609
|
max-width: 100%;
|
|
@@ -821,15 +821,15 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
821
821
|
width: ${at.smallIconOnlyWidth};
|
|
822
822
|
padding: unset;
|
|
823
823
|
}
|
|
824
|
-
`,e.noTextSelect];var
|
|
824
|
+
`,e.noTextSelect];var oi=function(t,e,o,i){for(var r,a=arguments.length,n=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(n=(a<3?r(n):a>3?r(e,o,n):r(e,o))||n);return a>3&&n&&Object.defineProperty(e,o,n),n};class ii extends Jo{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.tertiary=!1,this.neutral=!1,this.small=!1}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--secondary":this.secondary,"ft-button--tertiary":this.tertiary||!this.primary&&!this.secondary&&!this.neutral,"ft-button--neutral":this.neutral,"ft-button--large":!this.small,"ft-button--small":this.small,"ft-button--icon-only":!this.hasTextContent(),"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0,"ft-button--no-icon":!this.icon}}get typographyVariant(){return this.small?Q.caption1medium:Q.body2medium}}ii.styles=[e.safariEllipsisFix,ei],oi([i.property({type:Boolean})],ii.prototype,"primary",void 0),oi([i.property({type:Boolean})],ii.prototype,"secondary",void 0),oi([i.property({type:Boolean})],ii.prototype,"tertiary",void 0),oi([i.property({type:Boolean})],ii.prototype,"neutral",void 0),oi([i.property({type:Boolean})],ii.prototype,"small",void 0),e.customElement("ft-button")(ti),e.customElement("ftds-button")(ii);const ri=e.FtCssVariableFactory.extend("--ft-checkbox-text-color","",e.designSystemVariables.colorOnSurfaceHigh),ai=e.FtCssVariableFactory.extend("--ft-checkbox-font-size","",st.fontSize),ni=e.FtCssVariableFactory.external(e.designSystemVariables.colorPrimary,"Design system"),li=e.FtCssVariableFactory.external(e.designSystemVariables.colorOnPrimary,"Design system"),si=e.FtCssVariableFactory.extend("--ft-checkbox-border-color","",e.designSystemVariables.colorOnSurfaceMedium),ci=e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceDisabled,"Design system"),pi=o.css`
|
|
825
825
|
* {
|
|
826
826
|
box-sizing: border-box;
|
|
827
827
|
}
|
|
828
828
|
|
|
829
829
|
.ft-checkbox {
|
|
830
830
|
box-sizing: border-box;
|
|
831
|
-
color: ${
|
|
832
|
-
font-size: ${
|
|
831
|
+
color: ${ri};
|
|
832
|
+
font-size: ${ai};
|
|
833
833
|
|
|
834
834
|
display: inline-flex;
|
|
835
835
|
align-items: center;
|
|
@@ -837,7 +837,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
837
837
|
}
|
|
838
838
|
|
|
839
839
|
.ft-checkbox--disabled {
|
|
840
|
-
color: ${
|
|
840
|
+
color: ${ci};
|
|
841
841
|
}
|
|
842
842
|
|
|
843
843
|
input {
|
|
@@ -861,26 +861,26 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
861
861
|
|
|
862
862
|
.ft-checkbox--box {
|
|
863
863
|
display: flex;
|
|
864
|
-
border: 2px solid ${
|
|
864
|
+
border: 2px solid ${si};
|
|
865
865
|
border-radius: 2px;
|
|
866
866
|
|
|
867
867
|
width: 18px;
|
|
868
868
|
height: 18px;
|
|
869
869
|
|
|
870
|
-
color: ${
|
|
870
|
+
color: ${li};
|
|
871
871
|
}
|
|
872
872
|
|
|
873
873
|
|
|
874
874
|
.ft-checkbox--checked .ft-checkbox--box,
|
|
875
875
|
.ft-checkbox--indeterminate .ft-checkbox--box {
|
|
876
|
-
border-color: ${
|
|
877
|
-
background-color: ${
|
|
876
|
+
border-color: ${ni};
|
|
877
|
+
background-color: ${ni};
|
|
878
878
|
}
|
|
879
879
|
|
|
880
880
|
.ft-checkbox--disabled .ft-checkbox--box {
|
|
881
|
-
border-color: ${
|
|
881
|
+
border-color: ${ci};
|
|
882
882
|
background-color: transparent;
|
|
883
|
-
color: ${
|
|
883
|
+
color: ${ci};
|
|
884
884
|
}
|
|
885
885
|
|
|
886
886
|
.ft-checkbox--checkmark {
|
|
@@ -899,7 +899,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
899
899
|
.ft-checkbox--indeterminate .ft-checkbox--checkmark {
|
|
900
900
|
opacity: 1;
|
|
901
901
|
}
|
|
902
|
-
`;var
|
|
902
|
+
`;var fi=function(t,e,o,i){for(var r,a=arguments.length,n=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(n=(a<3?r(n):a>3?r(e,o,n):r(e,o))||n);return a>3&&n&&Object.defineProperty(e,o,n),n};class hi extends e.FtLitElement{constructor(){super(...arguments),this.name="",this.checked=!1,this.indeterminate=!1,this.disabled=!1}render(){const t={"ft-checkbox":!0,"ft-checkbox--checked":this.checked,"ft-checkbox--indeterminate":this.indeterminate,"ft-checkbox--disabled":this.disabled};return o.html`
|
|
903
903
|
<label class="${a.classMap(t)}" for="checkbox-input">
|
|
904
904
|
<div class="ft-checkbox--box-container">
|
|
905
905
|
<ft-ripple
|
|
@@ -925,14 +925,14 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
925
925
|
<slot></slot>
|
|
926
926
|
</ft-typography>
|
|
927
927
|
</label>
|
|
928
|
-
`}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.indeterminate=!1,this.dispatchEvent(new CustomEvent("change",{detail:this.checked}))}contentAvailableCallback(t){var e;super.contentAvailableCallback(t),null===(e=this.ripple)||void 0===e||e.setupFor(this.container)}}
|
|
928
|
+
`}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.indeterminate=!1,this.dispatchEvent(new CustomEvent("change",{detail:this.checked}))}contentAvailableCallback(t){var e;super.contentAvailableCallback(t),null===(e=this.ripple)||void 0===e||e.setupFor(this.container)}}hi.elementDefinitions={"ft-ripple":Ze,"ft-typography":se},hi.styles=pi,fi([i.property()],hi.prototype,"name",void 0),fi([i.property({type:Boolean,reflect:!0})],hi.prototype,"checked",void 0),fi([i.property({type:Boolean})],hi.prototype,"indeterminate",void 0),fi([i.property({type:Boolean})],hi.prototype,"disabled",void 0),fi([i.query(".ft-checkbox")],hi.prototype,"container",void 0),fi([i.query("ft-ripple")],hi.prototype,"ripple",void 0),e.customElement("ft-checkbox")(hi);const di=e.FtCssVariableFactory.extend("--ft-radio-text-color","",e.designSystemVariables.colorOnSurfaceHigh),ui=e.FtCssVariableFactory.external(e.designSystemVariables.colorPrimary,"Design system"),bi=(e.FtCssVariableFactory.external(e.designSystemVariables.colorOnPrimary,"Design system"),e.FtCssVariableFactory.extend("--ft-radio-border-color","",e.designSystemVariables.colorOnSurfaceMedium)),gi=e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceDisabled,"Design system"),yi=o.css`
|
|
929
929
|
* {
|
|
930
930
|
box-sizing: border-box;
|
|
931
931
|
}
|
|
932
932
|
|
|
933
933
|
.ft-radio {
|
|
934
934
|
box-sizing: border-box;
|
|
935
|
-
color: ${
|
|
935
|
+
color: ${di};
|
|
936
936
|
|
|
937
937
|
display: inline-flex;
|
|
938
938
|
align-items: center;
|
|
@@ -940,7 +940,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
940
940
|
}
|
|
941
941
|
|
|
942
942
|
.ft-radio--disabled {
|
|
943
|
-
color: ${
|
|
943
|
+
color: ${gi};
|
|
944
944
|
}
|
|
945
945
|
|
|
946
946
|
input {
|
|
@@ -963,7 +963,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
963
963
|
}
|
|
964
964
|
|
|
965
965
|
.ft-radio--box {
|
|
966
|
-
border: 2px solid ${
|
|
966
|
+
border: 2px solid ${bi};
|
|
967
967
|
border-radius: 50%;
|
|
968
968
|
|
|
969
969
|
display: flex;
|
|
@@ -976,7 +976,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
976
976
|
|
|
977
977
|
.ft-radio--box:after {
|
|
978
978
|
content: " ";
|
|
979
|
-
background-color: ${
|
|
979
|
+
background-color: ${ui};
|
|
980
980
|
|
|
981
981
|
border-radius: 50%;
|
|
982
982
|
|
|
@@ -988,7 +988,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
988
988
|
}
|
|
989
989
|
|
|
990
990
|
.ft-radio--checked .ft-radio--box {
|
|
991
|
-
border-color: ${
|
|
991
|
+
border-color: ${ui};
|
|
992
992
|
}
|
|
993
993
|
|
|
994
994
|
|
|
@@ -997,14 +997,14 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
997
997
|
}
|
|
998
998
|
|
|
999
999
|
.ft-radio--disabled .ft-radio--box {
|
|
1000
|
-
border-color: ${
|
|
1000
|
+
border-color: ${gi};
|
|
1001
1001
|
background-color: transparent;
|
|
1002
1002
|
}
|
|
1003
1003
|
|
|
1004
1004
|
.ft-radio--disabled .ft-radio--box:after {
|
|
1005
|
-
background-color: ${
|
|
1005
|
+
background-color: ${gi};
|
|
1006
1006
|
}
|
|
1007
|
-
`;var
|
|
1007
|
+
`;var mi=function(t,e,o,i){for(var r,a=arguments.length,n=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(n=(a<3?r(n):a>3?r(e,o,n):r(e,o))||n);return a>3&&n&&Object.defineProperty(e,o,n),n};class xi extends CustomEvent{constructor(t,e){super("change",{detail:{value:t,checked:e},bubbles:!0,composed:!0})}}class vi extends e.FtLitElement{constructor(){super(...arguments),this.value="",this.name="",this.checked=!1,this.disabled=!1}render(){const t={"ft-radio":!0,"ft-radio--checked":this.checked,"ft-radio--disabled":this.disabled};return o.html`
|
|
1008
1008
|
<div class="${a.classMap(t)}">
|
|
1009
1009
|
<div class="ft-radio--box-container">
|
|
1010
1010
|
<ft-ripple
|
|
@@ -1029,16 +1029,16 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1029
1029
|
</ft-typography>
|
|
1030
1030
|
</label>
|
|
1031
1031
|
</div>
|
|
1032
|
-
`}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.dispatchEvent(new
|
|
1032
|
+
`}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.dispatchEvent(new xi(this.value,this.checked))}contentAvailableCallback(t){var e;super.contentAvailableCallback(t),null===(e=this.ripple)||void 0===e||e.setupFor(this.container)}select(){this.checked=!0,this.dispatchEvent(new xi(this.value,this.checked)),this.focus()}focus(){var t;null===(t=this.input)||void 0===t||t.focus()}}vi.elementDefinitions={"ft-ripple":Ze,"ft-typography":se},vi.styles=yi,mi([i.property()],vi.prototype,"value",void 0),mi([i.property()],vi.prototype,"name",void 0),mi([i.property({type:Boolean,reflect:!0})],vi.prototype,"checked",void 0),mi([i.property({type:Boolean})],vi.prototype,"disabled",void 0),mi([i.query(".ft-radio")],vi.prototype,"container",void 0),mi([i.query("ft-ripple")],vi.prototype,"ripple",void 0),mi([i.query("input")],vi.prototype,"input",void 0);const $i=o.css`
|
|
1033
1033
|
:host {
|
|
1034
1034
|
display: contents;
|
|
1035
1035
|
}
|
|
1036
|
-
`;var
|
|
1036
|
+
`;var wi=function(t,e,o,i){for(var r,a=arguments.length,n=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(n=(a<3?r(n):a>3?r(e,o,n):r(e,o))||n);return a>3&&n&&Object.defineProperty(e,o,n),n};class Oi extends e.FtLitElement{constructor(){super(...arguments),this.name=""}render(){return o.html`
|
|
1037
1037
|
<slot @slotchange=${this.onSlotChange}
|
|
1038
1038
|
@change=${this.onChange}
|
|
1039
1039
|
@keydown=${this.onKeyDown}
|
|
1040
1040
|
></slot>
|
|
1041
|
-
`}onSlotChange(){this.radioButtons.forEach((t=>t.name=this.name))}onChange(t){t.stopPropagation(),this.radioButtons.forEach((e=>e.checked=t.detail.value===e.value)),this.dispatchEvent(new CustomEvent("change",{detail:t.detail.value})),this.focusCurrentValue()}onKeyDown(t){switch(t.key){case"ArrowUp":case"ArrowLeft":{let e=this.findFtRadio(t),o=this.radioButtons.indexOf(e)-1;this.radioButtons[o<0?this.radioButtons.length-1:o].select();break}case"ArrowDown":case"ArrowRight":{let e=this.radioButtons.indexOf(this.findFtRadio(t))+1;this.radioButtons[e>this.radioButtons.length-1?0:e].select();break}}}findFtRadio(t){return t.composedPath().find((t=>"FT-RADIO"===t.tagName))}focusCurrentValue(){setTimeout((()=>{var t;return null===(t=this.radioButtons.find((t=>t.checked)))||void 0===t?void 0:t.focus()}),10)}}
|
|
1041
|
+
`}onSlotChange(){this.radioButtons.forEach((t=>t.name=this.name))}onChange(t){t.stopPropagation(),this.radioButtons.forEach((e=>e.checked=t.detail.value===e.value)),this.dispatchEvent(new CustomEvent("change",{detail:t.detail.value})),this.focusCurrentValue()}onKeyDown(t){switch(t.key){case"ArrowUp":case"ArrowLeft":{let e=this.findFtRadio(t),o=this.radioButtons.indexOf(e)-1;this.radioButtons[o<0?this.radioButtons.length-1:o].select();break}case"ArrowDown":case"ArrowRight":{let e=this.radioButtons.indexOf(this.findFtRadio(t))+1;this.radioButtons[e>this.radioButtons.length-1?0:e].select();break}}}findFtRadio(t){return t.composedPath().find((t=>"FT-RADIO"===t.tagName))}focusCurrentValue(){setTimeout((()=>{var t;return null===(t=this.radioButtons.find((t=>t.checked)))||void 0===t?void 0:t.focus()}),10)}}Oi.elementDefinitions={},Oi.styles=$i,wi([i.property()],Oi.prototype,"name",void 0),wi([i.queryAssignedElements()],Oi.prototype,"radioButtons",void 0),e.customElement("ft-radio")(vi),e.customElement("ft-radio-group")(Oi);const Si={borderRadiusM:e.FtCssVariableFactory.external(e.designSystemVariables.borderRadiusM,"Design system"),colorOutline:e.FtCssVariableFactory.external(e.designSystemVariables.colorOutline,"Design system"),colorOnSurface:e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurface,"Design system"),colorOnSurfaceMedium:e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceMedium,"Design system"),colorOnSurfaceDisabled:e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceDisabled,"Design system"),colorPrimary:e.FtCssVariableFactory.external(e.designSystemVariables.colorPrimary,"Design system"),colorOnPrimary:e.FtCssVariableFactory.external(e.designSystemVariables.colorOnPrimary,"Design system"),fontFamily:e.FtCssVariableFactory.external(Wt.fontFamily,"Body2 typography"),fontSize:e.FtCssVariableFactory.external(Wt.fontSize,"Body2 typography"),fontWeight:e.FtCssVariableFactory.external(Wt.fontWeight,"Body2 typography"),letterSpacing:e.FtCssVariableFactory.external(Wt.letterSpacing,"Body2 typography"),lineHeight:e.FtCssVariableFactory.external(Wt.lineHeight,"Body2 typography"),textTransform:e.FtCssVariableFactory.external(Wt.textTransform,"Body2 typography")},Ni=o.css`
|
|
1042
1042
|
.ft-filter-level--container {
|
|
1043
1043
|
display: flex;
|
|
1044
1044
|
flex-direction: column;
|
|
@@ -1052,14 +1052,14 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1052
1052
|
flex-shrink: 0;
|
|
1053
1053
|
text-decoration: none;
|
|
1054
1054
|
position: relative;
|
|
1055
|
-
border-radius: ${
|
|
1055
|
+
border-radius: ${Si.borderRadiusM};
|
|
1056
1056
|
overflow: hidden;
|
|
1057
1057
|
display: flex;
|
|
1058
1058
|
align-items: center;
|
|
1059
1059
|
padding: 4px 4px;
|
|
1060
1060
|
gap: 4px;
|
|
1061
1061
|
cursor: pointer;
|
|
1062
|
-
color: ${
|
|
1062
|
+
color: ${Si.colorOnSurface};
|
|
1063
1063
|
}
|
|
1064
1064
|
|
|
1065
1065
|
.ft-filter-level--go-back:focus {
|
|
@@ -1088,7 +1088,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1088
1088
|
}
|
|
1089
1089
|
|
|
1090
1090
|
ft-button {
|
|
1091
|
-
${e.setVariable(ke.color,
|
|
1091
|
+
${e.setVariable(ke.color,Si.colorOnSurface)};
|
|
1092
1092
|
}
|
|
1093
1093
|
|
|
1094
1094
|
ft-radio, ft-checkbox {
|
|
@@ -1102,9 +1102,9 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1102
1102
|
|
|
1103
1103
|
.ft-filter-level--no-values {
|
|
1104
1104
|
margin: 10px 0;
|
|
1105
|
-
color: ${
|
|
1105
|
+
color: ${Si.colorOnSurfaceMedium};
|
|
1106
1106
|
}
|
|
1107
|
-
`;var
|
|
1107
|
+
`;var ki=function(t,e,o,i){for(var r,a=arguments.length,n=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(n=(a<3?r(n):a>3?r(e,o,n):r(e,o))||n);return a>3&&n&&Object.defineProperty(e,o,n),n};class Ci extends e.FtLitElement{constructor(){super(...arguments),this.filterId="",this.options=[],this.multivalued=!1,this.disabled=!1,this.hideSelectedOptions=!1,this.preventNavigation=!1,this.filter="",this.moreValuesButtonLabel="More",this.displayedValuesLimit=0,this.displayedPages=1}get hasHiddenValues(){let t=this.limit;return null!=t&&t<this.options.length}get limit(){return this.displayedValuesLimit>0?this.displayedPages*this.displayedValuesLimit:void 0}get height(){var t,e;return null!==(e=null===(t=this.container)||void 0===t?void 0:t.scrollHeight)&&void 0!==e?e:0}render(){let t=[...this.options];this.hideSelectedOptions&&(t=t.filter((t=>!t.selected))),this.filter&&(t=t.filter((t=>t.label.toLowerCase().includes(this.filter.toLowerCase()))));const e=t.slice(0,this.limit);return o.html`
|
|
1108
1108
|
<div class="ft-filter-level--container ${this.disabled?"ft-filter--disabled":""}">
|
|
1109
1109
|
${null==this.parent?null:o.html`
|
|
1110
1110
|
<div tabindex="0"
|
|
@@ -1168,7 +1168,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1168
1168
|
@change=${t=>t.stopPropagation()}>
|
|
1169
1169
|
${t.renderOption?t.renderOption:t.label}
|
|
1170
1170
|
</ft-radio>
|
|
1171
|
-
`}onRadioKeyUp(t,e){e.selected&&" "===t.key&&this.optionsChanged(t,e)}optionsChanged(t,e){t.stopPropagation(),this.dispatchEvent(new CustomEvent("change",{detail:e}))}displayLevel(t){this.dispatchEvent(new CustomEvent("display-level",{detail:t}))}}
|
|
1171
|
+
`}onRadioKeyUp(t,e){e.selected&&" "===t.key&&this.optionsChanged(t,e)}optionsChanged(t,e){t.stopPropagation(),this.dispatchEvent(new CustomEvent("change",{detail:e}))}displayLevel(t){this.dispatchEvent(new CustomEvent("display-level",{detail:t}))}}Ci.elementDefinitions={"ft-button":ti,"ft-ripple":Ze,"ft-typography":se,"ft-checkbox":hi,"ft-icon":qo,"ft-radio":vi},Ci.styles=Ni,ki([i.property({type:String})],Ci.prototype,"filterId",void 0),ki([i.property({type:Object})],Ci.prototype,"parent",void 0),ki([i.property({type:Array})],Ci.prototype,"options",void 0),ki([i.property({type:Boolean})],Ci.prototype,"multivalued",void 0),ki([i.property({type:Boolean})],Ci.prototype,"disabled",void 0),ki([i.property({type:Boolean})],Ci.prototype,"hideSelectedOptions",void 0),ki([i.property({type:Boolean})],Ci.prototype,"preventNavigation",void 0),ki([i.property({type:String})],Ci.prototype,"filter",void 0),ki([i.property({type:String})],Ci.prototype,"moreValuesButtonLabel",void 0),ki([i.property({type:String})],Ci.prototype,"noValuesLabel",void 0),ki([i.property({type:Number})],Ci.prototype,"displayedValuesLimit",void 0),ki([i.query(".ft-filter-level--container")],Ci.prototype,"container",void 0),ki([i.state()],Ci.prototype,"displayedPages",void 0);const Ii={buttonsColor:e.FtCssVariableFactory.extend("--ft-snap-scroll-buttons-color","",e.designSystemVariables.colorPrimary),buttonsZIndex:e.FtCssVariableFactory.create("--ft-snap-scroll-buttons-z-index","","NUMBER","1"),gap:e.FtCssVariableFactory.create("--ft-snap-scroll-gap","","SIZE","0"),colorSurface:e.FtCssVariableFactory.external(e.designSystemVariables.colorSurface,"Design system")},Ei=o.css`
|
|
1172
1172
|
.ft-snap-scroll {
|
|
1173
1173
|
box-sizing: border-box;
|
|
1174
1174
|
position: relative;
|
|
@@ -1203,7 +1203,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1203
1203
|
flex-wrap: nowrap;
|
|
1204
1204
|
align-items: flex-start;
|
|
1205
1205
|
justify-content: flex-start;
|
|
1206
|
-
gap: ${
|
|
1206
|
+
gap: ${Ii.gap};
|
|
1207
1207
|
}
|
|
1208
1208
|
|
|
1209
1209
|
.ft-snap-scroll--hide-scrollbar .ft-snap-scroll--content::-webkit-scrollbar {
|
|
@@ -1246,11 +1246,11 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1246
1246
|
.ft-snap-scroll--next {
|
|
1247
1247
|
position: absolute;
|
|
1248
1248
|
display: flex;
|
|
1249
|
-
z-index: ${
|
|
1249
|
+
z-index: ${Ii.buttonsZIndex};
|
|
1250
1250
|
opacity: 1;
|
|
1251
1251
|
transition: background-color .5s ease-in-out, opacity .5s ease-in-out, z-index .5s ease-in-out;
|
|
1252
1252
|
${e.setVariable(ke.backgroundColor,"transparent")};
|
|
1253
|
-
${e.setVariable(ke.color,
|
|
1253
|
+
${e.setVariable(ke.color,Ii.buttonsColor)};
|
|
1254
1254
|
}
|
|
1255
1255
|
|
|
1256
1256
|
.ft-snap-scroll--previous[hidden],
|
|
@@ -1263,37 +1263,37 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1263
1263
|
top: 0;
|
|
1264
1264
|
left: -1px;
|
|
1265
1265
|
bottom: 0;
|
|
1266
|
-
background: linear-gradient(to right, ${
|
|
1266
|
+
background: linear-gradient(to right, ${Ii.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1267
1267
|
}
|
|
1268
1268
|
|
|
1269
1269
|
.ft-snap-scroll--vertical .ft-snap-scroll--previous {
|
|
1270
1270
|
top: -1px;
|
|
1271
1271
|
left: 0;
|
|
1272
1272
|
right: 0;
|
|
1273
|
-
background: linear-gradient(to bottom, ${
|
|
1273
|
+
background: linear-gradient(to bottom, ${Ii.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1274
1274
|
}
|
|
1275
1275
|
|
|
1276
1276
|
.ft-snap-scroll--horizontal .ft-snap-scroll--next {
|
|
1277
1277
|
top: 0;
|
|
1278
1278
|
right: -1px;
|
|
1279
1279
|
bottom: 0;
|
|
1280
|
-
background: linear-gradient(to left, ${
|
|
1280
|
+
background: linear-gradient(to left, ${Ii.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1281
1281
|
}
|
|
1282
1282
|
|
|
1283
1283
|
.ft-snap-scroll--vertical .ft-snap-scroll--next {
|
|
1284
1284
|
left: 0;
|
|
1285
1285
|
right: 0;
|
|
1286
1286
|
bottom: -1px;
|
|
1287
|
-
background: linear-gradient(to top, ${
|
|
1287
|
+
background: linear-gradient(to top, ${Ii.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1288
1288
|
}
|
|
1289
1289
|
|
|
1290
1290
|
.ft-snap-scroll--horizontal .ft-snap-scroll--previous:hover,
|
|
1291
1291
|
.ft-snap-scroll--horizontal .ft-snap-scroll--next:hover,
|
|
1292
1292
|
.ft-snap-scroll--vertical .ft-snap-scroll--previous:hover,
|
|
1293
1293
|
.ft-snap-scroll--vertical .ft-snap-scroll--next:hover {
|
|
1294
|
-
background-color: ${
|
|
1294
|
+
background-color: ${Ii.colorSurface};
|
|
1295
1295
|
}
|
|
1296
|
-
`;var
|
|
1296
|
+
`;var zi=function(t,e,o,i){for(var r,a=arguments.length,n=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(n=(a<3?r(n):a>3?r(e,o,n):r(e,o))||n);return a>3&&n&&Object.defineProperty(e,o,n),n};class Ui extends CustomEvent{constructor(t,e){super("current-element-change",{detail:{index:t,element:e}})}}class Li extends e.FtLitElement{constructor(){super(...arguments),this.horizontal=!1,this.hideScrollbar=!1,this.controls=!1,this.limitSize=!1,this.elements=[],this.currentElement=0,this.withScroll=!1,this.startReached=!0,this.endReached=!0,this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight",this.updateScrollCallback=()=>this.onScroll(),this.resizeObserver=new ResizeObserver((()=>this.scheduleUpdateScroll())),this.scrollDebouncer=new e.Debouncer(200),this.updateScrollDebouncer=new e.Debouncer(100)}scrollToIndex(t){this.scrollToElement(this.elements[t])}scrollIndexIntoView(t){let e=this.elements[t];if(e){const t=this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.nextSize,o=this.contentSlot[this.scrollAttribute]+this.prevSize;(e[this.offsetAttribute]<o||e[this.offsetAttribute]+e[this.sizeAttribute]>t)&&this.scrollToElement(e)}}previous(){this.scrollToElement(this.elements[Math.max(0,this.closestIndexFromStart()-1)])}next(){this.scrollToElement(this.elements[Math.min(this.closestIndexFromStart()+1,this.elements.length-1)])}render(){const t=a.classMap({"ft-snap-scroll":!0,"ft-snap-scroll--horizontal":this.horizontal,"ft-snap-scroll--vertical":!this.horizontal,"ft-snap-scroll--hide-scrollbar":this.hideScrollbar,"ft-snap-scroll--limit-size":this.limitSize,"ft-snap-scroll--safari-fix":e.isSafari}),i=this.controls&&this.withScroll;return o.html`
|
|
1297
1297
|
<div part="container" class="${t}">
|
|
1298
1298
|
<ft-button
|
|
1299
1299
|
class="ft-snap-scroll--previous"
|
|
@@ -1317,7 +1317,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1317
1317
|
@click=${this.next}
|
|
1318
1318
|
></ft-button>
|
|
1319
1319
|
</div>
|
|
1320
|
-
`}update(t){super.update(t),t.has("horizontal")&&(this.horizontal?(this.offsetAttribute="offsetLeft",this.scrollAttribute="scrollLeft",this.sizeAttribute="clientWidth",this.scrollSizeAttribute="scrollWidth"):(this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight")),t.has("currentElement")&&this.dispatchEvent(new
|
|
1320
|
+
`}update(t){super.update(t),t.has("horizontal")&&(this.horizontal?(this.offsetAttribute="offsetLeft",this.scrollAttribute="scrollLeft",this.sizeAttribute="clientWidth",this.scrollSizeAttribute="scrollWidth"):(this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight")),t.has("currentElement")&&this.dispatchEvent(new Ui(this.currentElement,this.elements[this.currentElement]))}contentAvailableCallback(t){var e;super.contentAvailableCallback(t),this.contentSlot&&this.listenedContainer!==this.contentSlot&&(this.resizeObserver.observe(this.contentSlot),this.listenedContainer&&this.listenedContainer.removeEventListener("scroll",this.updateScrollCallback),this.listenedContainer=this.contentSlot,null===(e=this.listenedContainer)||void 0===e||e.addEventListener("scroll",this.updateScrollCallback))}onScroll(){this.scrollDebouncer.run((()=>this.snap())),this.scheduleUpdateScroll()}snap(){let t=this.closestElementFromStart();if(null!=t){const e=this.getDistanceFromStart(t);Math.abs(this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.contentSlot[this.scrollSizeAttribute])<e&&(t=this.lastElement),this.scrollToElement(t)}}scrollToElement(t){var e,o;t&&(this.horizontal?null===(e=this.contentSlot)||void 0===e||e.scrollTo({left:this.getOffset(t)-this.controlsSize,behavior:"smooth"}):null===(o=this.contentSlot)||void 0===o||o.scrollTo({top:this.getOffset(t)-this.controlsSize,behavior:"smooth"}),this.currentElement=this.elements.indexOf(t))}onSlotChange(){var t,e;this.elements=null!==(e=null===(t=this.contentSlot)||void 0===t?void 0:t.assignedElements().map((t=>t)))&&void 0!==e?e:[],this.scheduleUpdateScroll()}closestElementFromStart(){return this.elements[this.closestIndexFromStart()]}closestIndexFromStart(){let t=-1;for(let e=0;e<this.elements.length;e++)(t<0||this.getDistanceFromStart(this.elements[e])<this.getDistanceFromStart(this.elements[t]))&&(t=e);return t}scheduleUpdateScroll(){this.updateScrollDebouncer.run((()=>this.updateScroll()))}updateScroll(){null!=this.contentSlot?(this.withScroll=this.contentSlot[this.scrollSizeAttribute]>this.contentSlot[this.sizeAttribute],this.startReached=0===this.contentSlot[this.scrollAttribute],this.endReached=this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]+1>=this.contentSlot[this.scrollSizeAttribute]):(this.withScroll=!1,this.startReached=!0,this.endReached=!0)}get lastElement(){return this.elements[this.elements.length-1]}get firstElementOffset(){let t=this.elements[0];return t?t[this.offsetAttribute]:0}get controlsSize(){return this.controls?36:0}get nextSize(){return this.endReached?0:this.controlsSize}get prevSize(){return this.startReached?0:this.controlsSize}getOffset(t){return t[this.offsetAttribute]-this.firstElementOffset}getDistanceFromStart(t){const e=t===this.elements[0]?0:this.controlsSize;return Math.abs(this.getOffset(t)-this.contentSlot[this.scrollAttribute]-e)}}Li.elementDefinitions={"ft-button":ti},Li.styles=Ei,zi([i.property({type:Boolean})],Li.prototype,"horizontal",void 0),zi([i.property({type:Boolean})],Li.prototype,"hideScrollbar",void 0),zi([i.property({type:Boolean})],Li.prototype,"controls",void 0),zi([i.property({type:Boolean})],Li.prototype,"limitSize",void 0),zi([i.state()],Li.prototype,"elements",void 0),zi([i.state()],Li.prototype,"currentElement",void 0),zi([i.state()],Li.prototype,"withScroll",void 0),zi([i.state()],Li.prototype,"startReached",void 0),zi([i.state()],Li.prototype,"endReached",void 0),zi([i.query(".ft-snap-scroll--content")],Li.prototype,"contentSlot",void 0),e.customElement("ft-snap-scroll")(Li);const Ri=e.FtCssVariableFactory.external(e.designSystemVariables.colorOutline,"Design system"),Wi=e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurface,"Design system"),Zi=e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceMedium,"Design system"),Bi=e.FtCssVariableFactory.external(e.designSystemVariables.colorPrimary,"Design system"),Fi=e.FtCssVariableFactory.external(e.designSystemVariables.colorSurface,"Design system"),Di=e.FtCssVariableFactory.external(e.designSystemVariables.transitionDuration,"Design system"),Ki=e.FtCssVariableFactory.external(e.designSystemVariables.transitionTimingFunction,"Design system"),Ai=e.FtCssVariableFactory.extend("--ft-filter-label-color","",e.designSystemVariables.colorOnSurface),Hi=e.FtCssVariableFactory.extend("--ft-filter-label-font-size","",st.fontSize,"16px"),Mi=[ee,o.css`
|
|
1321
1321
|
:host {
|
|
1322
1322
|
display: flex;
|
|
1323
1323
|
max-height: 100%;
|
|
@@ -1352,8 +1352,8 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1352
1352
|
flex-shrink: 1;
|
|
1353
1353
|
flex-grow: 1;
|
|
1354
1354
|
word-break: break-word;
|
|
1355
|
-
color: ${
|
|
1356
|
-
font-size: ${
|
|
1355
|
+
color: ${Ai};
|
|
1356
|
+
font-size: ${Hi};
|
|
1357
1357
|
${e.setVariable(st.lineHeight,"22px")};
|
|
1358
1358
|
${e.setVariable(st.fontWeight,"bold")};
|
|
1359
1359
|
}
|
|
@@ -1366,8 +1366,8 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1366
1366
|
padding: 0 10px;
|
|
1367
1367
|
overflow: hidden;
|
|
1368
1368
|
height: 32px;
|
|
1369
|
-
transition: height ${
|
|
1370
|
-
margin ${
|
|
1369
|
+
transition: height ${Di} ${Ki},
|
|
1370
|
+
margin ${Di} ${Ki};
|
|
1371
1371
|
transition-delay: 500ms;
|
|
1372
1372
|
}
|
|
1373
1373
|
|
|
@@ -1380,15 +1380,15 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1380
1380
|
display: block;
|
|
1381
1381
|
width: 100%;
|
|
1382
1382
|
border-radius: 4px;
|
|
1383
|
-
border: 1px solid ${
|
|
1383
|
+
border: 1px solid ${Ri};
|
|
1384
1384
|
padding: 4px;
|
|
1385
|
-
background-color: ${
|
|
1386
|
-
color: ${
|
|
1387
|
-
outline-color: ${
|
|
1385
|
+
background-color: ${Fi};
|
|
1386
|
+
color: ${Wi};
|
|
1387
|
+
outline-color: ${Bi};
|
|
1388
1388
|
}
|
|
1389
1389
|
|
|
1390
1390
|
input::placeholder {
|
|
1391
|
-
color: ${
|
|
1391
|
+
color: ${Zi};
|
|
1392
1392
|
}
|
|
1393
1393
|
|
|
1394
1394
|
input:placeholder-shown {
|
|
@@ -1404,7 +1404,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1404
1404
|
}
|
|
1405
1405
|
|
|
1406
1406
|
.ft-filter--separator {
|
|
1407
|
-
border-top: 1px solid ${
|
|
1407
|
+
border-top: 1px solid ${Ri};
|
|
1408
1408
|
margin: 4px 10px;
|
|
1409
1409
|
}
|
|
1410
1410
|
|
|
@@ -1429,7 +1429,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1429
1429
|
slot:not([name]) {
|
|
1430
1430
|
display: none;
|
|
1431
1431
|
}
|
|
1432
|
-
`];var
|
|
1432
|
+
`];var Pi=function(t,e,o,i){for(var r,a=arguments.length,n=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(n=(a<3?r(n):a>3?r(e,o,n):r(e,o))||n);return a>3&&n&&Object.defineProperty(e,o,n),n};class ji extends CustomEvent{constructor(t){super("change",{detail:t})}}class Ti extends e.FtLitElement{constructor(){super(...arguments),this.id="",this.label="",this.filterPlaceHolder="Filter {0}",this.clearButtonLabel="Clear",this.moreValuesButtonLabel="More",this.noValuesLabel="No values available",this.options=[],this.multivalued=!1,this.disabled=!1,this.raiseSelectedOptions=!1,this.displayedValuesLimit=0,this.hideClearButton=!1,this.lastLevelHasHiddenvalues=!1,this.withScroll=!1,this.filter="",this.displayedLevels=[],this.scrollResizeObserver=new ResizeObserver((()=>this.updateScroll())),this.levelsScrollDebouncer=new e.Debouncer(300),this.changeDebouncer=new e.Debouncer(10),this.lastDispatchedValues=[]}get flatOptions(){return e.flatDeep(this.options,(t=>{var e;return null!==(e=t.subOptions)&&void 0!==e?e:[]}))}get childrenFilteredFlatOptions(){return e.flatDeep(this.options,(t=>{var e;return t.selected?[]:null!==(e=t.subOptions)&&void 0!==e?e:[]}))}get selectedValues(){return this.childrenFilteredFlatOptions.filter((t=>t.selected)).map((t=>t.value))}render(){const t=this.flatOptions.some((t=>t.selected)),e=this.withScroll||this.filter||this.lastLevelHasHiddenvalues,i=this.filterPlaceHolder.replace("{0}",this.label);return o.html`
|
|
1433
1433
|
<div class="ft-filter--container ${this.disabled?"ft-filter--disabled":""}"
|
|
1434
1434
|
part="container">
|
|
1435
1435
|
${this.label||t?o.html`
|
|
@@ -1501,20 +1501,21 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1501
1501
|
.exportpartsPrefixes=${["values","available-values"]}
|
|
1502
1502
|
noValuesLabel="${this.noValuesLabel}"
|
|
1503
1503
|
></ft-filter-level>
|
|
1504
|
-
`}goBack(t){this.slideOut=t.detail.value}onDisplayLevel(t){this.displayedLevels.push(t.detail.value),this.slideIn=t.detail.value}clear(){if(this.flatOptions.forEach((t=>t.selected=!1)),this.displayedLevels.length>0){let t=this.displayedLevels[this.displayedLevels.length-1];this.displayedLevels=[t],this.slideOut=t}this.optionsChanged()}onChange(t){var e;t.stopPropagation();const o=this.flatOptions.find((e=>e.value===t.detail.value));o.selected=!o.selected;const i=t=>{var e;t!==o&&(t.selected=!1),null===(e=t.subOptions)||void 0===e||e.forEach(i)};this.multivalued?null===(e=o.subOptions)||void 0===e||e.forEach(i):this.options.forEach(i),this.optionsChanged()}optionsChanged(){this.changeDebouncer.run((()=>{var t;this.sendEventIfValuesChanged(),this.requestUpdate(),null===(t=this.levels)||void 0===t||t.forEach((t=>t.requestUpdate()))}))}sendEventIfValuesChanged(){const t=this.selectedValues;e.deepEqual(this.lastDispatchedValues,t)||(this.dispatchEvent(new
|
|
1504
|
+
`}goBack(t){this.slideOut=t.detail.value}onDisplayLevel(t){this.displayedLevels.push(t.detail.value),this.slideIn=t.detail.value}clear(){if(this.flatOptions.forEach((t=>t.selected=!1)),this.displayedLevels.length>0){let t=this.displayedLevels[this.displayedLevels.length-1];this.displayedLevels=[t],this.slideOut=t}this.optionsChanged()}onChange(t){var e;t.stopPropagation();const o=this.flatOptions.find((e=>e.value===t.detail.value));o.selected=!o.selected;const i=t=>{var e;t!==o&&(t.selected=!1),null===(e=t.subOptions)||void 0===e||e.forEach(i)};this.multivalued?null===(e=o.subOptions)||void 0===e||e.forEach(i):this.options.forEach(i),this.optionsChanged()}optionsChanged(){this.changeDebouncer.run((()=>{var t;this.sendEventIfValuesChanged(),this.requestUpdate(),null===(t=this.levels)||void 0===t||t.forEach((t=>t.requestUpdate()))}))}sendEventIfValuesChanged(){const t=this.selectedValues;e.deepEqual(this.lastDispatchedValues,t)||(this.dispatchEvent(new ji(t)),this.lastDispatchedValues=t)}updateOptionsFromSlot(t){t.stopPropagation(),this.options=this.slotElement.assignedElements().map((t=>t)),this.optionsChanged()}onFilterChange(){var t,e;this.filter=null!==(e=null===(t=this.filterInput)||void 0===t?void 0:t.value)&&void 0!==e?e:""}updateScroll(){this.valuesContainer&&(this.withScroll=this.valuesContainer.scrollHeight>this.valuesContainer.clientHeight)}}Ti.elementDefinitions={"ft-button":ti,"ft-filter-level":Ci,"ft-snap-scroll":Li,"ft-typography":se},Ti.styles=Mi,Pi([i.property({type:String})],Ti.prototype,"id",void 0),Pi([i.property({type:String})],Ti.prototype,"label",void 0),Pi([i.property({type:String})],Ti.prototype,"filterPlaceHolder",void 0),Pi([i.property({type:String})],Ti.prototype,"clearButtonLabel",void 0),Pi([i.property({type:String})],Ti.prototype,"moreValuesButtonLabel",void 0),Pi([i.property({type:String})],Ti.prototype,"noValuesLabel",void 0),Pi([e.jsonProperty([])],Ti.prototype,"options",void 0),Pi([i.property({type:Boolean})],Ti.prototype,"multivalued",void 0),Pi([i.property({type:Boolean})],Ti.prototype,"disabled",void 0),Pi([i.property({type:Boolean})],Ti.prototype,"raiseSelectedOptions",void 0),Pi([i.property({type:Number})],Ti.prototype,"displayedValuesLimit",void 0),Pi([i.property({type:Boolean})],Ti.prototype,"hideClearButton",void 0),Pi([i.query(".ft-filter--slot")],Ti.prototype,"slotElement",void 0),Pi([i.query(".ft-filter--container")],Ti.prototype,"container",void 0),Pi([i.query(".ft-filter--values")],Ti.prototype,"valuesContainer",void 0),Pi([i.query(".ft-filter--levels")],Ti.prototype,"levelsContainer",void 0),Pi([i.state()],Ti.prototype,"lastLevelHasHiddenvalues",void 0),Pi([i.query(".ft-filter--filter input")],Ti.prototype,"filterInput",void 0),Pi([i.queryAll(".ft-filter--levels ft-filter-level")],Ti.prototype,"levels",void 0),Pi([i.state()],Ti.prototype,"withScroll",void 0),Pi([i.state()],Ti.prototype,"filter",void 0),Pi([i.state()],Ti.prototype,"slideIn",void 0),Pi([i.state()],Ti.prototype,"slideOut",void 0);var Gi=function(t,e,o,i){for(var r,a=arguments.length,n=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(n=(a<3?r(n):a>3?r(e,o,n):r(e,o))||n);return a>3&&n&&Object.defineProperty(e,o,n),n};class _i extends e.FtLitElement{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1,this.subOptions=[]}render(){return o.html`
|
|
1505
1505
|
<slot class="ft-filter-option--slot" @slotchange=${this.updateSubOptionsFromSlot}></slot>
|
|
1506
|
-
`}updateSubOptionsFromSlot(t){t.stopPropagation(),this.subOptions=this.slotElement.assignedElements().map((t=>t))}update(t){super.update(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}}
|
|
1506
|
+
`}updateSubOptionsFromSlot(t){t.stopPropagation(),this.subOptions=this.slotElement.assignedElements().map((t=>t))}update(t){super.update(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}}_i.elementDefinitions={},Gi([i.property({type:String})],_i.prototype,"label",void 0),Gi([i.property({type:Object,converter:t=>t})],_i.prototype,"value",void 0),Gi([i.property({type:Boolean,reflect:!0})],_i.prototype,"selected",void 0),Gi([i.property({type:Object})],_i.prototype,"subOptions",void 0),Gi([e.jsonProperty({})],_i.prototype,"renderOption",void 0),Gi([i.query(".ft-filter-option--slot")],_i.prototype,"slotElement",void 0),e.customElement("ft-filter")(Ti),e.customElement("ft-filter-option")(_i);const Vi=o.css`
|
|
1507
1507
|
.ft-accordion {
|
|
1508
1508
|
box-sizing: border-box;
|
|
1509
1509
|
}
|
|
1510
|
-
`;var
|
|
1510
|
+
`;var qi=function(t,e,o,i){for(var r,a=arguments.length,n=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(n=(a<3?r(n):a>3?r(e,o,n):r(e,o))||n);return a>3&&n&&Object.defineProperty(e,o,n),n};class Yi extends e.FtLitElement{constructor(){super(...arguments),this.multi=!1}render(){return o.html`
|
|
1511
1511
|
<div class="ft-accordion">
|
|
1512
1512
|
<slot @activated=${this.onChange}></slot>
|
|
1513
1513
|
</div>
|
|
1514
|
-
`}onChange(t){t.stopPropagation(),this.multi||this.content.assignedElements().forEach((e=>e.active=e===t.target))}}
|
|
1514
|
+
`}onChange(t){t.stopPropagation(),this.multi||this.content.assignedElements().forEach((e=>e.active=e===t.target))}}Yi.elementDefinitions={},Yi.styles=Vi,qi([i.property({type:Boolean})],Yi.prototype,"multi",void 0),qi([i.query("slot")],Yi.prototype,"content",void 0);const Xi=e.FtCssVariableFactory.create("--ft-accordion-toggle-horizontal-spacing","","SIZE","16px"),Ji=e.FtCssVariableFactory.create("--ft-accordion-toggle-vertical-spacing","","SIZE","16px"),Qi=e.FtCssVariableFactory.external(e.designSystemVariables.colorOutline,"Design system"),tr=e.FtCssVariableFactory.create("--ft-accordion-item-background-color","","COLOR","#FFFFFF"),er=o.css`
|
|
1515
1515
|
.ft-accordion-item {
|
|
1516
1516
|
display: flex;
|
|
1517
1517
|
flex-direction: column;
|
|
1518
|
+
background-color: ${tr};
|
|
1518
1519
|
}
|
|
1519
1520
|
|
|
1520
1521
|
.ft-accordion-item--toggle {
|
|
@@ -1524,8 +1525,8 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1524
1525
|
display: flex;
|
|
1525
1526
|
align-items: center;
|
|
1526
1527
|
cursor: pointer;
|
|
1527
|
-
padding: ${
|
|
1528
|
-
gap: calc(${
|
|
1528
|
+
padding: ${Ji} ${Xi};
|
|
1529
|
+
gap: calc(${Xi} / 2);
|
|
1529
1530
|
outline: none;
|
|
1530
1531
|
}
|
|
1531
1532
|
|
|
@@ -1550,13 +1551,13 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1550
1551
|
.ft-accordion-item--active .ft-accordion-item--content {
|
|
1551
1552
|
height: initial;
|
|
1552
1553
|
overflow: visible;
|
|
1553
|
-
padding: ${
|
|
1554
|
+
padding: ${Ji} ${Xi};
|
|
1554
1555
|
}
|
|
1555
1556
|
|
|
1556
1557
|
.ft-accordion-item--separator {
|
|
1557
|
-
border-bottom: 1px solid ${
|
|
1558
|
+
border-bottom: 1px solid ${Qi};
|
|
1558
1559
|
}
|
|
1559
|
-
`;var
|
|
1560
|
+
`;var or=function(t,e,o,i){for(var r,a=arguments.length,n=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(n=(a<3?r(n):a>3?r(e,o,n):r(e,o))||n);return a>3&&n&&Object.defineProperty(e,o,n),n};class ir extends e.FtLitElement{constructor(){super(...arguments),this.icon="",this.label="",this.active=!1}render(){return o.html`
|
|
1560
1561
|
<div class="ft-accordion-item ${this.active?"ft-accordion-item--active":""}">
|
|
1561
1562
|
<div class="ft-accordion-item--toggle"
|
|
1562
1563
|
part="toggle"
|
|
@@ -1586,7 +1587,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1586
1587
|
</div>
|
|
1587
1588
|
<div class="ft-accordion-item--separator" part="separator"></div>
|
|
1588
1589
|
</div>
|
|
1589
|
-
`}update(t){super.update(t),t.has("active")&&this.active&&this.dispatchEvent(new Event("activated",{composed:!0,bubbles:!0}))}onToggleKeyDown(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.active=!this.active)}}
|
|
1590
|
+
`}update(t){super.update(t),t.has("active")&&this.active&&this.dispatchEvent(new Event("activated",{composed:!0,bubbles:!0}))}onToggleKeyDown(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.active=!this.active)}}ir.elementDefinitions={"ft-ripple":Ze,"ft-typography":se,"ft-icon":qo},ir.styles=er,or([i.property()],ir.prototype,"icon",void 0),or([i.property()],ir.prototype,"iconVariant",void 0),or([i.property()],ir.prototype,"label",void 0),or([i.property({type:Boolean,reflect:!0})],ir.prototype,"active",void 0),e.customElement("ft-accordion")(Yi),e.customElement("ft-accordion-item")(ir);const rr=e.FtCssVariableFactory.extend("--ft-chip-color","",e.designSystemVariables.colorOnSurface),ar={backgroundColor:e.FtCssVariableFactory.extend("--ft-chip-background-color","",e.designSystemVariables.colorSurface),color:rr,fontSize:e.FtCssVariableFactory.extend("--ft-chip-font-size","",Wt.fontSize),iconSize:e.FtCssVariableFactory.create("--ft-chip-icon-size","","SIZE","18px"),rippleColor:e.FtCssVariableFactory.extend("--ft-chip-ripple-color","",rr),horizontalPadding:e.FtCssVariableFactory.create("--ft-chip-horizontal-padding","","SIZE","6px"),verticalPadding:e.FtCssVariableFactory.create("--ft-chip-vertical-padding","","SIZE","6px"),colorOutline:e.FtCssVariableFactory.external(e.designSystemVariables.colorOutline,"Design system"),opacityDisabled:e.FtCssVariableFactory.external(e.designSystemVariables.colorOpacityDisabled,"Design system")},nr=e.FtCssVariableFactory.extend("--ft-chip-highlighted-color","",e.FtCssVariableFactory.extend("--ft-chip-color","",e.designSystemVariables.colorOnPrimary)),lr={backgroundColor:e.FtCssVariableFactory.extend("--ft-chip-highlighted-background-color","",e.FtCssVariableFactory.extend("--ft-chip-background-color","",e.designSystemVariables.colorPrimary)),color:nr,rippleColor:e.FtCssVariableFactory.extend("--ft-chip-highlighted-ripple-color","",nr)},sr=e.FtCssVariableFactory.create("--ft-chip-dense-horizontal-padding","","SIZE","4px"),cr=e.FtCssVariableFactory.create("--ft-chip-dense-vertical-padding","","SIZE","4px"),pr=[e.noTextSelect,o.css`
|
|
1590
1591
|
:host {
|
|
1591
1592
|
display: inline-block;
|
|
1592
1593
|
max-width: 100%;
|
|
@@ -1602,20 +1603,20 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1602
1603
|
box-sizing: border-box;
|
|
1603
1604
|
pointer-events: auto;
|
|
1604
1605
|
|
|
1605
|
-
--ft-chip-internal-font-size: ${
|
|
1606
|
+
--ft-chip-internal-font-size: ${ar.fontSize};
|
|
1606
1607
|
--ft-chip-internal-line-height: max(20px, calc(var(--ft-chip-internal-font-size) + 2px));
|
|
1607
|
-
${e.setVariable(Oe.size,
|
|
1608
|
-
--ft-chip-internal-vertical-padding: ${
|
|
1609
|
-
--ft-chip-internal-horizontal-padding: ${
|
|
1608
|
+
${e.setVariable(Oe.size,ar.iconSize)};
|
|
1609
|
+
--ft-chip-internal-vertical-padding: ${ar.verticalPadding};
|
|
1610
|
+
--ft-chip-internal-horizontal-padding: ${ar.horizontalPadding};
|
|
1610
1611
|
--ft-chip-internal-icon-padding: 3px;
|
|
1611
|
-
--ft-chip-internal-content-height: max(var(--ft-chip-internal-line-height), ${
|
|
1612
|
+
--ft-chip-internal-content-height: max(var(--ft-chip-internal-line-height), ${ar.iconSize});
|
|
1612
1613
|
|
|
1613
|
-
border: 1px solid ${
|
|
1614
|
-
color: ${
|
|
1615
|
-
${e.setVariable(de.color,
|
|
1614
|
+
border: 1px solid ${ar.colorOutline};
|
|
1615
|
+
color: ${ar.color};
|
|
1616
|
+
${e.setVariable(de.color,ar.rippleColor)};
|
|
1616
1617
|
border-radius: calc(var(--ft-chip-internal-content-height) / 2 + var(--ft-chip-internal-vertical-padding));
|
|
1617
1618
|
padding: calc(var(--ft-chip-internal-vertical-padding) - 1px) calc(var(--ft-chip-internal-horizontal-padding) - 1px);
|
|
1618
|
-
background-color: ${
|
|
1619
|
+
background-color: ${ar.backgroundColor};
|
|
1619
1620
|
line-height: var(--ft-chip-internal-content-height);
|
|
1620
1621
|
}
|
|
1621
1622
|
|
|
@@ -1625,8 +1626,8 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1625
1626
|
|
|
1626
1627
|
.ft-chip--dense {
|
|
1627
1628
|
--ft-chip-internal-icon-padding: 3px;
|
|
1628
|
-
--ft-chip-internal-vertical-padding: ${
|
|
1629
|
-
--ft-chip-internal-horizontal-padding: ${
|
|
1629
|
+
--ft-chip-internal-vertical-padding: ${cr};
|
|
1630
|
+
--ft-chip-internal-horizontal-padding: ${sr};
|
|
1630
1631
|
--ft-chip-internal-line-height: max(16px, calc(var(--ft-chip-internal-font-size) + 2px));
|
|
1631
1632
|
}
|
|
1632
1633
|
|
|
@@ -1638,15 +1639,15 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1638
1639
|
cursor: default;
|
|
1639
1640
|
pointer-events: none;
|
|
1640
1641
|
filter: grayscale(1);
|
|
1641
|
-
opacity: ${
|
|
1642
|
+
opacity: ${ar.opacityDisabled};
|
|
1642
1643
|
}
|
|
1643
1644
|
|
|
1644
1645
|
.ft-chip--highlighted {
|
|
1645
1646
|
border: none;
|
|
1646
1647
|
padding: var(--ft-chip-internal-vertical-padding) var(--ft-chip-internal-horizontal-padding);
|
|
1647
|
-
background-color: ${
|
|
1648
|
-
${e.setVariable(de.color,
|
|
1649
|
-
color: ${
|
|
1648
|
+
background-color: ${lr.backgroundColor};
|
|
1649
|
+
${e.setVariable(de.color,lr.rippleColor)};
|
|
1650
|
+
color: ${lr.color};
|
|
1650
1651
|
}
|
|
1651
1652
|
|
|
1652
1653
|
.ft-chip--clickable {
|
|
@@ -1676,7 +1677,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1676
1677
|
}
|
|
1677
1678
|
|
|
1678
1679
|
.ft-chip--icon-button {
|
|
1679
|
-
${e.setVariable(ke.iconSize,
|
|
1680
|
+
${e.setVariable(ke.iconSize,ar.iconSize)};
|
|
1680
1681
|
${e.setVariable(ke.horizontalPadding,"var(--ft-chip-internal-icon-padding)")};
|
|
1681
1682
|
${e.setVariable(ke.verticalPadding,"var(--ft-chip-internal-icon-padding)")};
|
|
1682
1683
|
margin: calc((-1) * var(--ft-chip-internal-icon-padding));
|
|
@@ -1723,7 +1724,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1723
1724
|
.ft-chip:not(.ft-chip--trailing-icon) .ft-chip--icon-button {
|
|
1724
1725
|
order: -1;
|
|
1725
1726
|
}
|
|
1726
|
-
`];var
|
|
1727
|
+
`];var fr=function(t,e,o,i){for(var r,a=arguments.length,n=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(n=(a<3?r(n):a>3?r(e,o,n):r(e,o))||n);return a>3&&n&&Object.defineProperty(e,o,n),n};class hr extends CustomEvent{constructor(){super("icon-click")}}class dr extends e.FtLitElement{constructor(){super(...arguments),this.highlighted=!1,this.removable=!1,this.disabled=!1,this.clickable=!1,this.iconClickable=!1,this.dense=!1,this.multiLine=!1,this.label="",this.iconLabel="",this.icon=void 0,this.trailingIcon=!1}render(){const t={"ft-chip":!0,"ft-chip--highlighted":this.highlighted,"ft-chip--disabled":this.disabled,"ft-chip--clickable":this.interactionsOnChip,"ft-chip--trailing-icon":this.trailingIcon||this.removable,"ft-chip--no-content":!this.hasTextContent(),"ft-chip--dense":this.dense,"ft-chip--multi-line":this.multiLine,"ft-chip--safari-fix":e.isSafari};return o.html`
|
|
1727
1728
|
<div class="${a.classMap(t)}"
|
|
1728
1729
|
aria-label="${this.getLabel()}"
|
|
1729
1730
|
tabindex="${this.interactionsOnChip?0:-1}"
|
|
@@ -1746,25 +1747,25 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1746
1747
|
<div class="ft-chip--icon-container ft-no-text-select">
|
|
1747
1748
|
<ft-icon .variant=${this.iconVariant} .value="${this.internalIcon}"></ft-icon>
|
|
1748
1749
|
</div>
|
|
1749
|
-
`}onKeyUp(t){this.interactionsOnChip&&["Enter"," "].includes(t.key)&&t.target.click()}onIconKeyUp(t){this.interactionsOnIcon&&["Enter"," "].includes(t.key)&&(t.stopPropagation(),this.dispatchEvent(new
|
|
1750
|
+
`}onKeyUp(t){this.interactionsOnChip&&["Enter"," "].includes(t.key)&&t.target.click()}onIconKeyUp(t){this.interactionsOnIcon&&["Enter"," "].includes(t.key)&&(t.stopPropagation(),this.dispatchEvent(new hr))}onIconClick(t){this.interactionsOnIcon&&(t.stopPropagation(),this.dispatchEvent(new hr))}getLabel(){return this.label||this.textContent}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}get internalIcon(){return this.icon||(this.removable?"close":void 0)}}dr.elementDefinitions={"ft-ripple":Ze,"ft-typography":se,"ft-icon":qo,"ft-button":ti},dr.styles=pr,fr([i.property({type:Boolean})],dr.prototype,"highlighted",void 0),fr([i.property({type:Boolean})],dr.prototype,"removable",void 0),fr([i.property({type:Boolean})],dr.prototype,"disabled",void 0),fr([i.property({type:Boolean})],dr.prototype,"clickable",void 0),fr([i.property({type:Boolean})],dr.prototype,"iconClickable",void 0),fr([i.property({type:Boolean})],dr.prototype,"dense",void 0),fr([i.property({type:Boolean})],dr.prototype,"multiLine",void 0),fr([i.property()],dr.prototype,"label",void 0),fr([i.property()],dr.prototype,"iconLabel",void 0),fr([i.property()],dr.prototype,"icon",void 0),fr([i.property()],dr.prototype,"iconVariant",void 0),fr([i.property({type:Boolean})],dr.prototype,"trailingIcon",void 0),fr([i.query("ft-typography slot")],dr.prototype,"slottedContent",void 0),e.customElement("ft-chip")(dr);const ur={fontSize:e.FtCssVariableFactory.create("--ft-input-label-font-size","","SIZE","14px"),raisedFontSize:e.FtCssVariableFactory.create("--ft-input-label-raised-font-size","","SIZE","11px"),raisedZIndex:e.FtCssVariableFactory.create("--ft-input-label-outlined-raised-z-index","","NUMBER","2"),verticalSpacing:e.FtCssVariableFactory.create("--ft-input-label-vertical-spacing","","SIZE","4px"),horizontalSpacing:e.FtCssVariableFactory.create("--ft-input-label-horizontal-spacing","","SIZE","12px"),labelMaxWidth:e.FtCssVariableFactory.create("--ft-input-label-max-width","","SIZE","100%"),borderColor:e.FtCssVariableFactory.extend("--ft-input-label-border-color","",e.designSystemVariables.colorOutline),textColor:e.FtCssVariableFactory.extend("--ft-input-label-text-color","",e.designSystemVariables.colorOnSurfaceMedium),disabledTextColor:e.FtCssVariableFactory.extend("--ft-input-label-disabled-text-color","",e.designSystemVariables.colorOnSurfaceDisabled),colorSurface:e.FtCssVariableFactory.external(e.designSystemVariables.colorSurface,"Design system"),borderRadiusS:e.FtCssVariableFactory.external(e.designSystemVariables.borderRadiusS,"Design system"),colorError:e.FtCssVariableFactory.external(e.designSystemVariables.colorError,"Design system")},br=o.css`
|
|
1750
1751
|
.ft-input-label {
|
|
1751
1752
|
position: absolute;
|
|
1752
1753
|
inset: 0;
|
|
1753
1754
|
display: flex;
|
|
1754
|
-
background-color: ${
|
|
1755
|
-
border-radius: ${
|
|
1755
|
+
background-color: ${ur.colorSurface};
|
|
1756
|
+
border-radius: ${ur.borderRadiusS} ${ur.borderRadiusS} 0 0;
|
|
1756
1757
|
}
|
|
1757
1758
|
|
|
1758
1759
|
.ft-input-label--outlined {
|
|
1759
|
-
border-radius: ${
|
|
1760
|
+
border-radius: ${ur.borderRadiusS};
|
|
1760
1761
|
}
|
|
1761
1762
|
|
|
1762
1763
|
.ft-input-label {
|
|
1763
|
-
border-color: ${
|
|
1764
|
+
border-color: ${ur.borderColor};
|
|
1764
1765
|
}
|
|
1765
1766
|
|
|
1766
1767
|
.ft-input-label.ft-input-label--in-error {
|
|
1767
|
-
border-color: ${
|
|
1768
|
+
border-color: ${ur.colorError}
|
|
1768
1769
|
}
|
|
1769
1770
|
|
|
1770
1771
|
.ft-input-label:before,
|
|
@@ -1777,7 +1778,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1777
1778
|
}
|
|
1778
1779
|
|
|
1779
1780
|
.ft-input-label:before {
|
|
1780
|
-
width: calc(${
|
|
1781
|
+
width: calc(${ur.horizontalSpacing} - 4px);
|
|
1781
1782
|
flex-shrink: 0;
|
|
1782
1783
|
}
|
|
1783
1784
|
|
|
@@ -1793,20 +1794,20 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1793
1794
|
border-bottom-width: 1px;
|
|
1794
1795
|
border-bottom-style: solid;
|
|
1795
1796
|
border-color: inherit;
|
|
1796
|
-
color: ${
|
|
1797
|
+
color: ${ur.textColor};
|
|
1797
1798
|
transition: font-size 250ms, line-height 250ms, color 250ms;
|
|
1798
|
-
max-width: calc(${
|
|
1799
|
+
max-width: calc(${ur.labelMaxWidth} - 2 * (${ur.horizontalSpacing} - 4px)); /* -2px on spacing for label padding */
|
|
1799
1800
|
text-overflow: ellipsis;
|
|
1800
|
-
${e.setVariable(Zt.fontSize,
|
|
1801
|
-
${e.setVariable(Zt.lineHeight,
|
|
1801
|
+
${e.setVariable(Zt.fontSize,ur.fontSize)};
|
|
1802
|
+
${e.setVariable(Zt.lineHeight,ur.fontSize)};
|
|
1802
1803
|
}
|
|
1803
1804
|
|
|
1804
1805
|
.ft-input-label--in-error .ft-input-label--text {
|
|
1805
|
-
color: ${
|
|
1806
|
+
color: ${ur.colorError}
|
|
1806
1807
|
}
|
|
1807
1808
|
|
|
1808
1809
|
.ft-input-label--disabled .ft-input-label--text {
|
|
1809
|
-
color: ${
|
|
1810
|
+
color: ${ur.disabledTextColor};
|
|
1810
1811
|
}
|
|
1811
1812
|
|
|
1812
1813
|
.ft-input-label--hidden-text {
|
|
@@ -1823,19 +1824,19 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1823
1824
|
overflow: hidden;
|
|
1824
1825
|
white-space: nowrap;
|
|
1825
1826
|
text-overflow: ellipsis;
|
|
1826
|
-
padding: ${
|
|
1827
|
-
margin: calc(${
|
|
1827
|
+
padding: ${ur.verticalSpacing} 4px;
|
|
1828
|
+
margin: calc(${ur.verticalSpacing} * -1) 0;
|
|
1828
1829
|
max-width: 100%;
|
|
1829
1830
|
box-sizing: border-box;
|
|
1830
1831
|
}
|
|
1831
1832
|
|
|
1832
1833
|
.ft-input-label--raised .ft-input-label--text {
|
|
1833
|
-
${e.setVariable(Zt.fontSize,
|
|
1834
|
-
${e.setVariable(Zt.lineHeight,
|
|
1834
|
+
${e.setVariable(Zt.fontSize,ur.raisedFontSize)};
|
|
1835
|
+
${e.setVariable(Zt.lineHeight,ur.raisedFontSize)};
|
|
1835
1836
|
}
|
|
1836
1837
|
|
|
1837
1838
|
.ft-input-label--raised .ft-input-label--floating-text {
|
|
1838
|
-
top: ${
|
|
1839
|
+
top: ${ur.verticalSpacing};
|
|
1839
1840
|
}
|
|
1840
1841
|
|
|
1841
1842
|
.ft-input-label--outlined .ft-input-label--text,
|
|
@@ -1848,27 +1849,27 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1848
1849
|
.ft-input-label--outlined:before {
|
|
1849
1850
|
border-left-width: 1px;
|
|
1850
1851
|
border-left-style: solid;
|
|
1851
|
-
border-radius: ${
|
|
1852
|
+
border-radius: ${ur.borderRadiusS} 0 0 ${ur.borderRadiusS};
|
|
1852
1853
|
}
|
|
1853
1854
|
|
|
1854
1855
|
.ft-input-label--outlined:after {
|
|
1855
1856
|
border-right-width: 1px;
|
|
1856
1857
|
border-right-style: solid;
|
|
1857
|
-
border-radius: 0 ${
|
|
1858
|
+
border-radius: 0 ${ur.borderRadiusS} ${ur.borderRadiusS} 0;
|
|
1858
1859
|
}
|
|
1859
1860
|
|
|
1860
1861
|
.ft-input-label--outlined.ft-input-label--raised .ft-input-label--floating-text {
|
|
1861
1862
|
padding: 2px 4px;
|
|
1862
|
-
z-index: ${
|
|
1863
|
-
background-color: ${
|
|
1864
|
-
border-radius: ${
|
|
1863
|
+
z-index: ${ur.raisedZIndex};
|
|
1864
|
+
background-color: ${ur.colorSurface};
|
|
1865
|
+
border-radius: ${ur.borderRadiusS};
|
|
1865
1866
|
top: calc((var(--ft-typography-caption-line-height) / -2) + 2px);
|
|
1866
1867
|
}
|
|
1867
1868
|
|
|
1868
1869
|
.ft-input-label--outlined.ft-input-label--raised .ft-input-label--text {
|
|
1869
1870
|
border-top: none;
|
|
1870
1871
|
}
|
|
1871
|
-
`;var
|
|
1872
|
+
`;var gr=function(t,e,o,i){for(var r,a=arguments.length,n=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(n=(a<3?r(n):a>3?r(e,o,n):r(e,o))||n);return a>3&&n&&Object.defineProperty(e,o,n),n};class yr extends e.FtLitElement{constructor(){super(...arguments),this.text="",this.raised=!1,this.outlined=!1,this.disabled=!1,this.error=!1}render(){const t={"ft-input-label":!0,"ft-input-label--raised":this.raised,"ft-input-label--outlined":this.outlined,"ft-input-label--disabled":this.disabled,"ft-input-label--in-error":this.error};return o.html`
|
|
1872
1873
|
<div class="${a.classMap(t)}">
|
|
1873
1874
|
${this.text?o.html`
|
|
1874
1875
|
<div class="ft-input-label--text ft-typography--caption">
|
|
@@ -1877,7 +1878,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1877
1878
|
</div>
|
|
1878
1879
|
`:null}
|
|
1879
1880
|
</div>
|
|
1880
|
-
`}}
|
|
1881
|
+
`}}yr.elementDefinitions={},yr.styles=[ee,br],gr([i.property({type:String})],yr.prototype,"text",void 0),gr([i.property({type:Boolean})],yr.prototype,"raised",void 0),gr([i.property({type:Boolean})],yr.prototype,"outlined",void 0),gr([i.property({type:Boolean})],yr.prototype,"disabled",void 0),gr([i.property({type:Boolean})],yr.prototype,"error",void 0),e.customElement("ft-input-label")(yr);const mr={labelSize:e.FtCssVariableFactory.create("--ft-select-label-size","","SIZE","11px"),selectedOptionSize:e.FtCssVariableFactory.create("--ft-select-selected-option-size","","SIZE","14px"),verticalSpacing:e.FtCssVariableFactory.create("--ft-select-vertical-spacing","","SIZE","4px"),horizontalSpacing:e.FtCssVariableFactory.create("--ft-select-horizontal-spacing","","SIZE","16px"),optionsHeight:e.FtCssVariableFactory.create("--ft-select-options-height","","SIZE","unset"),selectedOptionColor:e.FtCssVariableFactory.extend("--ft-select-selected-option-color","",e.designSystemVariables.colorOnSurface),helperColor:e.FtCssVariableFactory.extend("--ft-select-helper-color","",e.designSystemVariables.colorOnSurfaceMedium),optionsColor:e.FtCssVariableFactory.extend("--ft-select-options-color","",e.designSystemVariables.colorOnSurface),optionsZIndex:e.FtCssVariableFactory.create("--ft-select-options-z-index","","NUMBER","3"),colorSurface:e.FtCssVariableFactory.external(e.designSystemVariables.colorSurface,"Design system"),colorOnSurfaceDisabled:e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceDisabled,"Design system"),colorPrimary:e.FtCssVariableFactory.external(e.designSystemVariables.colorPrimary,"Design system"),borderRadiusS:e.FtCssVariableFactory.external(e.designSystemVariables.borderRadiusS,"Design system"),elevation02:e.FtCssVariableFactory.external(e.designSystemVariables.elevation02,"Design system"),colorError:e.FtCssVariableFactory.external(e.designSystemVariables.colorError,"Design system")},xr=o.css`
|
|
1881
1882
|
*:focus {
|
|
1882
1883
|
outline: none;
|
|
1883
1884
|
}
|
|
@@ -1891,7 +1892,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1891
1892
|
.ft-select--main-panel {
|
|
1892
1893
|
position: relative;
|
|
1893
1894
|
display: flex;
|
|
1894
|
-
height: calc(4 * ${
|
|
1895
|
+
height: calc(4 * ${mr.verticalSpacing} + ${mr.labelSize} + ${mr.selectedOptionSize});
|
|
1895
1896
|
}
|
|
1896
1897
|
|
|
1897
1898
|
.ft-select--input-panel {
|
|
@@ -1900,11 +1901,11 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1900
1901
|
display: flex;
|
|
1901
1902
|
align-items: center;
|
|
1902
1903
|
overflow: hidden;
|
|
1903
|
-
padding-left: ${
|
|
1904
|
-
padding-right: ${
|
|
1904
|
+
padding-left: ${mr.horizontalSpacing};
|
|
1905
|
+
padding-right: ${mr.horizontalSpacing};
|
|
1905
1906
|
gap: 8px;
|
|
1906
|
-
color: ${
|
|
1907
|
-
${e.setVariable(de.color,
|
|
1907
|
+
color: ${mr.selectedOptionColor};
|
|
1908
|
+
${e.setVariable(de.color,mr.selectedOptionColor)};
|
|
1908
1909
|
}
|
|
1909
1910
|
|
|
1910
1911
|
.ft-select--input-panel,
|
|
@@ -1920,7 +1921,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1920
1921
|
|
|
1921
1922
|
.ft-select--disabled .ft-select--input-panel,
|
|
1922
1923
|
.ft-select--disabled .ft-select--option {
|
|
1923
|
-
color: ${
|
|
1924
|
+
color: ${mr.colorOnSurfaceDisabled};
|
|
1924
1925
|
}
|
|
1925
1926
|
|
|
1926
1927
|
.ft-select:not(.ft-select--disabled) .ft-select--input-panel,
|
|
@@ -1929,20 +1930,20 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1929
1930
|
}
|
|
1930
1931
|
|
|
1931
1932
|
ft-input-label {
|
|
1932
|
-
${e.setVariable(
|
|
1933
|
-
${e.setVariable(
|
|
1934
|
-
${e.setVariable(
|
|
1935
|
-
${e.setVariable(
|
|
1936
|
-
${e.setVariable(
|
|
1933
|
+
${e.setVariable(ur.fontSize,mr.selectedOptionSize)};
|
|
1934
|
+
${e.setVariable(ur.raisedFontSize,mr.labelSize)};
|
|
1935
|
+
${e.setVariable(ur.verticalSpacing,mr.verticalSpacing)};
|
|
1936
|
+
${e.setVariable(ur.horizontalSpacing,mr.horizontalSpacing)};
|
|
1937
|
+
${e.setVariable(ur.labelMaxWidth,`calc(100% - ${Oe.size} - 8px)`)};
|
|
1937
1938
|
}
|
|
1938
1939
|
|
|
1939
1940
|
.ft-select:not(.ft-select--disabled):focus-within ft-icon {
|
|
1940
|
-
color: ${
|
|
1941
|
+
color: ${mr.colorPrimary};
|
|
1941
1942
|
}
|
|
1942
1943
|
|
|
1943
1944
|
.ft-select:not(.ft-select--disabled):focus-within ft-input-label {
|
|
1944
|
-
${e.setVariable(
|
|
1945
|
-
${e.setVariable(
|
|
1945
|
+
${e.setVariable(ur.borderColor,mr.colorPrimary)};
|
|
1946
|
+
${e.setVariable(ur.textColor,mr.colorPrimary)};
|
|
1946
1947
|
}
|
|
1947
1948
|
|
|
1948
1949
|
.ft-select--selected-option {
|
|
@@ -1952,12 +1953,12 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1952
1953
|
overflow: hidden;
|
|
1953
1954
|
white-space: nowrap;
|
|
1954
1955
|
text-overflow: ellipsis;
|
|
1955
|
-
${e.setVariable(Rt.fontSize,
|
|
1956
|
-
${e.setVariable(Rt.lineHeight,
|
|
1956
|
+
${e.setVariable(Rt.fontSize,mr.selectedOptionSize)};
|
|
1957
|
+
${e.setVariable(Rt.lineHeight,mr.selectedOptionSize)};
|
|
1957
1958
|
}
|
|
1958
1959
|
|
|
1959
1960
|
.ft-select--in-error .ft-select--selected-option {
|
|
1960
|
-
color: ${
|
|
1961
|
+
color: ${mr.colorError};
|
|
1961
1962
|
}
|
|
1962
1963
|
|
|
1963
1964
|
ft-icon {
|
|
@@ -1969,45 +1970,41 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1969
1970
|
}
|
|
1970
1971
|
|
|
1971
1972
|
.ft-select--filled .ft-select--input-panel {
|
|
1972
|
-
border-radius: ${
|
|
1973
|
+
border-radius: ${mr.borderRadiusS} ${mr.borderRadiusS} 0 0;
|
|
1973
1974
|
}
|
|
1974
1975
|
|
|
1975
1976
|
.ft-select--filled:not(.ft-select--no-label) .ft-select--selected-option {
|
|
1976
1977
|
align-self: stretch;
|
|
1977
|
-
padding-top: calc(${
|
|
1978
|
+
padding-top: calc(${mr.labelSize} + 2 * ${mr.verticalSpacing});
|
|
1978
1979
|
}
|
|
1979
1980
|
|
|
1980
1981
|
.ft-select--outlined .ft-select--input-panel {
|
|
1981
|
-
border-radius: ${
|
|
1982
|
+
border-radius: ${mr.borderRadiusS};
|
|
1982
1983
|
}
|
|
1983
1984
|
|
|
1984
1985
|
.ft-select--options {
|
|
1985
1986
|
display: none;
|
|
1986
1987
|
position: absolute;
|
|
1987
1988
|
top: 100%;
|
|
1988
|
-
|
|
1989
|
-
|
|
1990
|
-
|
|
1991
|
-
|
|
1992
|
-
z-index: ${gr.optionsZIndex};
|
|
1993
|
-
box-shadow: ${gr.elevation02};
|
|
1989
|
+
color: ${mr.optionsColor};
|
|
1990
|
+
background: ${mr.colorSurface};
|
|
1991
|
+
z-index: ${mr.optionsZIndex};
|
|
1992
|
+
box-shadow: ${mr.elevation02};
|
|
1994
1993
|
}
|
|
1995
1994
|
|
|
1996
1995
|
.ft-select--fixed .ft-select--options {
|
|
1997
1996
|
position: fixed;
|
|
1998
|
-
right: unset;
|
|
1999
|
-
/* left and top are set dynamically */
|
|
2000
1997
|
}
|
|
2001
1998
|
|
|
2002
1999
|
.ft-select--options-displayed .ft-select--options {
|
|
2003
2000
|
display: block;
|
|
2004
|
-
max-height: ${
|
|
2001
|
+
max-height: ${mr.optionsHeight};
|
|
2005
2002
|
overflow-y: auto;
|
|
2006
2003
|
}
|
|
2007
2004
|
|
|
2008
2005
|
.ft-select--option {
|
|
2009
2006
|
position: relative;
|
|
2010
|
-
padding: 4px ${
|
|
2007
|
+
padding: 4px ${mr.horizontalSpacing};
|
|
2011
2008
|
min-height: 32px;
|
|
2012
2009
|
display: flex;
|
|
2013
2010
|
align-items: center;
|
|
@@ -2019,14 +2016,14 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2019
2016
|
}
|
|
2020
2017
|
|
|
2021
2018
|
.ft-select--helper-text {
|
|
2022
|
-
padding: 0 ${
|
|
2023
|
-
color: ${
|
|
2019
|
+
padding: 0 ${mr.horizontalSpacing};
|
|
2020
|
+
color: ${mr.helperColor};
|
|
2024
2021
|
}
|
|
2025
2022
|
|
|
2026
2023
|
.ft-select--in-error .ft-select--helper-text {
|
|
2027
|
-
color: ${
|
|
2024
|
+
color: ${mr.colorError};
|
|
2028
2025
|
}
|
|
2029
|
-
`;var
|
|
2026
|
+
`;var vr=function(t,e,o,i){for(var r,a=arguments.length,n=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(n=(a<3?r(n):a>3?r(e,o,n):r(e,o))||n);return a>3&&n&&Object.defineProperty(e,o,n),n};class $r extends e.FtLitElement{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1}render(){return o.html``}update(t){super.update(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}}$r.elementDefinitions={},vr([i.property({type:String})],$r.prototype,"label",void 0),vr([i.property({type:Object,converter:t=>t})],$r.prototype,"value",void 0),vr([i.property({type:Boolean,reflect:!0})],$r.prototype,"selected",void 0);class wr extends e.FtLitElement{constructor(){super(...arguments),this.label="",this.helper="",this.outlined=!1,this.disabled=!1,this.error=!1,this.fixedMenuPosition=!1,this.options=[],this.optionsDisplayed=!1,this.focusOptions=!1,this.hideOptions=t=>this.optionsDisplayed=this.optionsDisplayed&&t.composedPath().includes(this.container)}render(){var t,e,i,n,l;let s=this.hasOptionsMenuOpen,c=this.disabled||!this.hasOptions;const p=null!=(null===(t=this.selectedOption)||void 0===t?void 0:t.value)||(null!==(i=null===(e=this.selectedOption)||void 0===e?void 0:e.label)&&void 0!==i?i:"").length>0,f={"ft-select":!0,"ft-select--filled":!this.outlined,"ft-select--outlined":this.outlined,"ft-select--disabled":c,"ft-select--options-displayed":s,"ft-select--has-option-selected":p,"ft-select--no-label":!this.label,"ft-select--fixed":this.fixedMenuPosition,"ft-select--in-error":this.error};return o.html`
|
|
2030
2027
|
<div class="${a.classMap(f)}" part="container">
|
|
2031
2028
|
<div class="ft-select--main-panel" part="main-panel">
|
|
2032
2029
|
<ft-input-label text="${this.label}"
|
|
@@ -2074,34 +2071,34 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2074
2071
|
<ft-ripple ?primary=${e} ?activated=${e}></ft-ripple>
|
|
2075
2072
|
<span>${t.label}</span>
|
|
2076
2073
|
</div>
|
|
2077
|
-
`}update(t){super.update(t),t.has("options")&&(this.selectedOption=this.options.filter((t=>t.selected))[0]),t.has("selectedOption")&&(this.optionsDisplayed=!1)
|
|
2074
|
+
`}update(t){super.update(t),t.has("options")&&(this.selectedOption=this.options.filter((t=>t.selected))[0]),t.has("selectedOption")&&(this.optionsDisplayed=!1)}contentAvailableCallback(t){var e,o;super.contentAvailableCallback(t),t.has("focusOptions")&&this.focusOptions&&(null===(o=null!==(e=this.selectedOptionElement)&&void 0!==e?e:this.firstOption)||void 0===o||o.focus(),this.focusOptions=!1),t.has("optionsDisplayed")&&this.hasOptionsMenuOpen&&(this.optionsMenu.style.width=this.mainPanel.getBoundingClientRect().width+"px",Ao(this.mainPanel,this.optionsMenu,"bottom").then((({x:t,y:e})=>{this.optionsMenu.style.left=`${t}px`,this.optionsMenu.style.top=`${e}px`})))}get hasOptionsMenuOpen(){return!this.disabled&&this.optionsDisplayed&&this.hasOptions}get hasOptions(){return this.options.length>0}updateOptionsFromSlot(t){var e;t.stopPropagation();let o=null===(e=this.optionsSlot)||void 0===e?void 0:e.assignedElements().map((t=>t));o&&o.length>0&&(this.options=o)}onMainPanelKeyDown(t){switch(t.key){case" ":t.preventDefault(),t.stopPropagation();case"Enter":this.optionsDisplayed=!this.optionsDisplayed,this.focusOptions=!0;break;case"ArrowUp":case"ArrowDown":t.preventDefault(),t.stopPropagation(),this.optionsDisplayed=!0,this.focusOptions=!0}}onOptionsKeyDown(t){var e,o,i,r,a;let n;switch(t.key){case"Escape":this.optionsDisplayed=!1,null===(e=this.mainPanel)||void 0===e||e.focus();break;case"Tab":this.optionsDisplayed=!1;break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),n=null!==(i=null===(o=this.focusedOption)||void 0===o?void 0:o.previousElementSibling)&&void 0!==i?i:this.lastOption;break;case"ArrowDown":t.preventDefault(),t.stopPropagation(),n=null!==(a=null===(r=this.focusedOption)||void 0===r?void 0:r.nextElementSibling)&&void 0!==a?a:this.firstOption}null==n||n.focus()}onOptionKeyDown(t,e){var o;"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),t.stopPropagation(),this.selectOption(e),this.optionsDisplayed=!1,null===(o=this.mainPanel)||void 0===o||o.focus())}selectOption(t){var o,i;if(!e.deepEqual(null===(o=this.selectedOption)||void 0===o?void 0:o.value,t.value)){this.selectedOption=t;for(let e of this.options)e.selected=e===t;this.dispatchEvent(new CustomEvent("change",{detail:null===(i=this.selectedOption)||void 0===i?void 0:i.value}))}this.optionsDisplayed=!1}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.hideOptions)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.hideOptions)}}wr.elementDefinitions={"ft-input-label":yr,"ft-typography":se,"ft-ripple":Ze,"ft-icon":qo},wr.styles=[te,ee,xr],vr([i.property({type:String})],wr.prototype,"label",void 0),vr([i.property({type:String})],wr.prototype,"helper",void 0),vr([i.property({type:Boolean})],wr.prototype,"outlined",void 0),vr([i.property({type:Boolean})],wr.prototype,"disabled",void 0),vr([i.property({type:Boolean})],wr.prototype,"error",void 0),vr([i.property({type:Boolean})],wr.prototype,"fixedMenuPosition",void 0),vr([i.property({type:Array})],wr.prototype,"options",void 0),vr([i.state()],wr.prototype,"selectedOption",void 0),vr([i.state()],wr.prototype,"optionsDisplayed",void 0),vr([i.state()],wr.prototype,"focusOptions",void 0),vr([i.query(".ft-select")],wr.prototype,"container",void 0),vr([i.query(".ft-select--options")],wr.prototype,"optionsMenu",void 0),vr([i.query(".ft-select--input-panel")],wr.prototype,"mainPanel",void 0),vr([i.query(".ft-select--option:first-child")],wr.prototype,"firstOption",void 0),vr([i.query(".ft-select--option:focus")],wr.prototype,"focusedOption",void 0),vr([i.query(".ft-select--option.ft-select--option-selected")],wr.prototype,"selectedOptionElement",void 0),vr([i.query(".ft-select--option:last-child")],wr.prototype,"lastOption",void 0),vr([i.query("slot")],wr.prototype,"optionsSlot",void 0),e.customElement("ft-select")(wr),e.customElement("ft-select-option")($r);const Or={display:e.FtCssVariableFactory.create("--ft-skeleton--display","","DISPLAY","block"),width:e.FtCssVariableFactory.create("--ft-skeleton--width","","SIZE","100%"),height:e.FtCssVariableFactory.create("--ft-skeleton--height","","SIZE","20px"),backgroundColor:e.FtCssVariableFactory.create("--ft-skeleton--background-color","","COLOR","#f1f1f1"),glareWidth:e.FtCssVariableFactory.create("--ft-skeleton--glare-width","","SIZE","200px"),glareColor:e.FtCssVariableFactory.create("--ft-skeleton--glare-color","","COLOR","rgba(255, 255, 255, .6)"),animationDuration:e.FtCssVariableFactory.create("--ft-skeleton--animation-duration","","UNKNOWN","2s"),borderRadiusM:e.FtCssVariableFactory.external(e.designSystemVariables.borderRadiusM,"Design system")},Sr=o.css`
|
|
2078
2075
|
:host {
|
|
2079
|
-
width: ${
|
|
2080
|
-
height: ${
|
|
2081
|
-
display: ${
|
|
2076
|
+
width: ${Or.width};
|
|
2077
|
+
height: ${Or.height};
|
|
2078
|
+
display: ${Or.display};
|
|
2082
2079
|
overflow: hidden;
|
|
2083
|
-
border-radius: ${
|
|
2080
|
+
border-radius: ${Or.borderRadiusM};
|
|
2084
2081
|
background: linear-gradient(
|
|
2085
2082
|
90deg,
|
|
2086
2083
|
transparent,
|
|
2087
|
-
${
|
|
2088
|
-
${
|
|
2089
|
-
transparent ${
|
|
2090
|
-
), ${
|
|
2084
|
+
${Or.glareColor} calc(0.45 * ${Or.glareWidth}),
|
|
2085
|
+
${Or.glareColor} calc(0.55 * ${Or.glareWidth}),
|
|
2086
|
+
transparent ${Or.glareWidth}
|
|
2087
|
+
), ${Or.backgroundColor};
|
|
2091
2088
|
background-repeat: repeat-y;
|
|
2092
2089
|
background-size: 100vw 100vh;
|
|
2093
2090
|
background-attachment: fixed;
|
|
2094
|
-
background-position: calc(${
|
|
2095
|
-
animation: shine ${
|
|
2091
|
+
background-position: calc(${Or.glareWidth} * -1) 0;
|
|
2092
|
+
animation: shine ${Or.animationDuration} infinite;
|
|
2096
2093
|
animation-timing-function: linear;
|
|
2097
2094
|
}
|
|
2098
2095
|
|
|
2099
2096
|
@keyframes shine {
|
|
2100
2097
|
to {
|
|
2101
|
-
background-position: calc(100vw + ${
|
|
2098
|
+
background-position: calc(100vw + ${Or.glareWidth}) 0, calc(${Or.glareWidth} * -1) 0;
|
|
2102
2099
|
}
|
|
2103
2100
|
}
|
|
2104
|
-
`,
|
|
2101
|
+
`,Nr={height:e.FtCssVariableFactory.create("--ft-search-bar-height","","SIZE","38px"),borderRadius:e.FtCssVariableFactory.extend("--ft-search-bar-border-radius","",e.designSystemVariables.borderRadiusS),mobileOpenPosition:e.FtCssVariableFactory.create("--ft-search-bar-mobile-open-position","","POSITION","fixed"),mobileOpenTop:e.FtCssVariableFactory.create("--ft-search-bar-mobile-open-top","","SIZE","0"),mobileOpenBottom:e.FtCssVariableFactory.create("--ft-search-bar-mobile-open-bottom","","SIZE","0"),mobileOpenLeft:e.FtCssVariableFactory.create("--ft-search-bar-mobile-open-left","","SIZE","0"),mobileOpenRight:e.FtCssVariableFactory.create("--ft-search-bar-mobile-open-right","","SIZE","0"),desktopFiltersHeight:e.FtCssVariableFactory.create("--ft-search-bar-desktop-filters-height","","SIZE","350px"),floatingZIndex:e.FtCssVariableFactory.create("--ft-search-bar-floating-components-z-index","","NUMBER","3"),colorSurface:e.FtCssVariableFactory.external(e.designSystemVariables.colorSurface,"Design system"),colorOnSurface:e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurface,"Design system"),colorOnSurfaceMedium:e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceMedium,"Design system"),colorOutline:e.FtCssVariableFactory.external(e.designSystemVariables.colorOutline,"Design system"),colorPrimary:e.FtCssVariableFactory.external(e.designSystemVariables.colorPrimary,"Design system"),elevation02:e.FtCssVariableFactory.external(e.designSystemVariables.elevation02,"Design system"),buttonColor:e.FtCssVariableFactory.external(ke.color,"Button"),buttonRippleColor:e.FtCssVariableFactory.external(ke.rippleColor,"Button")},kr=o.css`
|
|
2105
2102
|
* {
|
|
2106
2103
|
box-sizing: border-box;
|
|
2107
2104
|
}
|
|
@@ -2110,7 +2107,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2110
2107
|
display: flex;
|
|
2111
2108
|
flex-direction: column;
|
|
2112
2109
|
gap: 8px;
|
|
2113
|
-
color: ${
|
|
2110
|
+
color: ${Nr.colorOnSurface};
|
|
2114
2111
|
outline: none;
|
|
2115
2112
|
}
|
|
2116
2113
|
|
|
@@ -2119,21 +2116,21 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2119
2116
|
}
|
|
2120
2117
|
|
|
2121
2118
|
.ft-search-bar--mobile-menu-open {
|
|
2122
|
-
position: ${
|
|
2123
|
-
top: ${
|
|
2124
|
-
bottom: ${
|
|
2125
|
-
left: ${
|
|
2126
|
-
right: ${
|
|
2127
|
-
z-index: ${
|
|
2119
|
+
position: ${Nr.mobileOpenPosition};
|
|
2120
|
+
top: ${Nr.mobileOpenTop};
|
|
2121
|
+
bottom: ${Nr.mobileOpenBottom};
|
|
2122
|
+
left: ${Nr.mobileOpenLeft};
|
|
2123
|
+
right: ${Nr.mobileOpenRight};
|
|
2124
|
+
z-index: ${Nr.floatingZIndex};
|
|
2128
2125
|
padding: 16px;
|
|
2129
2126
|
}
|
|
2130
2127
|
|
|
2131
2128
|
.ft-search-bar--mobile-menu-open:not(.ft-search-bar--forced-open) {
|
|
2132
|
-
background: ${
|
|
2129
|
+
background: ${Nr.colorSurface};
|
|
2133
2130
|
}
|
|
2134
2131
|
|
|
2135
2132
|
.ft-search-bar--mobile-menu-open.ft-search-bar--forced-open {
|
|
2136
|
-
position: ${
|
|
2133
|
+
position: ${Nr.mobileOpenPosition.get("static")};
|
|
2137
2134
|
}
|
|
2138
2135
|
|
|
2139
2136
|
.ft-search-bar {
|
|
@@ -2141,20 +2138,20 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2141
2138
|
display: flex;
|
|
2142
2139
|
flex-direction: row;
|
|
2143
2140
|
align-items: center;
|
|
2144
|
-
height: ${
|
|
2141
|
+
height: ${Nr.height};
|
|
2145
2142
|
|
|
2146
|
-
background: ${
|
|
2147
|
-
border: 1px solid ${
|
|
2148
|
-
border-radius: ${
|
|
2143
|
+
background: ${Nr.colorSurface};
|
|
2144
|
+
border: 1px solid ${Nr.colorOutline};
|
|
2145
|
+
border-radius: ${Nr.borderRadius};
|
|
2149
2146
|
}
|
|
2150
2147
|
|
|
2151
2148
|
.ft-search-bar--skeleton {
|
|
2152
|
-
${e.setVariable(
|
|
2153
|
-
${e.setVariable(
|
|
2149
|
+
${e.setVariable(Or.height,Nr.height)};
|
|
2150
|
+
${e.setVariable(Or.borderRadiusM,Nr.borderRadius)};
|
|
2154
2151
|
}
|
|
2155
2152
|
|
|
2156
2153
|
.ft-search-bar--floating-panel-open .ft-search-bar {
|
|
2157
|
-
border-radius: ${
|
|
2154
|
+
border-radius: ${Nr.borderRadius} ${Nr.borderRadius} 0 0;
|
|
2158
2155
|
}
|
|
2159
2156
|
|
|
2160
2157
|
.ft-search-bar--input-container {
|
|
@@ -2172,7 +2169,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2172
2169
|
align-self: stretch;
|
|
2173
2170
|
display: grid;
|
|
2174
2171
|
padding: 0 8px;
|
|
2175
|
-
border-radius: ${
|
|
2172
|
+
border-radius: ${Nr.borderRadius};
|
|
2176
2173
|
}
|
|
2177
2174
|
|
|
2178
2175
|
.ft-search-bar--dense .ft-search-bar--input-outline {
|
|
@@ -2181,7 +2178,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2181
2178
|
}
|
|
2182
2179
|
|
|
2183
2180
|
.ft-search-bar--input-container:focus-within .ft-search-bar--input-outline {
|
|
2184
|
-
outline: 2px solid ${
|
|
2181
|
+
outline: 2px solid ${Nr.colorPrimary};
|
|
2185
2182
|
}
|
|
2186
2183
|
|
|
2187
2184
|
.ft-search-bar--input {
|
|
@@ -2189,12 +2186,12 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2189
2186
|
flex-grow: 1;
|
|
2190
2187
|
border: none;
|
|
2191
2188
|
background-color: transparent;
|
|
2192
|
-
color: ${
|
|
2189
|
+
color: ${Nr.colorOnSurface};
|
|
2193
2190
|
outline: none;
|
|
2194
2191
|
}
|
|
2195
2192
|
|
|
2196
2193
|
.ft-search-bar--input::placeholder {
|
|
2197
|
-
color: ${
|
|
2194
|
+
color: ${Nr.colorOnSurfaceMedium};
|
|
2198
2195
|
}
|
|
2199
2196
|
|
|
2200
2197
|
.ft-search-bar--actions {
|
|
@@ -2204,7 +2201,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2204
2201
|
align-items: center;
|
|
2205
2202
|
height: 100%;
|
|
2206
2203
|
|
|
2207
|
-
${e.setVariable(Be.zIndex,`calc(${
|
|
2204
|
+
${e.setVariable(Be.zIndex,`calc(${Nr.floatingZIndex} + 1)`)};
|
|
2208
2205
|
}
|
|
2209
2206
|
|
|
2210
2207
|
.ft-search-bar > ft-button,
|
|
@@ -2214,8 +2211,8 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2214
2211
|
}
|
|
2215
2212
|
|
|
2216
2213
|
.ft-search-bar--left-action {
|
|
2217
|
-
${e.setVariable(ke.borderRadius,`calc(${
|
|
2218
|
-
border-right: 1px solid ${
|
|
2214
|
+
${e.setVariable(ke.borderRadius,`calc(${Nr.borderRadius} - 1px) 0 0 calc(${Nr.borderRadius} - 1px)`)};
|
|
2215
|
+
border-right: 1px solid ${Nr.colorOutline};
|
|
2219
2216
|
height: 100%;
|
|
2220
2217
|
}
|
|
2221
2218
|
|
|
@@ -2224,7 +2221,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2224
2221
|
}
|
|
2225
2222
|
|
|
2226
2223
|
.ft-search-bar--floating-panel-open .ft-search-bar--left-action {
|
|
2227
|
-
${e.setVariable(ke.borderRadius,`calc(${
|
|
2224
|
+
${e.setVariable(ke.borderRadius,`calc(${Nr.borderRadius} - 1px) 0 0 0`)};
|
|
2228
2225
|
}
|
|
2229
2226
|
|
|
2230
2227
|
.ft-search-bar .ft-search-bar--launch-search,
|
|
@@ -2234,13 +2231,13 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2234
2231
|
|
|
2235
2232
|
.ft-search-bar--separator {
|
|
2236
2233
|
height: 20px;
|
|
2237
|
-
border-right: 1px solid ${
|
|
2234
|
+
border-right: 1px solid ${Nr.colorOutline};
|
|
2238
2235
|
}
|
|
2239
2236
|
|
|
2240
2237
|
.ft-search-bar--left-action.ft-search-bar--content-locale {
|
|
2241
|
-
${e.setVariable(
|
|
2242
|
-
${e.setVariable(
|
|
2243
|
-
${e.setVariable(
|
|
2238
|
+
${e.setVariable(ur.borderColor,"transparent")};
|
|
2239
|
+
${e.setVariable(ur.borderRadiusS,`calc(${Nr.borderRadius} - 1px)`)};
|
|
2240
|
+
${e.setVariable(mr.selectedOptionColor,Nr.buttonColor)};
|
|
2244
2241
|
}
|
|
2245
2242
|
|
|
2246
2243
|
.ft-search-bar--left-action.ft-search-bar--content-locale,
|
|
@@ -2257,7 +2254,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2257
2254
|
}
|
|
2258
2255
|
|
|
2259
2256
|
.ft-search-bar--left-action.ft-search-bar--content-locale::part(selected-value) {
|
|
2260
|
-
border-radius: calc(${
|
|
2257
|
+
border-radius: calc(${Nr.borderRadius} - 1px) 0 0 calc(${Nr.borderRadius} - 1px);
|
|
2261
2258
|
}
|
|
2262
2259
|
|
|
2263
2260
|
[part="content-locale-selector"] {
|
|
@@ -2266,7 +2263,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2266
2263
|
flex-direction: column;
|
|
2267
2264
|
max-height: 100%;
|
|
2268
2265
|
max-width: 100%;
|
|
2269
|
-
color: ${
|
|
2266
|
+
color: ${Wi};
|
|
2270
2267
|
}
|
|
2271
2268
|
|
|
2272
2269
|
[part="content-locale-selector"] > ft-radio-group {
|
|
@@ -2296,14 +2293,14 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2296
2293
|
${e.setVariable(st.fontWeight,"bold")};
|
|
2297
2294
|
}
|
|
2298
2295
|
|
|
2299
|
-
`,
|
|
2296
|
+
`,Cr=o.css`
|
|
2300
2297
|
.ft-search-bar--presets {
|
|
2301
2298
|
min-width: 200px;
|
|
2302
2299
|
}
|
|
2303
2300
|
|
|
2304
2301
|
.ft-search-bar--desktop-menu .ft-search-bar--presets {
|
|
2305
2302
|
margin-right: auto;
|
|
2306
|
-
${e.setVariable(
|
|
2303
|
+
${e.setVariable(mr.optionsZIndex,"2")};
|
|
2307
2304
|
}
|
|
2308
2305
|
|
|
2309
2306
|
.ft-search-bar--desktop-menu {
|
|
@@ -2356,8 +2353,8 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2356
2353
|
|
|
2357
2354
|
.ft-search-bar--desktop-menu .ft-search-bar--filters-container {
|
|
2358
2355
|
display: block;
|
|
2359
|
-
height: ${
|
|
2360
|
-
${e.setVariable(
|
|
2356
|
+
height: ${Nr.desktopFiltersHeight};
|
|
2357
|
+
${e.setVariable(Ii.gap,"16px")};
|
|
2361
2358
|
}
|
|
2362
2359
|
|
|
2363
2360
|
.ft-search-bar--desktop-menu ft-filter {
|
|
@@ -2372,15 +2369,15 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2372
2369
|
}
|
|
2373
2370
|
|
|
2374
2371
|
.ft-search-bar--desktop-menu [data-filters-count="2"] ft-filter {
|
|
2375
|
-
max-width: calc(50% - ${
|
|
2372
|
+
max-width: calc(50% - ${Ii.gap} / 2);
|
|
2376
2373
|
}
|
|
2377
2374
|
|
|
2378
2375
|
.ft-search-bar--desktop-menu [data-filters-count="3"] ft-filter {
|
|
2379
|
-
max-width: max(250px, calc(33% - 2 * ${
|
|
2376
|
+
max-width: max(250px, calc(33% - 2 * ${Ii.gap} / 3));
|
|
2380
2377
|
}
|
|
2381
2378
|
|
|
2382
2379
|
.ft-search-bar--desktop-menu [data-filters-count="4"] ft-filter {
|
|
2383
|
-
max-width: max(250px, calc(25% - 3 * ${
|
|
2380
|
+
max-width: max(250px, calc(25% - 3 * ${Ii.gap} / 4));
|
|
2384
2381
|
}
|
|
2385
2382
|
|
|
2386
2383
|
.ft-search-bar--hierarchical-filter {
|
|
@@ -2437,7 +2434,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2437
2434
|
.ft-search-bar--filter-label-values {
|
|
2438
2435
|
flex-grow: 0;
|
|
2439
2436
|
flex-shrink: 1;
|
|
2440
|
-
color: ${
|
|
2437
|
+
color: ${Nr.colorOnSurfaceMedium};
|
|
2441
2438
|
}
|
|
2442
2439
|
|
|
2443
2440
|
ft-accordion-item::part(toggle) {
|
|
@@ -2457,8 +2454,8 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2457
2454
|
.ft-search-bar--desktop-menu .ft-search-bar--launch-search {
|
|
2458
2455
|
margin: 0;
|
|
2459
2456
|
}
|
|
2460
|
-
`;class
|
|
2461
|
-
`}}
|
|
2457
|
+
`;class Ir extends e.FtLitElement{render(){return o.html`
|
|
2458
|
+
`}}Ir.elementDefinitions={},Ir.styles=Sr,e.customElement("ft-skeleton")(Ir);class Er{constructor(t,o=300){this.searchBar=t,this.updateDebouncer=new e.Debouncer(o)}render(){const t=this.searchBar.recentSearches.filter((t=>t.toLowerCase().includes(this.searchBar.query.toLowerCase()))),e=this.searchBar.suggestions.length>0||t.length>0;return o.html`
|
|
2462
2459
|
<div class="ft-search-bar--suggestions ft-word-wrap ${e?"ft-search-bar--suggestions-not-empty":""}"
|
|
2463
2460
|
part="suggestions-container"
|
|
2464
2461
|
@keydown=${t=>this.onSuggestKeyDown(t)}>
|
|
@@ -2492,9 +2489,9 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2492
2489
|
</a>
|
|
2493
2490
|
`))}
|
|
2494
2491
|
</div>
|
|
2495
|
-
`}update(){return new Promise(((t,e)=>{this.updateDebouncer.run((async()=>{this.searchBar.suggestions=this.searchBar.api&&this.searchBar.query.length>2?await this.searchBar.api.getSuggestions(this.searchBar.suggestRequest).then((t=>t.suggestions)).catch((()=>[])):[],t()}))}))}onSuggestKeyDown(t){var e,o,i,r,a,n;switch(t.key){case"ArrowUp":null===(i=null!==(o=null===(e=this.getFocusedSuggestionElement())||void 0===e?void 0:e.previousElementSibling)&&void 0!==o?o:this.getLastSuggestionElement())||void 0===i||i.focus(),t.preventDefault(),t.stopPropagation();break;case"ArrowDown":null===(n=null!==(a=null===(r=this.getFocusedSuggestionElement())||void 0===r?void 0:r.nextElementSibling)&&void 0!==a?a:this.getFirstSuggestionElement())||void 0===n||n.focus(),t.preventDefault(),t.stopPropagation()}}onSuggestKeyUp(t,e){"Enter"!==t.key&&" "!==t.key||this.onSuggestSelected(t,e)}onSuggestClick(t,e){t.ctrlKey||t.metaKey||this.onSuggestSelected(t,e)}onSuggestSelected(t,e){t.preventDefault(),t.stopPropagation(),this.searchBar.setQuery(e),this.searchBar.launchSearch()}removeRecentSearch(t,e){var o,i;t.preventDefault(),t.stopPropagation();let r=t.target.closest(".ft-search-bar--suggestion");const a=null!==(i=null!==(o=null==r?void 0:r.previousElementSibling)&&void 0!==o?o:null==r?void 0:r.nextElementSibling)&&void 0!==i?i:this.searchBar.input;null==a||a.focus(),this.searchBar.recentSearches=this.searchBar.recentSearches.filter((t=>t.toLowerCase()!==e.toLowerCase())),this.searchBar.saveRecentSearches()}getIcon(t){const e="DOCUMENT"===t.type?
|
|
2492
|
+
`}update(){return new Promise(((t,e)=>{this.updateDebouncer.run((async()=>{this.searchBar.suggestions=this.searchBar.api&&this.searchBar.query.length>2?await this.searchBar.api.getSuggestions(this.searchBar.suggestRequest).then((t=>t.suggestions)).catch((()=>[])):[],t()}))}))}onSuggestKeyDown(t){var e,o,i,r,a,n;switch(t.key){case"ArrowUp":null===(i=null!==(o=null===(e=this.getFocusedSuggestionElement())||void 0===e?void 0:e.previousElementSibling)&&void 0!==o?o:this.getLastSuggestionElement())||void 0===i||i.focus(),t.preventDefault(),t.stopPropagation();break;case"ArrowDown":null===(n=null!==(a=null===(r=this.getFocusedSuggestionElement())||void 0===r?void 0:r.nextElementSibling)&&void 0!==a?a:this.getFirstSuggestionElement())||void 0===n||n.focus(),t.preventDefault(),t.stopPropagation()}}onSuggestKeyUp(t,e){"Enter"!==t.key&&" "!==t.key||this.onSuggestSelected(t,e)}onSuggestClick(t,e){t.ctrlKey||t.metaKey||this.onSuggestSelected(t,e)}onSuggestSelected(t,e){t.preventDefault(),t.stopPropagation(),this.searchBar.setQuery(e),this.searchBar.launchSearch()}removeRecentSearch(t,e){var o,i;t.preventDefault(),t.stopPropagation();let r=t.target.closest(".ft-search-bar--suggestion");const a=null!==(i=null!==(o=null==r?void 0:r.previousElementSibling)&&void 0!==o?o:null==r?void 0:r.nextElementSibling)&&void 0!==i?i:this.searchBar.input;null==a||a.focus(),this.searchBar.recentSearches=this.searchBar.recentSearches.filter((t=>t.toLowerCase()!==e.toLowerCase())),this.searchBar.saveRecentSearches()}getIcon(t){const e="DOCUMENT"===t.type?_o.file_format:_o.fluid_topics;let i;switch(t.type){case"MAP":i="BOOK"===t.editorialType?Ho.BOOK:Ho.ARTICLE;break;case"DOCUMENT":i=function(t,e){var o,i,r,a;t=(null!=t?t:"").toLowerCase(),e=(null!=e?e:"").toLowerCase();const[n,l]=((null!==(o=Go.get(t))&&void 0!==o?o:t)+"/").split("/");return null!==(a=null!==(r=null!==(i=To.get(l))&&void 0!==i?i:To.get(e))&&void 0!==r?r:To.get(n))&&void 0!==a?a:Mo.UNKNOWN}(t.mimeType,t.filenameExtension);break;case"TOPIC":i=Ho.TOPICS}return o.html`
|
|
2496
2493
|
<ft-icon .variant="${e}" .value="${i}" part="suggestion-icon"></ft-icon>
|
|
2497
|
-
`}getFocusedSuggestionElement(){return this.searchBar.querySelector(".ft-search-bar--suggestion:focus-within")}getLastSuggestionElement(){let t=this.searchBar.querySelectorAll(".ft-search-bar--suggestion");return t.length>0?t[t.length-1]:null}getFirstSuggestionElement(){return this.searchBar.querySelector(".ft-search-bar--suggestion")}focusFirstSuggestion(){var t;null===(t=this.getFirstSuggestionElement())||void 0===t||t.focus()}}
|
|
2494
|
+
`}getFocusedSuggestionElement(){return this.searchBar.querySelector(".ft-search-bar--suggestion:focus-within")}getLastSuggestionElement(){let t=this.searchBar.querySelectorAll(".ft-search-bar--suggestion");return t.length>0?t[t.length-1]:null}getFirstSuggestionElement(){return this.searchBar.querySelector(".ft-search-bar--suggestion")}focusFirstSuggestion(){var t;null===(t=this.getFirstSuggestionElement())||void 0===t||t.focus()}}Er.styles=[e.wordWrap,o.css`
|
|
2498
2495
|
.ft-search-bar--mobile .ft-search-bar--suggestions {
|
|
2499
2496
|
flex-grow: 1;
|
|
2500
2497
|
flex-shrink: 1;
|
|
@@ -2503,7 +2500,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2503
2500
|
}
|
|
2504
2501
|
|
|
2505
2502
|
.ft-search-bar--mobile-menu-open .ft-search-bar--suggestions {
|
|
2506
|
-
border-top: 1px solid ${
|
|
2503
|
+
border-top: 1px solid ${Nr.colorOutline};
|
|
2507
2504
|
}
|
|
2508
2505
|
|
|
2509
2506
|
.ft-search-bar--mobile-menu-open .ft-search-bar--suggestions {
|
|
@@ -2513,15 +2510,15 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2513
2510
|
.ft-search-bar--floating-panel,
|
|
2514
2511
|
.ft-search-bar--desktop .ft-search-bar--suggestions {
|
|
2515
2512
|
position: absolute;
|
|
2516
|
-
z-index: ${
|
|
2513
|
+
z-index: ${Nr.floatingZIndex};
|
|
2517
2514
|
top: 100%;
|
|
2518
2515
|
left: -1px;
|
|
2519
2516
|
right: -1px;
|
|
2520
2517
|
display: none;
|
|
2521
|
-
background: ${
|
|
2522
|
-
border: 1px solid ${
|
|
2523
|
-
border-radius: 0 0 ${
|
|
2524
|
-
box-shadow: ${
|
|
2518
|
+
background: ${Nr.colorSurface};
|
|
2519
|
+
border: 1px solid ${Nr.colorOutline};
|
|
2520
|
+
border-radius: 0 0 ${Nr.borderRadius} ${Nr.borderRadius};
|
|
2521
|
+
box-shadow: ${Nr.elevation02};
|
|
2525
2522
|
outline: none;
|
|
2526
2523
|
}
|
|
2527
2524
|
|
|
@@ -2541,7 +2538,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2541
2538
|
padding: 8px;
|
|
2542
2539
|
gap: 8px;
|
|
2543
2540
|
cursor: pointer;
|
|
2544
|
-
color: ${
|
|
2541
|
+
color: ${Nr.colorOnSurface};
|
|
2545
2542
|
min-height: 52px;
|
|
2546
2543
|
}
|
|
2547
2544
|
|
|
@@ -2558,7 +2555,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2558
2555
|
}
|
|
2559
2556
|
|
|
2560
2557
|
.ft-search-bar--recent-search + .ft-search-bar--suggestion:not(.ft-search-bar--recent-search) {
|
|
2561
|
-
border-top: 1px solid ${
|
|
2558
|
+
border-top: 1px solid ${Nr.colorOutline};
|
|
2562
2559
|
}
|
|
2563
2560
|
|
|
2564
2561
|
.ft-search-bar--suggestion ft-typography {
|
|
@@ -2566,7 +2563,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2566
2563
|
flex-grow: 1;
|
|
2567
2564
|
flex-shrink: 1;
|
|
2568
2565
|
}
|
|
2569
|
-
`];class
|
|
2566
|
+
`];class zr{constructor(t){this.searchBar=t}render(){if(!this.searchBar.hasLocaleSelector()&&!this.searchBar.hasFacets())return o.html``;const t=this.searchBar.isMobile(),i=!t&&this.searchBar.dense||t&&this.searchBar.isMobileMenuOpen(),a=o.html`
|
|
2570
2567
|
${this.searchBar.hasLocaleSelector()&&(this.searchBar.hasFacets()||t)?o.html`
|
|
2571
2568
|
<ft-chip part="selected-filters selected-filter-ft-locale"
|
|
2572
2569
|
?dense=${this.searchBar.dense&&!t}
|
|
@@ -2616,7 +2613,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2616
2613
|
<div class="ft-search-bar--selected-filters" part="selected-filters-container">
|
|
2617
2614
|
${a}
|
|
2618
2615
|
</div>
|
|
2619
|
-
`}openMobileFilters(t){this.searchBar.isMobile()&&(this.searchBar.mobileMenuOpen=!0,this.searchBar.displayFacets=!0,this.searchBar.scrollToFacet=t)}getLocaleLabel(t){var e;return null!==(e=this.searchBar.availableContentLocales.filter((e=>{var o;return(null!==(o=e.lang)&&void 0!==o?o:"").toLowerCase()===(null!=t?t:"").toLowerCase()})).map((t=>t.label)).pop())&&void 0!==e?e:t}}
|
|
2616
|
+
`}openMobileFilters(t){this.searchBar.isMobile()&&(this.searchBar.mobileMenuOpen=!0,this.searchBar.displayFacets=!0,this.searchBar.scrollToFacet=t)}getLocaleLabel(t){var e;return null!==(e=this.searchBar.availableContentLocales.filter((e=>{var o;return(null!==(o=e.lang)&&void 0!==o?o:"").toLowerCase()===(null!=t?t:"").toLowerCase()})).map((t=>t.label)).pop())&&void 0!==e?e:t}}zr.styles=o.css`
|
|
2620
2617
|
.ft-search-bar--selected-filters:not(ft-snap-scroll) {
|
|
2621
2618
|
flex-shrink: 0;
|
|
2622
2619
|
display: flex;
|
|
@@ -2627,7 +2624,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2627
2624
|
|
|
2628
2625
|
ft-snap-scroll.ft-search-bar--selected-filters {
|
|
2629
2626
|
overflow: hidden;
|
|
2630
|
-
${e.setVariable(
|
|
2627
|
+
${e.setVariable(Ii.gap,"4px")};
|
|
2631
2628
|
}
|
|
2632
2629
|
|
|
2633
2630
|
ft-snap-scroll.ft-search-bar--selected-filters::part(content) {
|
|
@@ -2635,8 +2632,8 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2635
2632
|
}
|
|
2636
2633
|
|
|
2637
2634
|
.ft-search-bar--desktop ft-snap-scroll.ft-search-bar--selected-filters {
|
|
2638
|
-
${e.setVariable(
|
|
2639
|
-
${e.setVariable(
|
|
2635
|
+
${e.setVariable(ar.iconSize,"17px")};
|
|
2636
|
+
${e.setVariable(ar.fontSize,"12px")};
|
|
2640
2637
|
}
|
|
2641
2638
|
|
|
2642
2639
|
.ft-search-bar--selected-filters * {
|
|
@@ -2646,7 +2643,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2646
2643
|
.ft-search-bar--selected-filters ft-chip {
|
|
2647
2644
|
flex-grow: 0;
|
|
2648
2645
|
}
|
|
2649
|
-
`;class
|
|
2646
|
+
`;class Ur{constructor(t,e,o){this.searchBar=t,this.selectedFacetsManager=null!=e?e:new zr(t),this.suggestManager=null!=o?o:new Er(t)}render(){const t={"ft-search-bar--container":!0,"ft-search-bar--mobile":!0,"ft-search-bar--mobile-menu-open":this.searchBar.isMobileMenuOpen(),"ft-search-bar--forced-open":this.searchBar.forceMobileMenuOpen};return o.html`
|
|
2650
2647
|
<div class="${a.classMap(t)}" part="container" tabindex="-1">
|
|
2651
2648
|
<div class="ft-search-bar">
|
|
2652
2649
|
<div class="ft-search-bar--input-container" part="input-container">
|
|
@@ -2695,9 +2692,9 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2695
2692
|
@click=${()=>{var t;return this.searchBar.isMobileMenuOpen()?this.searchBar.launchSearch():null===(t=this.searchBar.input)||void 0===t?void 0:t.focus()}}
|
|
2696
2693
|
></ft-button>
|
|
2697
2694
|
</div>
|
|
2698
|
-
`}onSearchBarKeyUp(t){const e=t.composedPath()[0];this.searchBar.query=e.value,"Enter"===t.key&&this.searchBar.launchSearch()}}
|
|
2695
|
+
`}onSearchBarKeyUp(t){const e=t.composedPath()[0];this.searchBar.query=e.value,"Enter"===t.key&&this.searchBar.launchSearch()}}Ur.styles=o.css`
|
|
2699
2696
|
|
|
2700
|
-
`;class
|
|
2697
|
+
`;class Lr{constructor(t,e,o){this.searchBar=t,this.selectedFacetsManager=null!=e?e:new zr(t),this.suggestManager=null!=o?o:new Er(t)}render(){const t={"ft-search-bar--container":!0,"ft-search-bar--dense":this.searchBar.dense,"ft-search-bar--desktop":!0,"ft-search-bar--floating-panel-open":this.searchBar.displayFacets&&!this.searchBar.forceMenuOpen,"ft-search-bar--forced-open":this.searchBar.forceMenuOpen,"ft-search-bar--react-to-focus":this.searchBar.reactToFocus};return o.html`
|
|
2701
2698
|
<div class="${a.classMap(t)}" part="container" tabindex="-1">
|
|
2702
2699
|
<div class="ft-search-bar" part="search-bar">
|
|
2703
2700
|
${this.renderSearchBarLeftAction()}
|
|
@@ -2764,12 +2761,12 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2764
2761
|
@click=${()=>this.searchBar.launchSearch()}
|
|
2765
2762
|
></ft-button>
|
|
2766
2763
|
</div>
|
|
2767
|
-
`}onSearchBarKeyDown(t){var e;switch(t.key){case"Escape":this.searchBar.mobileMenuOpen=!1,null===(e=this.searchBar.input)||void 0===e||e.blur();break;case"ArrowDown":t.stopPropagation(),t.preventDefault(),this.suggestManager.focusFirstSuggestion()}}onSearchBarKeyUp(t){const e=t.composedPath()[0];this.searchBar.query=e.value,"Enter"===t.key&&this.searchBar.launchSearch()}}
|
|
2764
|
+
`}onSearchBarKeyDown(t){var e;switch(t.key){case"Escape":this.searchBar.mobileMenuOpen=!1,null===(e=this.searchBar.input)||void 0===e||e.blur();break;case"ArrowDown":t.stopPropagation(),t.preventDefault(),this.suggestManager.focusFirstSuggestion()}}onSearchBarKeyUp(t){const e=t.composedPath()[0];this.searchBar.query=e.value,"Enter"===t.key&&this.searchBar.launchSearch()}}Lr.styles=o.css`
|
|
2768
2765
|
|
|
2769
|
-
`;const
|
|
2770
|
-
`,
|
|
2766
|
+
`;const Rr=o.css`
|
|
2767
|
+
`,Wr=e.FtReduxStore.get({name:"ft-app-info",reducers:{},initialState:{baseUrl:void 0,apiIntegrationIdentifier:void 0,uiLocale:document.documentElement.lang||"en-US",availableUiLocales:[],metadataConfiguration:void 0,editorMode:!1,noCustom:!1,noCustomComponent:!1,session:void 0,openExternalDocumentInNewTab:!1}});class Zr{static build(t){const{baseUrl:e,apiIntegrationIdentifier:o}=Wr.getState(),i=null!=t?t:o;if(e&&i&&window.fluidtopics)return new window.fluidtopics.FluidTopicsApi(e,i,!0)}static get(t){var e;return null!=t?Zr.build(t):null!==(e=Zr.API)&&void 0!==e?e:Zr.API=Zr.build()}static await(t){return new Promise((e=>{let o=Zr.get(t);if(o)e(o);else{const i=Wr.subscribe((()=>{o=Zr.get(t),o&&(i(),e(o))}))}}))}}class Br{constructor(t=!0,o){var i;this.overrideApi=o;let r=this.constructor;r.commonCache=null!==(i=r.commonCache)&&void 0!==i?i:new e.CacheRegistry,this.cache=t?r.commonCache:new e.CacheRegistry}get api(){var t;return null!==(t=this.overrideApi)&&void 0!==t?t:Zr.get()}get awaitApi(){var t;return null!==(t=this.overrideApi)&&void 0!==t?t:Zr.await()}clearCache(){this.cache.clearAll()}}var Fr;const Dr=Symbol("clearAfterUnitTest");class Kr extends Br{constructor(t){super(),this.messageContextProvider=t,this.defaultMessages={},this.listeners={},this.currentUiLocale="",this[Fr]=()=>{this.defaultMessages={},this.cache=new e.CacheRegistry,this.listeners={}},this.currentUiLocale=Wr.getState().uiLocale,Wr.subscribe((()=>this.clearWhenUiLocaleChanges()))}clearWhenUiLocaleChanges(){const{uiLocale:t}=Wr.getState();this.currentUiLocale!==t&&(this.currentUiLocale=t,this.cache.clearAll(),this.notifyAll())}addContext(t){const e=t.name.toLowerCase();this.cache.setFinal(e,t),this.notify(e)}getAllContexts(){return this.cache.resolvedValues()}async prepareContext(t,o){var i;if(t=t.toLowerCase(),Object.keys(o).length>0){const r={...null!==(i=this.defaultMessages[t])&&void 0!==i?i:{},...o};e.deepEqual(this.defaultMessages[t],r)||(this.defaultMessages[t]=r,await this.notify(t))}await this.fetchContext(t)}resolveMessage(t,o,...i){var r,a,n;t=t.toLowerCase(),this.fetchContext(t);const l=null!==(a=null===(r=this.cache.getNow(t))||void 0===r?void 0:r.messages)&&void 0!==a?a:{};return new e.ParametrizedLabelResolver(null!==(n=this.defaultMessages[t])&&void 0!==n?n:{},l).resolve(o,...i)}async fetchContext(t){if(!this.cache.has(t))try{await this.cache.get(t,(()=>this.messageContextProvider(this.currentUiLocale,t))),await this.notify(t)}catch(t){console.error(t)}}subscribe(t,e){var o;return t=t.toLowerCase(),this.listeners[t]=null!==(o=this.listeners[t])&&void 0!==o?o:new Set,this.listeners[t].add(e),()=>{var o;return null===(o=this.listeners[t])||void 0===o?void 0:o.delete(e)}}async notifyAll(){await Promise.all(Object.keys(this.listeners).map((t=>this.notify(t))))}async notify(t){null!=this.listeners[t]&&await Promise.all([...this.listeners[t].values()].map((t=>e.delay(0).then((()=>t())).catch((()=>null)))))}}Fr=Dr,null==window.FluidTopicsI18nService&&(window.FluidTopicsI18nService=new class extends Kr{constructor(){super((async(t,e)=>(await this.awaitApi).getFluidTopicsMessageContext(t,e)))}}),null==window.FluidTopicsCustomI18nService&&(window.FluidTopicsCustomI18nService=new class extends Kr{constructor(){super((async(t,e)=>(await this.awaitApi).getCustomMessageContext(t,e)))}});const Ar=window.FluidTopicsI18nService;var Hr=function(t,e,o,i){for(var r,a=arguments.length,n=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(n=(a<3?r(n):a>3?r(e,o,n):r(e,o))||n);return a>3&&n&&Object.defineProperty(e,o,n),n};class Mr extends e.FtLitElement{constructor(){super(...arguments),this.apiIntegrationIdentifier="ft-integration",this.uiLocale="en-US",this.editorMode=!1,this.noCustom=!1,this.openExternalDocumentInNewTab=!1,this.noCustomComponent=!1,this.withManualResources=!1,this.messageContexts=[],this.apiProvider=()=>Zr.get(),this.cache=new e.CacheRegistry,this.cleanSessionDebouncer=new e.Debouncer}render(){return o.html`
|
|
2771
2768
|
<slot></slot>
|
|
2772
|
-
`}update(t){super.update(t),t.has("baseUrl")&&(
|
|
2769
|
+
`}update(t){super.update(t),t.has("baseUrl")&&(Wr.actions.baseUrl(this.baseUrl),window.fluidTopicsBaseUrl=this.baseUrl),t.has("apiIntegrationIdentifier")&&Wr.actions.apiIntegrationIdentifier(this.apiIntegrationIdentifier),t.has("uiLocale")&&Wr.actions.uiLocale(this.uiLocale),t.has("metadataConfiguration")&&Wr.actions.metadataConfiguration(this.metadataConfiguration),t.has("noCustom")&&Wr.actions.noCustom(this.noCustom),t.has("editorMode")&&Wr.actions.editorMode(this.editorMode),t.has("noCustomComponent")&&Wr.actions.noCustomComponent(this.noCustomComponent),t.has("session")&&Wr.actions.session(this.session),t.has("availableUiLocales")&&Wr.actions.availableUiLocales(Array.isArray(this.availableUiLocales)?this.availableUiLocales:[]),t.has("messageContexts")&&null!=this.messageContexts&&this.messageContexts.forEach((t=>Ar.addContext(t))),t.has("openExternalDocumentInNewTab")&&Wr.actions.openExternalDocumentInNewTab(this.openExternalDocumentInNewTab),setTimeout((()=>this.updateIfNeeded()))}async updateIfNeeded(){!this.withManualResources&&this.apiProvider()&&(null==this.session&&this.updateSession(),null==this.availableUiLocales&&this.updateUiLocales(),null==this.metadataConfiguration&&this.updateMetadataConfiguration())}async updateSession(){this.session=await this.cache.get("session",(async()=>{const t=await this.apiProvider().getCurrentSession();return t.idleTimeoutInMillis>0&&this.cleanSessionDebouncer.run((()=>{this.cache.clear("session"),this.session=void 0}),t.idleTimeoutInMillis),t}))}async updateUiLocales(){this.availableUiLocales=await this.cache.get("availableUiLocales",(()=>this.apiProvider().getAvailableUiLocales()))}async updateMetadataConfiguration(){this.metadataConfiguration=await this.cache.get("metadataConfiguration",(()=>this.apiProvider().getMetadataConfiguration()))}}Mr.elementDefinitions={},Mr.styles=Rr,Hr([i.property()],Mr.prototype,"baseUrl",void 0),Hr([i.property()],Mr.prototype,"apiIntegrationIdentifier",void 0),Hr([i.property()],Mr.prototype,"uiLocale",void 0),Hr([e.jsonProperty(null)],Mr.prototype,"availableUiLocales",void 0),Hr([e.jsonProperty(null)],Mr.prototype,"metadataConfiguration",void 0),Hr([i.property({type:Boolean})],Mr.prototype,"editorMode",void 0),Hr([i.property({type:Boolean})],Mr.prototype,"noCustom",void 0),Hr([i.property({type:Boolean})],Mr.prototype,"openExternalDocumentInNewTab",void 0),Hr([i.property({converter:{fromAttribute:t=>"false"!==t&&("true"===t||null!=t&&t)}})],Mr.prototype,"noCustomComponent",void 0),Hr([i.property({type:Boolean})],Mr.prototype,"withManualResources",void 0),Hr([e.jsonProperty([])],Mr.prototype,"messageContexts",void 0),Hr([e.jsonProperty(void 0)],Mr.prototype,"session",void 0),Hr([i.property({type:Object})],Mr.prototype,"apiProvider",void 0);class Pr extends Br{async listMySearches(){let t=Wr.getState().session;return(null==t?void 0:t.sessionAuthenticated)?this.cache.get("my-searches",(async()=>(await this.awaitApi).listMySearches(t.profile.userId)),3e5):[]}}class jr extends Br{async listMyBookmarks(){let t=Wr.getState().session;return(null==t?void 0:t.sessionAuthenticated)?this.cache.get("my-bookmarks",(async()=>(await this.awaitApi).listMyBookmarks(t.profile.userId)),3e5):[]}}const Tr=e.FtReduxStore.get({name:"ft-user-assets",initialState:{savedSearches:void 0,bookmarks:void 0}});new class{constructor(){this.currentSession=Wr.getState().session,this.bookmarksAreUsed=!1,this.bookmarksService=new jr,this.savedSearchesService=new Pr,Wr.subscribe((()=>this.reloadWhenUserSessionChanges()))}reloadWhenUserSessionChanges(){var t;const{session:o}=Wr.getState();e.deepEqual(null===(t=this.currentSession)||void 0===t?void 0:t.profile,null==o?void 0:o.profile)||(this.currentSession=o,this.clearMySearches(),this.reloadBookmarks())}clear(){this.clearMySearches(),this.clearMyBookmarks()}clearMySearches(){this.savedSearchesService.clearCache(),Tr.actions.savedSearches(void 0)}clearMyBookmarks(){this.bookmarksService.clearCache(),Tr.actions.bookmarks(void 0)}async reloadMySearches(){this.savedSearchesService.clearCache();const t=await this.savedSearchesService.listMySearches();Tr.actions.savedSearches(t)}async reloadBookmarks(){this.bookmarksService.clearCache(),await this.updateBookmarksIfUsed()}async registerBookmarkComponent(){this.bookmarksAreUsed=!0,await this.updateBookmarksIfUsed()}async updateBookmarksIfUsed(){var t;if(this.bookmarksAreUsed){const e=(null===(t=this.currentSession)||void 0===t?void 0:t.sessionAuthenticated)?await this.bookmarksService.listMyBookmarks():void 0;Tr.actions.bookmarks(e)}}},e.customElement("ft-app-context")(Mr);var Gr=function(t,e,o,i){for(var r,a=arguments.length,n=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(n=(a<3?r(n):a>3?r(e,o,n):r(e,o))||n);return a>3&&n&&Object.defineProperty(e,o,n),n};null==window.fluidtopics&&console.warn("Fluid Topics public API was not found. You can find it here: https://www.npmjs.com/package/@fluid-topics/public-api");const _r={filtersButton:"Filters",inputPlaceHolder:"Search",filterInputPlaceHolder:"Filter {0}",clearInputButton:"Clear",clearFilterButton:"Clear",displayMoreFilterValuesButton:"More",noFilterValuesAvailable:"No values available",searchButton:"Search",clearFilters:"Clear filters",contentLocaleSelector:"Lang",presetsSelector:"Quick filters",removeRecentSearch:"Remove",back:"Back"};class Vr extends CustomEvent{constructor(t){super("launch-search",{detail:t,bubbles:!0,composed:!0})}}class qr extends CustomEvent{constructor(t){super("change",{detail:t})}}const Yr=()=>{};class Xr extends e.FtLitElement{isMobileMenuOpen(){return this.isMobile()&&(this.forceMobileMenuOpen||this.forceMenuOpen||this.mobileMenuOpen)}constructor(){super(),this.dense=!1,this.mode="auto",this.forceMobileMenuOpen=!1,this.forceMenuOpen=!1,this.baseUrl="",this.apiIntegrationIdentifier="ft-search-bar",this.availableContentLocales=[],this.availableContentLocalesInitialized=!1,this.labels={},this.labelResolver=new e.ParametrizedLabelResolver(_r,{}),this.displayedFilters=[],this.presets=[],this.priors=[],this.searchRequestSerializer=t=>e.serializeRequest(this.baseUrl,t),this.focusOnDisplay=!1,this.searchFilters=[],this.sizeCategory=l.M,this.displayFacets=!1,this.mobileMenuOpen=!1,this.facets=[],this.facetsInitialized=!1,this.knownFacetLabels=new Map,this.query="",this.suggestions=[],this.recentSearches=[],this.reactToFocus=!0,this.suggestManager=new Er(this),this.selectedFacetsManager=new zr(this),this.desktopSearchBarManager=new Lr(this),this.mobileSearchBarManager=new Ur(this,this.selectedFacetsManager,this.suggestManager),this.currentSession=Wr.getState().session,this.stateChangeEventDebouncer=new e.Debouncer(10),this.updateLocalesDebouncer=new e.Debouncer(10),this.facetsLoaded=!1,this.updateFacetsDebouncer=new e.Debouncer(500),this.closeFloatingContainer=t=>{this.isMobile()||(this.displayFacets=this.displayFacets&&t.composedPath().some((t=>t===this.floatingContainer)))},this.compareFilters=(t,e)=>t.key===e.key&&t.negative==e.negative&&t.values.length===e.values.length&&t.values.every((t=>e.values.includes(t))),this.compareRequests=(t,e)=>(null==t.contentLocale||null==e.contentLocale||t.contentLocale===e.contentLocale)&&t.filters.length===e.filters.length&&t.filters.every((t=>e.filters.some((e=>this.compareFilters(t,e))))),this.enableFocusReactionCallback=()=>this.enableFocusReaction(),Wr.subscribe((()=>this.reloadWhenUserSessionChanges()))}get request(){return{uiLocale:this.uiLocale,contentLocale:this.contentLocale,query:this.query,facets:this.facetsRequest,priors:this.hasPriors?this.priors:void 0,filters:this.searchFilters,paging:{perPage:0,page:1},sort:[]}}get facetsRequest(){const t=this.searchFilters.filter((t=>t.values.length>0&&!this.displayedFilters.includes(t.key))).map((t=>({id:t.key})));return[...this.displayedFilters.map((t=>({id:t}))),...t]}get suggestRequest(){return{contentLocale:this.contentLocale,input:this.query,filters:this.searchFilters,sort:[]}}isMobile(){switch(this.mode){case"mobile":return!0;case"desktop":return!1;default:return this.sizeCategory===l.S}}hasFacets(){return this.facetsRequest.length>0}get hasPresets(){return null!=this.presets&&this.presets.length>0}get hasPriors(){return null!=this.priors&&this.priors.length>0}hasLocaleSelector(){return this.availableContentLocales.length>1}focus(){var t;null===(t=this.container)||void 0===t||t.focus()}async focusInput(t=!1){this.reactToFocus=t,await e.waitFor((()=>this.input),50),this.input.focus(),t||this.enableFocusReactionOnAnyUserInteraction()}clear(){this.query="",this.searchFilters=[],this.input&&(this.input.value=""),this.mobileMenuOpen=!1,this.displayFacets=!1}render(){return o.html`
|
|
2773
2770
|
<ft-size-watcher @change=${this.updateSize}></ft-size-watcher>
|
|
2774
2771
|
${this.renderSearchBar()}
|
|
2775
2772
|
`}renderSearchBar(){return this.facetsInitialized&&this.availableContentLocalesInitialized?this.isMobile()?this.mobileSearchBarManager.render():this.desktopSearchBarManager.render():o.html`
|
|
@@ -2905,11 +2902,11 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2905
2902
|
></ft-filter>
|
|
2906
2903
|
`}))}
|
|
2907
2904
|
</ft-snap-scroll>
|
|
2908
|
-
`:o.nothing}async firstUpdated(t){super.firstUpdated(t),this.initApi(),window.addEventListener("storage",(t=>{t.key===this.recentSearchesStorageKey&&this.initRecentSearches()}))}update(t){var o,i,r,a,n;if(t.has("labels")&&(this.labelResolver=new e.ParametrizedLabelResolver(
|
|
2905
|
+
`:o.nothing}async firstUpdated(t){super.firstUpdated(t),this.initApi(),window.addEventListener("storage",(t=>{t.key===this.recentSearchesStorageKey&&this.initRecentSearches()}))}update(t){var o,i,r,a,n;if(t.has("labels")&&(this.labelResolver=new e.ParametrizedLabelResolver(_r,this.labels)),t.has("sizeCategory")&&(this.mobileMenuOpen=!1,this.displayFacets=this.displayFacets&&!this.isMobile()),super.update(t),(t.has("availableContentLocales")||t.has("contentLocale"))&&this.availableContentLocales.length>0){const e=t=>this.availableContentLocales.some((e=>e.lang==t));e(this.contentLocale)||(this.contentLocale=t.has("contentLocale")&&e(t.get("contentLocale"))?t.get("contentLocale"):null===(o=this.availableContentLocales[0])||void 0===o?void 0:o.lang)}if(t.has("baseUrl")&&this.baseUrl&&(this.baseUrl.endsWith("/")&&(this.baseUrl=this.baseUrl.replace(/\/$/,"")),this.initRecentSearches()),t.has("presets")&&(null!==(i=this.presets)&&void 0!==i?i:[]).forEach((t=>t.filters.forEach((t=>t.values=t.values.map((t=>ce(t))))))),t.has("presets")||t.has("selectedPreset")){const t=(null!==(r=this.presets)&&void 0!==r?r:[]).find((t=>t.name===this.selectedPreset));t&&!this.compareRequests(this.request,t)&&this.setFiltersFromPreset(t)}t.has("contentLocale")&&null!=this.contentLocale&&(this.knownFacetLabels=new Map),["contentLocale","searchFilters"].some((e=>t.has(e)))&&(this.selectedPreset=null===(n=(null!==(a=this.presets)&&void 0!==a?a:[]).find((t=>this.compareRequests(t,this.request))))||void 0===n?void 0:n.name),["baseUrl","apiIntegrationIdentifier"].some((e=>t.has(e)))&&(this.api=void 0,this.initApi()),t.has("api")&&this.api&&this.initSearchData(),["uiLocale","contentLocale","searchFilters","displayedFilters"].some((e=>t.has(e)))&&this.updateFacets(),["query","uiLocale","contentLocale","searchFilters","displayedFilters","api"].some((e=>t.has(e)))&&this.suggestManager.update(),["query","uiLocale","contentLocale","searchFilters"].some((e=>t.has(e)))&&this.dispatchStateChangeEvent()}dispatchStateChangeEvent(){this.stateChangeEventDebouncer.run((()=>this.dispatchEvent(new qr(this.request))))}initSearchData(){this.availableContentLocalesInitialized=!1,this.facetsLoaded=!1,this.facetsInitialized=!1,this.updateLocalesDebouncer.run((()=>{var t;null===(t=this.api)||void 0===t||t.getAvailableSearchLocales().then((t=>t.contentLocales)).catch((()=>[])).then((t=>{this.availableContentLocales=t,this.availableContentLocalesInitialized=!0}))})),this.updateFacetsDebouncer.run((()=>{this.retrieveFacetsFromSearch().then((()=>{this.facetsLoaded=!0,this.facetsInitialized=!0}))}),this.facetsInitialized?500:10)}updateFacets(){this.api&&(this.facetsRequest.length>0?(this.facetsLoaded=!1,this.updateFacetsDebouncer.run((async()=>{await this.retrieveFacetsFromSearch(),this.facetsLoaded=!0,this.facetsInitialized=!0}),this.facetsInitialized?500:10)):this.facets=[])}contentAvailableCallback(t){var e,o,i;if(super.contentAvailableCallback(t),t.has("displayFacets")&&this.displayFacets&&(null===(e=this.floatingContainer)||void 0===e||e.focus()),null!=this.scrollToFacet&&this.facetsLoaded){null===(o=this.scrollingFiltersContainer)||void 0===o||o.scrollIndexIntoView(this.facets.findIndex((t=>t.key===this.scrollToFacet)));const t=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector(`ft-accordion-item[data-facet-key="${this.scrollToFacet}"]`);t&&(t.active=!0),this.scrollToFacet=void 0}}initApi(){null==this.api&&(this.api=window.fluidtopics?new window.fluidtopics.FluidTopicsApi(this.baseUrl,this.apiIntegrationIdentifier,!0):void 0,setTimeout((()=>this.initApi()),10))}async retrieveFacetsFromSearch(){var t;const e=new Map;await(null===(t=this.api)||void 0===t?void 0:t.search({...this.request,query:""}).then((t=>t.facets.forEach((t=>{this.knownFacetLabels.set(t.key,t.label),e.set(t.key,t)})))).catch(Yr)),this.facets=[];for(let t of this.facetsRequest)e.has(t.id)?this.facets.push(e.get(t.id)):this.knownFacetLabels.has(t.id)&&this.facets.push({key:t.id,label:this.knownFacetLabels.get(t.id),rootNodes:[],multiSelectionable:!0,hierarchical:!1})}onFloatingContainerKeyUp(t){var e;"Escape"===t.key&&(this.displayFacets=!1,null===(e=this.filtersOpener)||void 0===e||e.focus())}setQuery(t){this.input&&(this.input.value=t),this.query=t}launchSearch(){if(this.query){let t=this.recentSearches.filter((t=>t.toLowerCase()!==this.query.toLowerCase())).filter(((t,e)=>e<20));this.recentSearches=[this.query,...t],this.saveRecentSearches()}this.dispatchEvent(new Vr(this.request)),this.mobileMenuOpen=!1,this.displayFacets=!1,this.focus()}get recentSearchesStorageKey(){return this.baseUrl+":ft:recent-search-queries"}initRecentSearches(){var t;this.recentSearches=JSON.parse(null!==(t=window.localStorage.getItem(this.recentSearchesStorageKey))&&void 0!==t?t:"[]")}saveRecentSearches(){const t=JSON.stringify(this.recentSearches);window.localStorage.setItem(this.recentSearchesStorageKey,t),window.dispatchEvent(new StorageEvent("storage",{key:this.recentSearchesStorageKey,newValue:t,storageArea:window.localStorage,url:window.location.href}))}async connectedCallback(){super.connectedCallback(),document.addEventListener("focusin",this.closeFloatingContainer),document.addEventListener("click",this.closeFloatingContainer),this.focusOnDisplay&&!e.isTouchScreen&&await this.focusInput()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("focusin",this.closeFloatingContainer),document.addEventListener("click",this.closeFloatingContainer)}updateSize(t){this.sizeCategory=t.detail.category}setFilter(t,o){let i=this.searchFilters.filter((e=>e.key!==t));this.facets.forEach((i=>{i.key===t&&e.flatDeep(i.rootNodes,(t=>t.childNodes)).forEach((t=>t.selected=o.includes(t.value)))})),o.length&&i.push({key:t,negative:!1,values:o}),this.searchFilters=i,this.scrollToFacet=t}setFiltersFromPreset(t){null!=t&&(null!=t.contentLocale&&(this.contentLocale=t.contentLocale),this.searchFilters=t.filters)}clearFilters(){this.facets.forEach((t=>e.flatDeep(t.rootNodes,(t=>t.childNodes)).forEach((t=>t.selected=!1)))),this.searchFilters=[];const t=this.facets[0];this.scrollToFacet=null==t?void 0:t.key}querySelector(t){return this.shadowRoot.querySelector(t)}querySelectorAll(t){return this.shadowRoot.querySelectorAll(t)}renderDesktopFloatingMenu(){return this.forceMenuOpen?o.nothing:o.html`
|
|
2909
2906
|
<div class="ft-search-bar--floating-panel"
|
|
2910
2907
|
id="ft-search-bar-floating-panel"
|
|
2911
2908
|
@keyup=${this.onFloatingContainerKeyUp}
|
|
2912
2909
|
part="floating-panel"
|
|
2913
2910
|
tabindex="-1">
|
|
2914
2911
|
${this.renderDesktopMenu()}
|
|
2915
|
-
</div>`}enableFocusReactionOnAnyUserInteraction(){var t,e,o;null===(t=this.container)||void 0===t||t.addEventListener("blur",this.enableFocusReactionCallback),null===(e=this.container)||void 0===e||e.addEventListener("click",this.enableFocusReactionCallback),null===(o=this.container)||void 0===o||o.addEventListener("keyup",this.enableFocusReactionCallback)}enableFocusReaction(){var t,e,o;this.reactToFocus=!0,null===(t=this.container)||void 0===t||t.removeEventListener("blur",this.enableFocusReactionCallback),null===(e=this.container)||void 0===e||e.removeEventListener("click",this.enableFocusReactionCallback),null===(o=this.container)||void 0===o||o.removeEventListener("keyup",this.enableFocusReactionCallback)}reloadWhenUserSessionChanges(){var t;const{session:o}=
|
|
2912
|
+
</div>`}enableFocusReactionOnAnyUserInteraction(){var t,e,o;null===(t=this.container)||void 0===t||t.addEventListener("blur",this.enableFocusReactionCallback),null===(e=this.container)||void 0===e||e.addEventListener("click",this.enableFocusReactionCallback),null===(o=this.container)||void 0===o||o.addEventListener("keyup",this.enableFocusReactionCallback)}enableFocusReaction(){var t,e,o;this.reactToFocus=!0,null===(t=this.container)||void 0===t||t.removeEventListener("blur",this.enableFocusReactionCallback),null===(e=this.container)||void 0===e||e.removeEventListener("click",this.enableFocusReactionCallback),null===(o=this.container)||void 0===o||o.removeEventListener("keyup",this.enableFocusReactionCallback)}reloadWhenUserSessionChanges(){var t;const{session:o}=Wr.getState();e.deepEqual(null===(t=this.currentSession)||void 0===t?void 0:t.profile,null==o?void 0:o.profile)||(this.currentSession=o,this.initSearchData())}}Xr.elementDefinitions={"ft-accordion":Yi,"ft-accordion-item":ir,"ft-button":ti,"ft-chip":dr,"ft-filter":Ti,"ft-filter-option":_i,"ft-icon":qo,"ft-ripple":Ze,"ft-select":wr,"ft-select-option":$r,"ft-size-watcher":f,"ft-skeleton":Ir,"ft-snap-scroll":Li,"ft-tooltip":jo,"ft-typography":se,"ft-radio-group":Oi,"ft-radio":vi},Xr.styles=[te,kr,Cr,zr.styles,Er.styles],Gr([i.property({type:Boolean})],Xr.prototype,"dense",void 0),Gr([i.property()],Xr.prototype,"mode",void 0),Gr([i.property({type:Boolean})],Xr.prototype,"forceMobileMenuOpen",void 0),Gr([i.property({type:Boolean})],Xr.prototype,"forceMenuOpen",void 0),Gr([i.property()],Xr.prototype,"baseUrl",void 0),Gr([i.property()],Xr.prototype,"apiIntegrationIdentifier",void 0),Gr([i.property()],Xr.prototype,"contentLocale",void 0),Gr([i.state()],Xr.prototype,"availableContentLocales",void 0),Gr([i.state()],Xr.prototype,"availableContentLocalesInitialized",void 0),Gr([i.property()],Xr.prototype,"uiLocale",void 0),Gr([e.jsonProperty({})],Xr.prototype,"labels",void 0),Gr([e.jsonProperty([])],Xr.prototype,"displayedFilters",void 0),Gr([e.jsonProperty([])],Xr.prototype,"presets",void 0),Gr([i.property({type:String,reflect:!0})],Xr.prototype,"selectedPreset",void 0),Gr([e.jsonProperty([])],Xr.prototype,"priors",void 0),Gr([i.property()],Xr.prototype,"searchRequestSerializer",void 0),Gr([i.property({type:Boolean})],Xr.prototype,"focusOnDisplay",void 0),Gr([i.state()],Xr.prototype,"searchFilters",void 0),Gr([i.state()],Xr.prototype,"sizeCategory",void 0),Gr([i.state()],Xr.prototype,"displayFacets",void 0),Gr([i.state()],Xr.prototype,"mobileMenuOpen",void 0),Gr([i.state()],Xr.prototype,"facets",void 0),Gr([i.state()],Xr.prototype,"facetsInitialized",void 0),Gr([i.query(".ft-search-bar--container")],Xr.prototype,"container",void 0),Gr([i.query(".ft-search-bar--filters-opener")],Xr.prototype,"filtersOpener",void 0),Gr([i.query(".ft-search-bar--floating-panel")],Xr.prototype,"floatingContainer",void 0),Gr([i.query("ft-snap-scroll.ft-search-bar--filters-container")],Xr.prototype,"scrollingFiltersContainer",void 0),Gr([i.query(".ft-search-bar--input")],Xr.prototype,"input",void 0),Gr([i.state()],Xr.prototype,"query",void 0),Gr([i.state()],Xr.prototype,"suggestions",void 0),Gr([i.state()],Xr.prototype,"recentSearches",void 0),Gr([i.state()],Xr.prototype,"scrollToFacet",void 0),Gr([i.state()],Xr.prototype,"api",void 0),Gr([i.state()],Xr.prototype,"reactToFocus",void 0),Gr([i.state()],Xr.prototype,"facetsLoaded",void 0),e.customElement("ft-search-bar")(Xr),t.DEFAULT_LABELS=_r,t.FtSearchBar=Xr,t.FtSearchBarCssVariables=Nr,t.LaunchSearchEvent=Vr,t.SearchStateChangeEvent=qr,t.facetsCss=Cr,t.searchBarCss=kr}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litDecorators,ftGlobals.litRepeat,ftGlobals.litClassMap,ftGlobals.litUnsafeHTML);
|