@fluid-topics/ft-search-bar 1.1.12 → 1.1.14
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 +207 -206
- package/build/ft-search-bar.min.js +534 -533
- package/package.json +14 -14
|
@@ -558,7 +558,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
558
558
|
@focusin=${this.onHover}
|
|
559
559
|
@focusout=${this.onOut}
|
|
560
560
|
@touchstart=${this.onTouch}>
|
|
561
|
-
<slot part="slot"></slot>
|
|
561
|
+
<slot part="slot" @click=${this.onClick}></slot>
|
|
562
562
|
<div part="tooltip" role="tooltip" inert
|
|
563
563
|
class="ft-tooltip ft-tooltip--${this.validPosition}"
|
|
564
564
|
?hidden=${!this.visible}>
|
|
@@ -568,7 +568,7 @@ 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()}show(t){this.visible=!0,null!=t&&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(){var t;this.resetTooltipContent(),this.tooltip&&this.slottedElement&&(this.tooltip.style.left="",this.tooltip.style.top="",Fo(this.slottedElement,this.tooltip,{platform:{...Zo,getOffsetParent:t=>Zo.getOffsetParent(t,Ko)},middleware:[(t={crossAxis:!0},void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:o,y:i,placement:r}=e,{mainAxis:a=!0,crossAxis:n=!1,limiter:l={fn:t=>{let{x:e,y:o}=t;return{x:e,y:o}}},...s}=_e(t,e),c={x:o,y:i},p=await io(e,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 g=l.fn({...e,[h]:d,[f]:u});return{...g,data:{x:g.x-o,y:g.y-i}}}}),ao({allowedPlacements:[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())}correctOutOfWindowPixels(t,e){return Math.max(t,Math.min(0,-e))}}Mo.elementDefinitions={"ft-typography":se},Mo.styles=Fe,Po([i.property()],Mo.prototype,"text",void 0),Po([i.property({type:Boolean})],Mo.prototype,"manual",void 0),Po([i.property({type:Boolean})],Mo.prototype,"inline",void 0),Po([i.property({type:Number})],Mo.prototype,"delay",void 0),Po([i.property()],Mo.prototype,"position",void 0),Po([i.queryAssignedNodes()],Mo.prototype,"slotNodes",void 0),Po([i.query(".ft-tooltip--container")],Mo.prototype,"container",void 0),Po([i.query(".ft-tooltip")],Mo.prototype,"tooltip",void 0),Po([i.query(".ft-tooltip--content")],Mo.prototype,"tooltipContent",void 0),Po([i.state()],Mo.prototype,"visible",void 0),Po([i.eventOptions({passive:!0})],Mo.prototype,"onTouch",null),Po([i.eventOptions({passive:!0})],Mo.prototype,"onHover",null),Po([i.eventOptions({passive:!0})],Mo.prototype,"onOut",null),e.customElement("ft-tooltip")(Mo),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.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=""}(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"].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()}show(t){this.visible=!0,null!=t&&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(){var t;this.resetTooltipContent(),this.tooltip&&this.slottedElement&&(this.tooltip.style.left="",this.tooltip.style.top="",Fo(this.slottedElement,this.tooltip,{platform:{...Zo,getOffsetParent:t=>Zo.getOffsetParent(t,Ko)},middleware:[(t={crossAxis:!0},void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:o,y:i,placement:r}=e,{mainAxis:a=!0,crossAxis:n=!1,limiter:l={fn:t=>{let{x:e,y:o}=t;return{x:e,y:o}}},...s}=_e(t,e),c={x:o,y:i},p=await io(e,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 g=l.fn({...e,[h]:d,[f]:u});return{...g,data:{x:g.x-o,y:g.y-i}}}}),ao({allowedPlacements:[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))}}Mo.elementDefinitions={"ft-typography":se},Mo.styles=Fe,Po([i.property()],Mo.prototype,"text",void 0),Po([i.property({type:Boolean})],Mo.prototype,"manual",void 0),Po([i.property({type:Boolean})],Mo.prototype,"inline",void 0),Po([i.property({type:Number})],Mo.prototype,"delay",void 0),Po([i.property()],Mo.prototype,"position",void 0),Po([i.queryAssignedNodes()],Mo.prototype,"slotNodes",void 0),Po([i.query(".ft-tooltip--container")],Mo.prototype,"container",void 0),Po([i.query(".ft-tooltip")],Mo.prototype,"tooltip",void 0),Po([i.query(".ft-tooltip--content")],Mo.prototype,"tooltipContent",void 0),Po([i.state()],Mo.prototype,"visible",void 0),Po([i.eventOptions({passive:!0})],Mo.prototype,"onTouch",null),Po([i.eventOptions({passive:!0})],Mo.prototype,"onHover",null),Po([i.eventOptions({passive:!0})],Mo.prototype,"onOut",null),Po([i.eventOptions({passive:!0})],Mo.prototype,"onClick",null),e.customElement("ft-tooltip")(Mo),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.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=""}(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"].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`
|
|
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>
|
|
@@ -821,7 +821,7 @@ 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 ei=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 Xo{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}}oi.styles=[e.safariEllipsisFix,ti],ei([i.property({type:Boolean})],oi.prototype,"primary",void 0),ei([i.property({type:Boolean})],oi.prototype,"secondary",void 0),ei([i.property({type:Boolean})],oi.prototype,"tertiary",void 0),ei([i.property({type:Boolean})],oi.prototype,"neutral",void 0),ei([i.property({type:Boolean})],oi.prototype,"small",void 0),e.customElement("ft-button")(Qo),e.customElement("ftds-button")(oi);const ii=e.FtCssVariableFactory.extend("--ft-checkbox-text-color","",e.designSystemVariables.colorOnSurfaceHigh),ri=e.FtCssVariableFactory.external(e.designSystemVariables.colorPrimary,"Design system"),
|
|
824
|
+
`,e.noTextSelect];var ei=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 Xo{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}}oi.styles=[e.safariEllipsisFix,ti],ei([i.property({type:Boolean})],oi.prototype,"primary",void 0),ei([i.property({type:Boolean})],oi.prototype,"secondary",void 0),ei([i.property({type:Boolean})],oi.prototype,"tertiary",void 0),ei([i.property({type:Boolean})],oi.prototype,"neutral",void 0),ei([i.property({type:Boolean})],oi.prototype,"small",void 0),e.customElement("ft-button")(Qo),e.customElement("ftds-button")(oi);const ii=e.FtCssVariableFactory.extend("--ft-checkbox-text-color","",e.designSystemVariables.colorOnSurfaceHigh),ri=e.FtCssVariableFactory.extend("--ft-checkbox-font-size","",st.fontSize),ai=e.FtCssVariableFactory.external(e.designSystemVariables.colorPrimary,"Design system"),ni=e.FtCssVariableFactory.external(e.designSystemVariables.colorOnPrimary,"Design system"),li=e.FtCssVariableFactory.extend("--ft-checkbox-border-color","",e.designSystemVariables.colorOnSurfaceMedium),si=e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceDisabled,"Design system"),ci=o.css`
|
|
825
825
|
* {
|
|
826
826
|
box-sizing: border-box;
|
|
827
827
|
}
|
|
@@ -829,6 +829,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
829
829
|
.ft-checkbox {
|
|
830
830
|
box-sizing: border-box;
|
|
831
831
|
color: ${ii};
|
|
832
|
+
font-size: ${ri};
|
|
832
833
|
|
|
833
834
|
display: inline-flex;
|
|
834
835
|
align-items: center;
|
|
@@ -836,7 +837,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
836
837
|
}
|
|
837
838
|
|
|
838
839
|
.ft-checkbox--disabled {
|
|
839
|
-
color: ${
|
|
840
|
+
color: ${si};
|
|
840
841
|
}
|
|
841
842
|
|
|
842
843
|
input {
|
|
@@ -860,26 +861,26 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
860
861
|
|
|
861
862
|
.ft-checkbox--box {
|
|
862
863
|
display: flex;
|
|
863
|
-
border: 2px solid ${
|
|
864
|
+
border: 2px solid ${li};
|
|
864
865
|
border-radius: 2px;
|
|
865
866
|
|
|
866
867
|
width: 18px;
|
|
867
868
|
height: 18px;
|
|
868
869
|
|
|
869
|
-
color: ${
|
|
870
|
+
color: ${ni};
|
|
870
871
|
}
|
|
871
872
|
|
|
872
873
|
|
|
873
874
|
.ft-checkbox--checked .ft-checkbox--box,
|
|
874
875
|
.ft-checkbox--indeterminate .ft-checkbox--box {
|
|
875
|
-
border-color: ${
|
|
876
|
-
background-color: ${
|
|
876
|
+
border-color: ${ai};
|
|
877
|
+
background-color: ${ai};
|
|
877
878
|
}
|
|
878
879
|
|
|
879
880
|
.ft-checkbox--disabled .ft-checkbox--box {
|
|
880
|
-
border-color: ${
|
|
881
|
+
border-color: ${si};
|
|
881
882
|
background-color: transparent;
|
|
882
|
-
color: ${
|
|
883
|
+
color: ${si};
|
|
883
884
|
}
|
|
884
885
|
|
|
885
886
|
.ft-checkbox--checkmark {
|
|
@@ -898,7 +899,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
898
899
|
.ft-checkbox--indeterminate .ft-checkbox--checkmark {
|
|
899
900
|
opacity: 1;
|
|
900
901
|
}
|
|
901
|
-
`;var
|
|
902
|
+
`;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 fi 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`
|
|
902
903
|
<label class="${a.classMap(t)}" for="checkbox-input">
|
|
903
904
|
<div class="ft-checkbox--box-container">
|
|
904
905
|
<ft-ripple
|
|
@@ -924,14 +925,14 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
924
925
|
<slot></slot>
|
|
925
926
|
</ft-typography>
|
|
926
927
|
</label>
|
|
927
|
-
`}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)}}fi.elementDefinitions={"ft-ripple":Be,"ft-typography":se},fi.styles=ci,pi([i.property()],fi.prototype,"name",void 0),pi([i.property({type:Boolean,reflect:!0})],fi.prototype,"checked",void 0),pi([i.property({type:Boolean})],fi.prototype,"indeterminate",void 0),pi([i.property({type:Boolean})],fi.prototype,"disabled",void 0),pi([i.query(".ft-checkbox")],fi.prototype,"container",void 0),pi([i.query("ft-ripple")],fi.prototype,"ripple",void 0),e.customElement("ft-checkbox")(fi);const hi=e.FtCssVariableFactory.extend("--ft-radio-text-color","",e.designSystemVariables.colorOnSurfaceHigh),di=e.FtCssVariableFactory.external(e.designSystemVariables.colorPrimary,"Design system"),ui=(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"),bi=o.css`
|
|
928
929
|
* {
|
|
929
930
|
box-sizing: border-box;
|
|
930
931
|
}
|
|
931
932
|
|
|
932
933
|
.ft-radio {
|
|
933
934
|
box-sizing: border-box;
|
|
934
|
-
color: ${
|
|
935
|
+
color: ${hi};
|
|
935
936
|
|
|
936
937
|
display: inline-flex;
|
|
937
938
|
align-items: center;
|
|
@@ -939,7 +940,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
939
940
|
}
|
|
940
941
|
|
|
941
942
|
.ft-radio--disabled {
|
|
942
|
-
color: ${
|
|
943
|
+
color: ${gi};
|
|
943
944
|
}
|
|
944
945
|
|
|
945
946
|
input {
|
|
@@ -962,7 +963,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
962
963
|
}
|
|
963
964
|
|
|
964
965
|
.ft-radio--box {
|
|
965
|
-
border: 2px solid ${
|
|
966
|
+
border: 2px solid ${ui};
|
|
966
967
|
border-radius: 50%;
|
|
967
968
|
|
|
968
969
|
display: flex;
|
|
@@ -975,7 +976,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
975
976
|
|
|
976
977
|
.ft-radio--box:after {
|
|
977
978
|
content: " ";
|
|
978
|
-
background-color: ${
|
|
979
|
+
background-color: ${di};
|
|
979
980
|
|
|
980
981
|
border-radius: 50%;
|
|
981
982
|
|
|
@@ -987,7 +988,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
987
988
|
}
|
|
988
989
|
|
|
989
990
|
.ft-radio--checked .ft-radio--box {
|
|
990
|
-
border-color: ${
|
|
991
|
+
border-color: ${di};
|
|
991
992
|
}
|
|
992
993
|
|
|
993
994
|
|
|
@@ -996,14 +997,14 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
996
997
|
}
|
|
997
998
|
|
|
998
999
|
.ft-radio--disabled .ft-radio--box {
|
|
999
|
-
border-color: ${
|
|
1000
|
+
border-color: ${gi};
|
|
1000
1001
|
background-color: transparent;
|
|
1001
1002
|
}
|
|
1002
1003
|
|
|
1003
1004
|
.ft-radio--disabled .ft-radio--box:after {
|
|
1004
|
-
background-color: ${
|
|
1005
|
+
background-color: ${gi};
|
|
1005
1006
|
}
|
|
1006
|
-
`;var
|
|
1007
|
+
`;var yi=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 mi 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`
|
|
1007
1008
|
<div class="${a.classMap(t)}">
|
|
1008
1009
|
<div class="ft-radio--box-container">
|
|
1009
1010
|
<ft-ripple
|
|
@@ -1028,16 +1029,16 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1028
1029
|
</ft-typography>
|
|
1029
1030
|
</label>
|
|
1030
1031
|
</div>
|
|
1031
|
-
`}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 mi(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 mi(this.value,this.checked)),this.focus()}focus(){var t;null===(t=this.input)||void 0===t||t.focus()}}vi.elementDefinitions={"ft-ripple":Be,"ft-typography":se},vi.styles=bi,yi([i.property()],vi.prototype,"value",void 0),yi([i.property()],vi.prototype,"name",void 0),yi([i.property({type:Boolean,reflect:!0})],vi.prototype,"checked",void 0),yi([i.property({type:Boolean})],vi.prototype,"disabled",void 0),yi([i.query(".ft-radio")],vi.prototype,"container",void 0),yi([i.query("ft-ripple")],vi.prototype,"ripple",void 0),yi([i.query("input")],vi.prototype,"input",void 0);const xi=o.css`
|
|
1032
1033
|
:host {
|
|
1033
1034
|
display: contents;
|
|
1034
1035
|
}
|
|
1035
|
-
`;var
|
|
1036
|
+
`;var $i=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`
|
|
1036
1037
|
<slot @slotchange=${this.onSlotChange}
|
|
1037
1038
|
@change=${this.onChange}
|
|
1038
1039
|
@keydown=${this.onKeyDown}
|
|
1039
1040
|
></slot>
|
|
1040
|
-
`}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=xi,$i([i.property()],Oi.prototype,"name",void 0),$i([i.queryAssignedElements()],Oi.prototype,"radioButtons",void 0),e.customElement("ft-radio")(vi),e.customElement("ft-radio-group")(Oi);const wi={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")},ki=o.css`
|
|
1041
1042
|
.ft-filter-level--container {
|
|
1042
1043
|
display: flex;
|
|
1043
1044
|
flex-direction: column;
|
|
@@ -1051,14 +1052,14 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1051
1052
|
flex-shrink: 0;
|
|
1052
1053
|
text-decoration: none;
|
|
1053
1054
|
position: relative;
|
|
1054
|
-
border-radius: ${
|
|
1055
|
+
border-radius: ${wi.borderRadiusM};
|
|
1055
1056
|
overflow: hidden;
|
|
1056
1057
|
display: flex;
|
|
1057
1058
|
align-items: center;
|
|
1058
1059
|
padding: 4px 4px;
|
|
1059
1060
|
gap: 4px;
|
|
1060
1061
|
cursor: pointer;
|
|
1061
|
-
color: ${
|
|
1062
|
+
color: ${wi.colorOnSurface};
|
|
1062
1063
|
}
|
|
1063
1064
|
|
|
1064
1065
|
.ft-filter-level--go-back:focus {
|
|
@@ -1087,7 +1088,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1087
1088
|
}
|
|
1088
1089
|
|
|
1089
1090
|
ft-button {
|
|
1090
|
-
${e.setVariable(Ne.color,
|
|
1091
|
+
${e.setVariable(Ne.color,wi.colorOnSurface)};
|
|
1091
1092
|
}
|
|
1092
1093
|
|
|
1093
1094
|
ft-radio, ft-checkbox {
|
|
@@ -1101,9 +1102,9 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1101
1102
|
|
|
1102
1103
|
.ft-filter-level--no-values {
|
|
1103
1104
|
margin: 10px 0;
|
|
1104
|
-
color: ${
|
|
1105
|
+
color: ${wi.colorOnSurfaceMedium};
|
|
1105
1106
|
}
|
|
1106
|
-
`;var
|
|
1107
|
+
`;var Si=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 Ni 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`
|
|
1107
1108
|
<div class="ft-filter-level--container ${this.disabled?"ft-filter--disabled":""}">
|
|
1108
1109
|
${null==this.parent?null:o.html`
|
|
1109
1110
|
<div tabindex="0"
|
|
@@ -1167,7 +1168,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1167
1168
|
@change=${t=>t.stopPropagation()}>
|
|
1168
1169
|
${t.renderOption?t.renderOption:t.label}
|
|
1169
1170
|
</ft-radio>
|
|
1170
|
-
`}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}))}}Ni.elementDefinitions={"ft-button":Qo,"ft-ripple":Be,"ft-typography":se,"ft-checkbox":fi,"ft-icon":Vo,"ft-radio":vi},Ni.styles=ki,Si([i.property({type:String})],Ni.prototype,"filterId",void 0),Si([i.property({type:Object})],Ni.prototype,"parent",void 0),Si([i.property({type:Array})],Ni.prototype,"options",void 0),Si([i.property({type:Boolean})],Ni.prototype,"multivalued",void 0),Si([i.property({type:Boolean})],Ni.prototype,"disabled",void 0),Si([i.property({type:Boolean})],Ni.prototype,"hideSelectedOptions",void 0),Si([i.property({type:Boolean})],Ni.prototype,"preventNavigation",void 0),Si([i.property({type:String})],Ni.prototype,"filter",void 0),Si([i.property({type:String})],Ni.prototype,"moreValuesButtonLabel",void 0),Si([i.property({type:String})],Ni.prototype,"noValuesLabel",void 0),Si([i.property({type:Number})],Ni.prototype,"displayedValuesLimit",void 0),Si([i.query(".ft-filter-level--container")],Ni.prototype,"container",void 0),Si([i.state()],Ni.prototype,"displayedPages",void 0);const Ci={buttonsColor:e.FtCssVariableFactory.extend("--ft-snap-scroll-buttons-color","",e.designSystemVariables.colorPrimary),buttonsZIndex:e.FtCssVariableFactory.create("--ft-snap-scroll-buttons-z-index","","COLOR","1"),gap:e.FtCssVariableFactory.create("--ft-snap-scroll-gap","","SIZE","0"),colorSurface:e.FtCssVariableFactory.external(e.designSystemVariables.colorSurface,"Design system")},Ii=o.css`
|
|
1171
1172
|
.ft-snap-scroll {
|
|
1172
1173
|
box-sizing: border-box;
|
|
1173
1174
|
position: relative;
|
|
@@ -1202,7 +1203,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1202
1203
|
flex-wrap: nowrap;
|
|
1203
1204
|
align-items: flex-start;
|
|
1204
1205
|
justify-content: flex-start;
|
|
1205
|
-
gap: ${
|
|
1206
|
+
gap: ${Ci.gap};
|
|
1206
1207
|
}
|
|
1207
1208
|
|
|
1208
1209
|
.ft-snap-scroll--hide-scrollbar .ft-snap-scroll--content::-webkit-scrollbar {
|
|
@@ -1245,11 +1246,11 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1245
1246
|
.ft-snap-scroll--next {
|
|
1246
1247
|
position: absolute;
|
|
1247
1248
|
display: flex;
|
|
1248
|
-
z-index: ${
|
|
1249
|
+
z-index: ${Ci.buttonsZIndex};
|
|
1249
1250
|
opacity: 1;
|
|
1250
1251
|
transition: background-color .5s ease-in-out, opacity .5s ease-in-out, z-index .5s ease-in-out;
|
|
1251
1252
|
${e.setVariable(Ne.backgroundColor,"transparent")};
|
|
1252
|
-
${e.setVariable(Ne.color,
|
|
1253
|
+
${e.setVariable(Ne.color,Ci.buttonsColor)};
|
|
1253
1254
|
}
|
|
1254
1255
|
|
|
1255
1256
|
.ft-snap-scroll--previous[hidden],
|
|
@@ -1262,37 +1263,37 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1262
1263
|
top: 0;
|
|
1263
1264
|
left: -1px;
|
|
1264
1265
|
bottom: 0;
|
|
1265
|
-
background: linear-gradient(to right, ${
|
|
1266
|
+
background: linear-gradient(to right, ${Ci.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1266
1267
|
}
|
|
1267
1268
|
|
|
1268
1269
|
.ft-snap-scroll--vertical .ft-snap-scroll--previous {
|
|
1269
1270
|
top: -1px;
|
|
1270
1271
|
left: 0;
|
|
1271
1272
|
right: 0;
|
|
1272
|
-
background: linear-gradient(to bottom, ${
|
|
1273
|
+
background: linear-gradient(to bottom, ${Ci.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1273
1274
|
}
|
|
1274
1275
|
|
|
1275
1276
|
.ft-snap-scroll--horizontal .ft-snap-scroll--next {
|
|
1276
1277
|
top: 0;
|
|
1277
1278
|
right: -1px;
|
|
1278
1279
|
bottom: 0;
|
|
1279
|
-
background: linear-gradient(to left, ${
|
|
1280
|
+
background: linear-gradient(to left, ${Ci.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1280
1281
|
}
|
|
1281
1282
|
|
|
1282
1283
|
.ft-snap-scroll--vertical .ft-snap-scroll--next {
|
|
1283
1284
|
left: 0;
|
|
1284
1285
|
right: 0;
|
|
1285
1286
|
bottom: -1px;
|
|
1286
|
-
background: linear-gradient(to top, ${
|
|
1287
|
+
background: linear-gradient(to top, ${Ci.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1287
1288
|
}
|
|
1288
1289
|
|
|
1289
1290
|
.ft-snap-scroll--horizontal .ft-snap-scroll--previous:hover,
|
|
1290
1291
|
.ft-snap-scroll--horizontal .ft-snap-scroll--next:hover,
|
|
1291
1292
|
.ft-snap-scroll--vertical .ft-snap-scroll--previous:hover,
|
|
1292
1293
|
.ft-snap-scroll--vertical .ft-snap-scroll--next:hover {
|
|
1293
|
-
background-color: ${
|
|
1294
|
+
background-color: ${Ci.colorSurface};
|
|
1294
1295
|
}
|
|
1295
|
-
`;var
|
|
1296
|
+
`;var Ei=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 Ri 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`
|
|
1296
1297
|
<div part="container" class="${t}">
|
|
1297
1298
|
<ft-button
|
|
1298
1299
|
class="ft-snap-scroll--previous"
|
|
@@ -1316,7 +1317,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1316
1317
|
@click=${this.next}
|
|
1317
1318
|
></ft-button>
|
|
1318
1319
|
</div>
|
|
1319
|
-
`}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 Ri(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":Qo},Li.styles=Ii,Ei([i.property({type:Boolean})],Li.prototype,"horizontal",void 0),Ei([i.property({type:Boolean})],Li.prototype,"hideScrollbar",void 0),Ei([i.property({type:Boolean})],Li.prototype,"controls",void 0),Ei([i.property({type:Boolean})],Li.prototype,"limitSize",void 0),Ei([i.state()],Li.prototype,"elements",void 0),Ei([i.state()],Li.prototype,"currentElement",void 0),Ei([i.state()],Li.prototype,"withScroll",void 0),Ei([i.state()],Li.prototype,"startReached",void 0),Ei([i.state()],Li.prototype,"endReached",void 0),Ei([i.query(".ft-snap-scroll--content")],Li.prototype,"contentSlot",void 0),e.customElement("ft-snap-scroll")(Li);const zi=e.FtCssVariableFactory.external(e.designSystemVariables.colorOutline,"Design system"),Ui=e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurface,"Design system"),Wi=e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceMedium,"Design system"),Bi=e.FtCssVariableFactory.external(e.designSystemVariables.colorPrimary,"Design system"),Zi=e.FtCssVariableFactory.external(e.designSystemVariables.colorSurface,"Design system"),Fi=e.FtCssVariableFactory.external(e.designSystemVariables.transitionDuration,"Design system"),Ki=e.FtCssVariableFactory.external(e.designSystemVariables.transitionTimingFunction,"Design system"),Di=e.FtCssVariableFactory.extend("--ft-filter-label-color","",e.designSystemVariables.colorOnSurface),Ai=e.FtCssVariableFactory.extend("--ft-filter-label-font-size","",st.fontSize,"14px"),Hi=[ee,o.css`
|
|
1320
1321
|
:host {
|
|
1321
1322
|
display: flex;
|
|
1322
1323
|
max-height: 100%;
|
|
@@ -1329,7 +1330,6 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1329
1330
|
flex-direction: column;
|
|
1330
1331
|
max-height: 100%;
|
|
1331
1332
|
max-width: 100%;
|
|
1332
|
-
color: ${zi};
|
|
1333
1333
|
}
|
|
1334
1334
|
|
|
1335
1335
|
.ft-filter--header {
|
|
@@ -1339,7 +1339,6 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1339
1339
|
flex-shrink: 0;
|
|
1340
1340
|
padding: 0 10px;
|
|
1341
1341
|
margin-bottom: 8px;
|
|
1342
|
-
${e.setVariable(st.fontSize,"14px")};
|
|
1343
1342
|
}
|
|
1344
1343
|
|
|
1345
1344
|
.ft-filter--header ft-button {
|
|
@@ -1353,6 +1352,8 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1353
1352
|
flex-shrink: 1;
|
|
1354
1353
|
flex-grow: 1;
|
|
1355
1354
|
word-break: break-word;
|
|
1355
|
+
color: ${Di};
|
|
1356
|
+
font-size: ${Ai};
|
|
1356
1357
|
${e.setVariable(st.lineHeight,"22px")};
|
|
1357
1358
|
${e.setVariable(st.fontWeight,"bold")};
|
|
1358
1359
|
}
|
|
@@ -1365,8 +1366,8 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1365
1366
|
padding: 0 10px;
|
|
1366
1367
|
overflow: hidden;
|
|
1367
1368
|
height: 32px;
|
|
1368
|
-
transition: height ${
|
|
1369
|
-
margin ${
|
|
1369
|
+
transition: height ${Fi} ${Ki},
|
|
1370
|
+
margin ${Fi} ${Ki};
|
|
1370
1371
|
transition-delay: 500ms;
|
|
1371
1372
|
}
|
|
1372
1373
|
|
|
@@ -1379,15 +1380,15 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1379
1380
|
display: block;
|
|
1380
1381
|
width: 100%;
|
|
1381
1382
|
border-radius: 4px;
|
|
1382
|
-
border: 1px solid ${
|
|
1383
|
+
border: 1px solid ${zi};
|
|
1383
1384
|
padding: 4px;
|
|
1384
|
-
background-color: ${
|
|
1385
|
-
color: ${
|
|
1386
|
-
outline-color: ${
|
|
1385
|
+
background-color: ${Zi};
|
|
1386
|
+
color: ${Ui};
|
|
1387
|
+
outline-color: ${Bi};
|
|
1387
1388
|
}
|
|
1388
1389
|
|
|
1389
1390
|
input::placeholder {
|
|
1390
|
-
color: ${
|
|
1391
|
+
color: ${Wi};
|
|
1391
1392
|
}
|
|
1392
1393
|
|
|
1393
1394
|
input:placeholder-shown {
|
|
@@ -1403,7 +1404,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1403
1404
|
}
|
|
1404
1405
|
|
|
1405
1406
|
.ft-filter--separator {
|
|
1406
|
-
border-top: 1px solid ${
|
|
1407
|
+
border-top: 1px solid ${zi};
|
|
1407
1408
|
margin: 4px 10px;
|
|
1408
1409
|
}
|
|
1409
1410
|
|
|
@@ -1428,7 +1429,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1428
1429
|
slot:not([name]) {
|
|
1429
1430
|
display: none;
|
|
1430
1431
|
}
|
|
1431
|
-
`];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 Mi extends CustomEvent{constructor(t){super("change",{detail:t})}}class ji 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`
|
|
1432
1433
|
<div class="ft-filter--container ${this.disabled?"ft-filter--disabled":""}"
|
|
1433
1434
|
part="container">
|
|
1434
1435
|
${this.label||t?o.html`
|
|
@@ -1500,17 +1501,17 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1500
1501
|
.exportpartsPrefixes=${["values","available-values"]}
|
|
1501
1502
|
noValuesLabel="${this.noValuesLabel}"
|
|
1502
1503
|
></ft-filter-level>
|
|
1503
|
-
`}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 Mi(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)}}ji.elementDefinitions={"ft-button":Qo,"ft-filter-level":Ni,"ft-snap-scroll":Li,"ft-typography":se},ji.styles=Hi,Pi([i.property({type:String})],ji.prototype,"id",void 0),Pi([i.property({type:String})],ji.prototype,"label",void 0),Pi([i.property({type:String})],ji.prototype,"filterPlaceHolder",void 0),Pi([i.property({type:String})],ji.prototype,"clearButtonLabel",void 0),Pi([i.property({type:String})],ji.prototype,"moreValuesButtonLabel",void 0),Pi([i.property({type:String})],ji.prototype,"noValuesLabel",void 0),Pi([e.jsonProperty([])],ji.prototype,"options",void 0),Pi([i.property({type:Boolean})],ji.prototype,"multivalued",void 0),Pi([i.property({type:Boolean})],ji.prototype,"disabled",void 0),Pi([i.property({type:Boolean})],ji.prototype,"raiseSelectedOptions",void 0),Pi([i.property({type:Number})],ji.prototype,"displayedValuesLimit",void 0),Pi([i.property({type:Boolean})],ji.prototype,"hideClearButton",void 0),Pi([i.query(".ft-filter--slot")],ji.prototype,"slotElement",void 0),Pi([i.query(".ft-filter--container")],ji.prototype,"container",void 0),Pi([i.query(".ft-filter--values")],ji.prototype,"valuesContainer",void 0),Pi([i.query(".ft-filter--levels")],ji.prototype,"levelsContainer",void 0),Pi([i.state()],ji.prototype,"lastLevelHasHiddenvalues",void 0),Pi([i.query(".ft-filter--filter input")],ji.prototype,"filterInput",void 0),Pi([i.queryAll(".ft-filter--levels ft-filter-level")],ji.prototype,"levels",void 0),Pi([i.state()],ji.prototype,"withScroll",void 0),Pi([i.state()],ji.prototype,"filter",void 0),Pi([i.state()],ji.prototype,"slideIn",void 0),Pi([i.state()],ji.prototype,"slideOut",void 0);var Ti=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 Gi extends e.FtLitElement{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1,this.subOptions=[]}render(){return o.html`
|
|
1504
1505
|
<slot class="ft-filter-option--slot" @slotchange=${this.updateSubOptionsFromSlot}></slot>
|
|
1505
|
-
`}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}))}}Gi.elementDefinitions={},Ti([i.property({type:String})],Gi.prototype,"label",void 0),Ti([i.property({type:Object,converter:t=>t})],Gi.prototype,"value",void 0),Ti([i.property({type:Boolean,reflect:!0})],Gi.prototype,"selected",void 0),Ti([i.property({type:Object})],Gi.prototype,"subOptions",void 0),Ti([e.jsonProperty({})],Gi.prototype,"renderOption",void 0),Ti([i.query(".ft-filter-option--slot")],Gi.prototype,"slotElement",void 0),e.customElement("ft-filter")(ji),e.customElement("ft-filter-option")(Gi);const _i=o.css`
|
|
1506
1507
|
.ft-accordion {
|
|
1507
1508
|
box-sizing: border-box;
|
|
1508
1509
|
}
|
|
1509
|
-
`;var
|
|
1510
|
+
`;var Vi=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 qi extends e.FtLitElement{constructor(){super(...arguments),this.multi=!1}render(){return o.html`
|
|
1510
1511
|
<div class="ft-accordion">
|
|
1511
1512
|
<slot @activated=${this.onChange}></slot>
|
|
1512
1513
|
</div>
|
|
1513
|
-
`}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))}}qi.elementDefinitions={},qi.styles=_i,Vi([i.property({type:Boolean})],qi.prototype,"multi",void 0),Vi([i.query("slot")],qi.prototype,"content",void 0);const Yi=e.FtCssVariableFactory.create("--ft-accordion-toggle-horizontal-spacing","","SIZE","16px"),Xi=e.FtCssVariableFactory.create("--ft-accordion-toggle-vertical-spacing","","SIZE","16px"),Ji=e.FtCssVariableFactory.external(e.designSystemVariables.colorOutline,"Design system"),Qi=o.css`
|
|
1514
1515
|
.ft-accordion-item {
|
|
1515
1516
|
display: flex;
|
|
1516
1517
|
flex-direction: column;
|
|
@@ -1523,8 +1524,8 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1523
1524
|
display: flex;
|
|
1524
1525
|
align-items: center;
|
|
1525
1526
|
cursor: pointer;
|
|
1526
|
-
padding: ${
|
|
1527
|
-
gap: calc(${
|
|
1527
|
+
padding: ${Xi} ${Yi};
|
|
1528
|
+
gap: calc(${Yi} / 2);
|
|
1528
1529
|
outline: none;
|
|
1529
1530
|
}
|
|
1530
1531
|
|
|
@@ -1549,13 +1550,13 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1549
1550
|
.ft-accordion-item--active .ft-accordion-item--content {
|
|
1550
1551
|
height: initial;
|
|
1551
1552
|
overflow: visible;
|
|
1552
|
-
padding: ${
|
|
1553
|
+
padding: ${Xi} ${Yi};
|
|
1553
1554
|
}
|
|
1554
1555
|
|
|
1555
1556
|
.ft-accordion-item--separator {
|
|
1556
|
-
border-bottom: 1px solid ${
|
|
1557
|
+
border-bottom: 1px solid ${Ji};
|
|
1557
1558
|
}
|
|
1558
|
-
`;var
|
|
1559
|
+
`;var tr=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 er extends e.FtLitElement{constructor(){super(...arguments),this.icon="",this.label="",this.active=!1}render(){return o.html`
|
|
1559
1560
|
<div class="ft-accordion-item ${this.active?"ft-accordion-item--active":""}">
|
|
1560
1561
|
<div class="ft-accordion-item--toggle"
|
|
1561
1562
|
part="toggle"
|
|
@@ -1585,7 +1586,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1585
1586
|
</div>
|
|
1586
1587
|
<div class="ft-accordion-item--separator" part="separator"></div>
|
|
1587
1588
|
</div>
|
|
1588
|
-
`}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)}}
|
|
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)}}er.elementDefinitions={"ft-ripple":Be,"ft-typography":se,"ft-icon":Vo},er.styles=Qi,tr([i.property()],er.prototype,"icon",void 0),tr([i.property()],er.prototype,"iconVariant",void 0),tr([i.property()],er.prototype,"label",void 0),tr([i.property({type:Boolean,reflect:!0})],er.prototype,"active",void 0),e.customElement("ft-accordion")(qi),e.customElement("ft-accordion-item")(er);const or=e.FtCssVariableFactory.extend("--ft-chip-color","",e.designSystemVariables.colorOnSurface),ir={backgroundColor:e.FtCssVariableFactory.extend("--ft-chip-background-color","",e.designSystemVariables.colorSurface),color:or,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","",or),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")},rr=e.FtCssVariableFactory.extend("--ft-chip-highlighted-color","",e.FtCssVariableFactory.extend("--ft-chip-color","",e.designSystemVariables.colorOnPrimary)),ar={backgroundColor:e.FtCssVariableFactory.extend("--ft-chip-highlighted-background-color","",e.FtCssVariableFactory.extend("--ft-chip-background-color","",e.designSystemVariables.colorPrimary)),color:rr,rippleColor:e.FtCssVariableFactory.extend("--ft-chip-highlighted-ripple-color","",rr)},nr=e.FtCssVariableFactory.create("--ft-chip-dense-horizontal-padding","","SIZE","4px"),lr=e.FtCssVariableFactory.create("--ft-chip-dense-vertical-padding","","SIZE","4px"),sr=[e.noTextSelect,o.css`
|
|
1589
1590
|
:host {
|
|
1590
1591
|
display: inline-block;
|
|
1591
1592
|
max-width: 100%;
|
|
@@ -1601,20 +1602,20 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1601
1602
|
box-sizing: border-box;
|
|
1602
1603
|
pointer-events: auto;
|
|
1603
1604
|
|
|
1604
|
-
--ft-chip-internal-font-size: ${
|
|
1605
|
+
--ft-chip-internal-font-size: ${ir.fontSize};
|
|
1605
1606
|
--ft-chip-internal-line-height: max(20px, calc(var(--ft-chip-internal-font-size) + 2px));
|
|
1606
|
-
${e.setVariable(we.size,
|
|
1607
|
-
--ft-chip-internal-vertical-padding: ${
|
|
1608
|
-
--ft-chip-internal-horizontal-padding: ${
|
|
1607
|
+
${e.setVariable(we.size,ir.iconSize)};
|
|
1608
|
+
--ft-chip-internal-vertical-padding: ${ir.verticalPadding};
|
|
1609
|
+
--ft-chip-internal-horizontal-padding: ${ir.horizontalPadding};
|
|
1609
1610
|
--ft-chip-internal-icon-padding: 3px;
|
|
1610
|
-
--ft-chip-internal-content-height: max(var(--ft-chip-internal-line-height), ${
|
|
1611
|
+
--ft-chip-internal-content-height: max(var(--ft-chip-internal-line-height), ${ir.iconSize});
|
|
1611
1612
|
|
|
1612
|
-
border: 1px solid ${
|
|
1613
|
-
color: ${
|
|
1614
|
-
${e.setVariable(de.color,
|
|
1613
|
+
border: 1px solid ${ir.colorOutline};
|
|
1614
|
+
color: ${ir.color};
|
|
1615
|
+
${e.setVariable(de.color,ir.rippleColor)};
|
|
1615
1616
|
border-radius: calc(var(--ft-chip-internal-content-height) / 2 + var(--ft-chip-internal-vertical-padding));
|
|
1616
1617
|
padding: calc(var(--ft-chip-internal-vertical-padding) - 1px) calc(var(--ft-chip-internal-horizontal-padding) - 1px);
|
|
1617
|
-
background-color: ${
|
|
1618
|
+
background-color: ${ir.backgroundColor};
|
|
1618
1619
|
line-height: var(--ft-chip-internal-content-height);
|
|
1619
1620
|
}
|
|
1620
1621
|
|
|
@@ -1624,8 +1625,8 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1624
1625
|
|
|
1625
1626
|
.ft-chip--dense {
|
|
1626
1627
|
--ft-chip-internal-icon-padding: 3px;
|
|
1627
|
-
--ft-chip-internal-vertical-padding: ${
|
|
1628
|
-
--ft-chip-internal-horizontal-padding: ${
|
|
1628
|
+
--ft-chip-internal-vertical-padding: ${lr};
|
|
1629
|
+
--ft-chip-internal-horizontal-padding: ${nr};
|
|
1629
1630
|
--ft-chip-internal-line-height: max(16px, calc(var(--ft-chip-internal-font-size) + 2px));
|
|
1630
1631
|
}
|
|
1631
1632
|
|
|
@@ -1637,15 +1638,15 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1637
1638
|
cursor: default;
|
|
1638
1639
|
pointer-events: none;
|
|
1639
1640
|
filter: grayscale(1);
|
|
1640
|
-
opacity: ${
|
|
1641
|
+
opacity: ${ir.opacityDisabled};
|
|
1641
1642
|
}
|
|
1642
1643
|
|
|
1643
1644
|
.ft-chip--highlighted {
|
|
1644
1645
|
border: none;
|
|
1645
1646
|
padding: var(--ft-chip-internal-vertical-padding) var(--ft-chip-internal-horizontal-padding);
|
|
1646
|
-
background-color: ${
|
|
1647
|
-
${e.setVariable(de.color,
|
|
1648
|
-
color: ${
|
|
1647
|
+
background-color: ${ar.backgroundColor};
|
|
1648
|
+
${e.setVariable(de.color,ar.rippleColor)};
|
|
1649
|
+
color: ${ar.color};
|
|
1649
1650
|
}
|
|
1650
1651
|
|
|
1651
1652
|
.ft-chip--clickable {
|
|
@@ -1675,7 +1676,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1675
1676
|
}
|
|
1676
1677
|
|
|
1677
1678
|
.ft-chip--icon-button {
|
|
1678
|
-
${e.setVariable(Ne.iconSize,
|
|
1679
|
+
${e.setVariable(Ne.iconSize,ir.iconSize)};
|
|
1679
1680
|
${e.setVariable(Ne.horizontalPadding,"var(--ft-chip-internal-icon-padding)")};
|
|
1680
1681
|
${e.setVariable(Ne.verticalPadding,"var(--ft-chip-internal-icon-padding)")};
|
|
1681
1682
|
margin: calc((-1) * var(--ft-chip-internal-icon-padding));
|
|
@@ -1722,7 +1723,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1722
1723
|
.ft-chip:not(.ft-chip--trailing-icon) .ft-chip--icon-button {
|
|
1723
1724
|
order: -1;
|
|
1724
1725
|
}
|
|
1725
|
-
`];var
|
|
1726
|
+
`];var cr=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 pr extends CustomEvent{constructor(){super("icon-click")}}class fr 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`
|
|
1726
1727
|
<div class="${a.classMap(t)}"
|
|
1727
1728
|
aria-label="${this.getLabel()}"
|
|
1728
1729
|
tabindex="${this.interactionsOnChip?0:-1}"
|
|
@@ -1745,25 +1746,25 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1745
1746
|
<div class="ft-chip--icon-container ft-no-text-select">
|
|
1746
1747
|
<ft-icon .variant=${this.iconVariant} .value="${this.internalIcon}"></ft-icon>
|
|
1747
1748
|
</div>
|
|
1748
|
-
`}onKeyUp(t){this.interactionsOnChip&&["Enter"," "].includes(t.key)&&t.target.click()}onIconKeyUp(t){this.interactionsOnIcon&&["Enter"," "].includes(t.key)&&(t.stopPropagation(),this.dispatchEvent(new
|
|
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 pr))}onIconClick(t){this.interactionsOnIcon&&(t.stopPropagation(),this.dispatchEvent(new pr))}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)}}fr.elementDefinitions={"ft-ripple":Be,"ft-typography":se,"ft-icon":Vo,"ft-button":Qo},fr.styles=sr,cr([i.property({type:Boolean})],fr.prototype,"highlighted",void 0),cr([i.property({type:Boolean})],fr.prototype,"removable",void 0),cr([i.property({type:Boolean})],fr.prototype,"disabled",void 0),cr([i.property({type:Boolean})],fr.prototype,"clickable",void 0),cr([i.property({type:Boolean})],fr.prototype,"iconClickable",void 0),cr([i.property({type:Boolean})],fr.prototype,"dense",void 0),cr([i.property({type:Boolean})],fr.prototype,"multiLine",void 0),cr([i.property()],fr.prototype,"label",void 0),cr([i.property()],fr.prototype,"iconLabel",void 0),cr([i.property()],fr.prototype,"icon",void 0),cr([i.property()],fr.prototype,"iconVariant",void 0),cr([i.property({type:Boolean})],fr.prototype,"trailingIcon",void 0),cr([i.query("ft-typography slot")],fr.prototype,"slottedContent",void 0),e.customElement("ft-chip")(fr);const hr={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")},dr=o.css`
|
|
1749
1750
|
.ft-input-label {
|
|
1750
1751
|
position: absolute;
|
|
1751
1752
|
inset: 0;
|
|
1752
1753
|
display: flex;
|
|
1753
|
-
background-color: ${
|
|
1754
|
-
border-radius: ${
|
|
1754
|
+
background-color: ${hr.colorSurface};
|
|
1755
|
+
border-radius: ${hr.borderRadiusS} ${hr.borderRadiusS} 0 0;
|
|
1755
1756
|
}
|
|
1756
1757
|
|
|
1757
1758
|
.ft-input-label--outlined {
|
|
1758
|
-
border-radius: ${
|
|
1759
|
+
border-radius: ${hr.borderRadiusS};
|
|
1759
1760
|
}
|
|
1760
1761
|
|
|
1761
1762
|
.ft-input-label {
|
|
1762
|
-
border-color: ${
|
|
1763
|
+
border-color: ${hr.borderColor};
|
|
1763
1764
|
}
|
|
1764
1765
|
|
|
1765
1766
|
.ft-input-label.ft-input-label--in-error {
|
|
1766
|
-
border-color: ${
|
|
1767
|
+
border-color: ${hr.colorError}
|
|
1767
1768
|
}
|
|
1768
1769
|
|
|
1769
1770
|
.ft-input-label:before,
|
|
@@ -1776,7 +1777,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1776
1777
|
}
|
|
1777
1778
|
|
|
1778
1779
|
.ft-input-label:before {
|
|
1779
|
-
width: calc(${
|
|
1780
|
+
width: calc(${hr.horizontalSpacing} - 4px);
|
|
1780
1781
|
flex-shrink: 0;
|
|
1781
1782
|
}
|
|
1782
1783
|
|
|
@@ -1792,20 +1793,20 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1792
1793
|
border-bottom-width: 1px;
|
|
1793
1794
|
border-bottom-style: solid;
|
|
1794
1795
|
border-color: inherit;
|
|
1795
|
-
color: ${
|
|
1796
|
+
color: ${hr.textColor};
|
|
1796
1797
|
transition: font-size 250ms, line-height 250ms, color 250ms;
|
|
1797
|
-
max-width: calc(${
|
|
1798
|
+
max-width: calc(${hr.labelMaxWidth} - 2 * (${hr.horizontalSpacing} - 4px)); /* -2px on spacing for label padding */
|
|
1798
1799
|
text-overflow: ellipsis;
|
|
1799
|
-
${e.setVariable(Bt.fontSize,
|
|
1800
|
-
${e.setVariable(Bt.lineHeight,
|
|
1800
|
+
${e.setVariable(Bt.fontSize,hr.fontSize)};
|
|
1801
|
+
${e.setVariable(Bt.lineHeight,hr.fontSize)};
|
|
1801
1802
|
}
|
|
1802
1803
|
|
|
1803
1804
|
.ft-input-label--in-error .ft-input-label--text {
|
|
1804
|
-
color: ${
|
|
1805
|
+
color: ${hr.colorError}
|
|
1805
1806
|
}
|
|
1806
1807
|
|
|
1807
1808
|
.ft-input-label--disabled .ft-input-label--text {
|
|
1808
|
-
color: ${
|
|
1809
|
+
color: ${hr.disabledTextColor};
|
|
1809
1810
|
}
|
|
1810
1811
|
|
|
1811
1812
|
.ft-input-label--hidden-text {
|
|
@@ -1822,19 +1823,19 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1822
1823
|
overflow: hidden;
|
|
1823
1824
|
white-space: nowrap;
|
|
1824
1825
|
text-overflow: ellipsis;
|
|
1825
|
-
padding: ${
|
|
1826
|
-
margin: calc(${
|
|
1826
|
+
padding: ${hr.verticalSpacing} 4px;
|
|
1827
|
+
margin: calc(${hr.verticalSpacing} * -1) 0;
|
|
1827
1828
|
max-width: 100%;
|
|
1828
1829
|
box-sizing: border-box;
|
|
1829
1830
|
}
|
|
1830
1831
|
|
|
1831
1832
|
.ft-input-label--raised .ft-input-label--text {
|
|
1832
|
-
${e.setVariable(Bt.fontSize,
|
|
1833
|
-
${e.setVariable(Bt.lineHeight,
|
|
1833
|
+
${e.setVariable(Bt.fontSize,hr.raisedFontSize)};
|
|
1834
|
+
${e.setVariable(Bt.lineHeight,hr.raisedFontSize)};
|
|
1834
1835
|
}
|
|
1835
1836
|
|
|
1836
1837
|
.ft-input-label--raised .ft-input-label--floating-text {
|
|
1837
|
-
top: ${
|
|
1838
|
+
top: ${hr.verticalSpacing};
|
|
1838
1839
|
}
|
|
1839
1840
|
|
|
1840
1841
|
.ft-input-label--outlined .ft-input-label--text,
|
|
@@ -1847,27 +1848,27 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1847
1848
|
.ft-input-label--outlined:before {
|
|
1848
1849
|
border-left-width: 1px;
|
|
1849
1850
|
border-left-style: solid;
|
|
1850
|
-
border-radius: ${
|
|
1851
|
+
border-radius: ${hr.borderRadiusS} 0 0 ${hr.borderRadiusS};
|
|
1851
1852
|
}
|
|
1852
1853
|
|
|
1853
1854
|
.ft-input-label--outlined:after {
|
|
1854
1855
|
border-right-width: 1px;
|
|
1855
1856
|
border-right-style: solid;
|
|
1856
|
-
border-radius: 0 ${
|
|
1857
|
+
border-radius: 0 ${hr.borderRadiusS} ${hr.borderRadiusS} 0;
|
|
1857
1858
|
}
|
|
1858
1859
|
|
|
1859
1860
|
.ft-input-label--outlined.ft-input-label--raised .ft-input-label--floating-text {
|
|
1860
1861
|
padding: 2px 4px;
|
|
1861
|
-
z-index: ${
|
|
1862
|
-
background-color: ${
|
|
1863
|
-
border-radius: ${
|
|
1862
|
+
z-index: ${hr.raisedZIndex};
|
|
1863
|
+
background-color: ${hr.colorSurface};
|
|
1864
|
+
border-radius: ${hr.borderRadiusS};
|
|
1864
1865
|
top: calc((var(--ft-typography-caption-line-height) / -2) + 2px);
|
|
1865
1866
|
}
|
|
1866
1867
|
|
|
1867
1868
|
.ft-input-label--outlined.ft-input-label--raised .ft-input-label--text {
|
|
1868
1869
|
border-top: none;
|
|
1869
1870
|
}
|
|
1870
|
-
`;var
|
|
1871
|
+
`;var ur=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 gr 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`
|
|
1871
1872
|
<div class="${a.classMap(t)}">
|
|
1872
1873
|
${this.text?o.html`
|
|
1873
1874
|
<div class="ft-input-label--text ft-typography--caption">
|
|
@@ -1876,7 +1877,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1876
1877
|
</div>
|
|
1877
1878
|
`:null}
|
|
1878
1879
|
</div>
|
|
1879
|
-
`}}
|
|
1880
|
+
`}}gr.elementDefinitions={},gr.styles=[ee,dr],ur([i.property({type:String})],gr.prototype,"text",void 0),ur([i.property({type:Boolean})],gr.prototype,"raised",void 0),ur([i.property({type:Boolean})],gr.prototype,"outlined",void 0),ur([i.property({type:Boolean})],gr.prototype,"disabled",void 0),ur([i.property({type:Boolean})],gr.prototype,"error",void 0),e.customElement("ft-input-label")(gr);const br={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")},yr=o.css`
|
|
1880
1881
|
*:focus {
|
|
1881
1882
|
outline: none;
|
|
1882
1883
|
}
|
|
@@ -1890,7 +1891,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1890
1891
|
.ft-select--main-panel {
|
|
1891
1892
|
position: relative;
|
|
1892
1893
|
display: flex;
|
|
1893
|
-
height: calc(4 * ${
|
|
1894
|
+
height: calc(4 * ${br.verticalSpacing} + ${br.labelSize} + ${br.selectedOptionSize});
|
|
1894
1895
|
}
|
|
1895
1896
|
|
|
1896
1897
|
.ft-select--input-panel {
|
|
@@ -1899,11 +1900,11 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1899
1900
|
display: flex;
|
|
1900
1901
|
align-items: center;
|
|
1901
1902
|
overflow: hidden;
|
|
1902
|
-
padding-left: ${
|
|
1903
|
-
padding-right: ${
|
|
1903
|
+
padding-left: ${br.horizontalSpacing};
|
|
1904
|
+
padding-right: ${br.horizontalSpacing};
|
|
1904
1905
|
gap: 8px;
|
|
1905
|
-
color: ${
|
|
1906
|
-
${e.setVariable(de.color,
|
|
1906
|
+
color: ${br.selectedOptionColor};
|
|
1907
|
+
${e.setVariable(de.color,br.selectedOptionColor)};
|
|
1907
1908
|
}
|
|
1908
1909
|
|
|
1909
1910
|
.ft-select--input-panel,
|
|
@@ -1919,7 +1920,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1919
1920
|
|
|
1920
1921
|
.ft-select--disabled .ft-select--input-panel,
|
|
1921
1922
|
.ft-select--disabled .ft-select--option {
|
|
1922
|
-
color: ${
|
|
1923
|
+
color: ${br.colorOnSurfaceDisabled};
|
|
1923
1924
|
}
|
|
1924
1925
|
|
|
1925
1926
|
.ft-select:not(.ft-select--disabled) .ft-select--input-panel,
|
|
@@ -1928,20 +1929,20 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1928
1929
|
}
|
|
1929
1930
|
|
|
1930
1931
|
ft-input-label {
|
|
1931
|
-
${e.setVariable(
|
|
1932
|
-
${e.setVariable(
|
|
1933
|
-
${e.setVariable(
|
|
1934
|
-
${e.setVariable(
|
|
1935
|
-
${e.setVariable(
|
|
1932
|
+
${e.setVariable(hr.fontSize,br.selectedOptionSize)};
|
|
1933
|
+
${e.setVariable(hr.raisedFontSize,br.labelSize)};
|
|
1934
|
+
${e.setVariable(hr.verticalSpacing,br.verticalSpacing)};
|
|
1935
|
+
${e.setVariable(hr.horizontalSpacing,br.horizontalSpacing)};
|
|
1936
|
+
${e.setVariable(hr.labelMaxWidth,`calc(100% - ${we.size} - 8px)`)};
|
|
1936
1937
|
}
|
|
1937
1938
|
|
|
1938
1939
|
.ft-select:not(.ft-select--disabled):focus-within ft-icon {
|
|
1939
|
-
color: ${
|
|
1940
|
+
color: ${br.colorPrimary};
|
|
1940
1941
|
}
|
|
1941
1942
|
|
|
1942
1943
|
.ft-select:not(.ft-select--disabled):focus-within ft-input-label {
|
|
1943
|
-
${e.setVariable(
|
|
1944
|
-
${e.setVariable(
|
|
1944
|
+
${e.setVariable(hr.borderColor,br.colorPrimary)};
|
|
1945
|
+
${e.setVariable(hr.textColor,br.colorPrimary)};
|
|
1945
1946
|
}
|
|
1946
1947
|
|
|
1947
1948
|
.ft-select--selected-option {
|
|
@@ -1951,12 +1952,12 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1951
1952
|
overflow: hidden;
|
|
1952
1953
|
white-space: nowrap;
|
|
1953
1954
|
text-overflow: ellipsis;
|
|
1954
|
-
${e.setVariable(Ut.fontSize,
|
|
1955
|
-
${e.setVariable(Ut.lineHeight,
|
|
1955
|
+
${e.setVariable(Ut.fontSize,br.selectedOptionSize)};
|
|
1956
|
+
${e.setVariable(Ut.lineHeight,br.selectedOptionSize)};
|
|
1956
1957
|
}
|
|
1957
1958
|
|
|
1958
1959
|
.ft-select--in-error .ft-select--selected-option {
|
|
1959
|
-
color: ${
|
|
1960
|
+
color: ${br.colorError};
|
|
1960
1961
|
}
|
|
1961
1962
|
|
|
1962
1963
|
ft-icon {
|
|
@@ -1968,16 +1969,16 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1968
1969
|
}
|
|
1969
1970
|
|
|
1970
1971
|
.ft-select--filled .ft-select--input-panel {
|
|
1971
|
-
border-radius: ${
|
|
1972
|
+
border-radius: ${br.borderRadiusS} ${br.borderRadiusS} 0 0;
|
|
1972
1973
|
}
|
|
1973
1974
|
|
|
1974
1975
|
.ft-select--filled:not(.ft-select--no-label) .ft-select--selected-option {
|
|
1975
1976
|
align-self: stretch;
|
|
1976
|
-
padding-top: calc(${
|
|
1977
|
+
padding-top: calc(${br.labelSize} + 2 * ${br.verticalSpacing});
|
|
1977
1978
|
}
|
|
1978
1979
|
|
|
1979
1980
|
.ft-select--outlined .ft-select--input-panel {
|
|
1980
|
-
border-radius: ${
|
|
1981
|
+
border-radius: ${br.borderRadiusS};
|
|
1981
1982
|
}
|
|
1982
1983
|
|
|
1983
1984
|
.ft-select--options {
|
|
@@ -1986,10 +1987,10 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1986
1987
|
top: 100%;
|
|
1987
1988
|
left: 0;
|
|
1988
1989
|
right: 0;
|
|
1989
|
-
color: ${
|
|
1990
|
-
background: ${
|
|
1991
|
-
z-index: ${
|
|
1992
|
-
box-shadow: ${
|
|
1990
|
+
color: ${br.optionsColor};
|
|
1991
|
+
background: ${br.colorSurface};
|
|
1992
|
+
z-index: ${br.optionsZIndex};
|
|
1993
|
+
box-shadow: ${br.elevation02};
|
|
1993
1994
|
}
|
|
1994
1995
|
|
|
1995
1996
|
.ft-select--fixed .ft-select--options {
|
|
@@ -2000,13 +2001,13 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2000
2001
|
|
|
2001
2002
|
.ft-select--options-displayed .ft-select--options {
|
|
2002
2003
|
display: block;
|
|
2003
|
-
max-height: ${
|
|
2004
|
+
max-height: ${br.optionsHeight};
|
|
2004
2005
|
overflow-y: auto;
|
|
2005
2006
|
}
|
|
2006
2007
|
|
|
2007
2008
|
.ft-select--option {
|
|
2008
2009
|
position: relative;
|
|
2009
|
-
padding: 4px ${
|
|
2010
|
+
padding: 4px ${br.horizontalSpacing};
|
|
2010
2011
|
min-height: 32px;
|
|
2011
2012
|
display: flex;
|
|
2012
2013
|
align-items: center;
|
|
@@ -2018,14 +2019,14 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2018
2019
|
}
|
|
2019
2020
|
|
|
2020
2021
|
.ft-select--helper-text {
|
|
2021
|
-
padding: 0 ${
|
|
2022
|
-
color: ${
|
|
2022
|
+
padding: 0 ${br.horizontalSpacing};
|
|
2023
|
+
color: ${br.helperColor};
|
|
2023
2024
|
}
|
|
2024
2025
|
|
|
2025
2026
|
.ft-select--in-error .ft-select--helper-text {
|
|
2026
|
-
color: ${
|
|
2027
|
+
color: ${br.colorError};
|
|
2027
2028
|
}
|
|
2028
|
-
`;var
|
|
2029
|
+
`;var mr=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 vr 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}))}}vr.elementDefinitions={},mr([i.property({type:String})],vr.prototype,"label",void 0),mr([i.property({type:Object,converter:t=>t})],vr.prototype,"value",void 0),mr([i.property({type:Boolean,reflect:!0})],vr.prototype,"selected",void 0);class xr 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`
|
|
2029
2030
|
<div class="${a.classMap(f)}" part="container">
|
|
2030
2031
|
<div class="ft-select--main-panel" part="main-panel">
|
|
2031
2032
|
<ft-input-label text="${this.label}"
|
|
@@ -2073,34 +2074,34 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2073
2074
|
<ft-ripple ?primary=${e} ?activated=${e}></ft-ripple>
|
|
2074
2075
|
<span>${t.label}</span>
|
|
2075
2076
|
</div>
|
|
2076
|
-
`}update(t){super.update(t),t.has("options")&&(this.selectedOption=this.options.filter((t=>t.selected))[0]),t.has("selectedOption")&&(this.optionsDisplayed=!1),t.has("optionsDisplayed")&&this.fixedMenuPosition&&this.hasOptionsMenuOpen&&this.positionOptionsMenu()}positionOptionsMenu(){this.optionsMenu.style.top=this.mainPanel.getBoundingClientRect().top+this.mainPanel.getBoundingClientRect().height+"px",this.optionsMenu.style.left=this.mainPanel.getBoundingClientRect().left+"px",this.optionsMenu.style.width=this.mainPanel.getBoundingClientRect().width+"px"}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)}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)}}
|
|
2077
|
+
`}update(t){super.update(t),t.has("options")&&(this.selectedOption=this.options.filter((t=>t.selected))[0]),t.has("selectedOption")&&(this.optionsDisplayed=!1),t.has("optionsDisplayed")&&this.fixedMenuPosition&&this.hasOptionsMenuOpen&&this.positionOptionsMenu()}positionOptionsMenu(){this.optionsMenu.style.top=this.mainPanel.getBoundingClientRect().top+this.mainPanel.getBoundingClientRect().height+"px",this.optionsMenu.style.left=this.mainPanel.getBoundingClientRect().left+"px",this.optionsMenu.style.width=this.mainPanel.getBoundingClientRect().width+"px"}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)}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)}}xr.elementDefinitions={"ft-input-label":gr,"ft-typography":se,"ft-ripple":Be,"ft-icon":Vo},xr.styles=[te,ee,yr],mr([i.property({type:String})],xr.prototype,"label",void 0),mr([i.property({type:String})],xr.prototype,"helper",void 0),mr([i.property({type:Boolean})],xr.prototype,"outlined",void 0),mr([i.property({type:Boolean})],xr.prototype,"disabled",void 0),mr([i.property({type:Boolean})],xr.prototype,"error",void 0),mr([i.property({type:Boolean})],xr.prototype,"fixedMenuPosition",void 0),mr([i.property({type:Array})],xr.prototype,"options",void 0),mr([i.state()],xr.prototype,"selectedOption",void 0),mr([i.state()],xr.prototype,"optionsDisplayed",void 0),mr([i.state()],xr.prototype,"focusOptions",void 0),mr([i.query(".ft-select")],xr.prototype,"container",void 0),mr([i.query(".ft-select--options")],xr.prototype,"optionsMenu",void 0),mr([i.query(".ft-select--input-panel")],xr.prototype,"mainPanel",void 0),mr([i.query(".ft-select--option:first-child")],xr.prototype,"firstOption",void 0),mr([i.query(".ft-select--option:focus")],xr.prototype,"focusedOption",void 0),mr([i.query(".ft-select--option.ft-select--option-selected")],xr.prototype,"selectedOptionElement",void 0),mr([i.query(".ft-select--option:last-child")],xr.prototype,"lastOption",void 0),mr([i.query("slot")],xr.prototype,"optionsSlot",void 0),e.customElement("ft-select")(xr),e.customElement("ft-select-option")(vr);const $r={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")},Or=o.css`
|
|
2077
2078
|
:host {
|
|
2078
|
-
width: ${
|
|
2079
|
-
height: ${
|
|
2080
|
-
display: ${
|
|
2079
|
+
width: ${$r.width};
|
|
2080
|
+
height: ${$r.height};
|
|
2081
|
+
display: ${$r.display};
|
|
2081
2082
|
overflow: hidden;
|
|
2082
|
-
border-radius: ${
|
|
2083
|
+
border-radius: ${$r.borderRadiusM};
|
|
2083
2084
|
background: linear-gradient(
|
|
2084
2085
|
90deg,
|
|
2085
2086
|
transparent,
|
|
2086
|
-
${
|
|
2087
|
-
${
|
|
2088
|
-
transparent ${
|
|
2089
|
-
), ${
|
|
2087
|
+
${$r.glareColor} calc(0.45 * ${$r.glareWidth}),
|
|
2088
|
+
${$r.glareColor} calc(0.55 * ${$r.glareWidth}),
|
|
2089
|
+
transparent ${$r.glareWidth}
|
|
2090
|
+
), ${$r.backgroundColor};
|
|
2090
2091
|
background-repeat: repeat-y;
|
|
2091
2092
|
background-size: 100vw 100vh;
|
|
2092
2093
|
background-attachment: fixed;
|
|
2093
|
-
background-position: calc(${
|
|
2094
|
-
animation: shine ${
|
|
2094
|
+
background-position: calc(${$r.glareWidth} * -1) 0;
|
|
2095
|
+
animation: shine ${$r.animationDuration} infinite;
|
|
2095
2096
|
animation-timing-function: linear;
|
|
2096
2097
|
}
|
|
2097
2098
|
|
|
2098
2099
|
@keyframes shine {
|
|
2099
2100
|
to {
|
|
2100
|
-
background-position: calc(100vw + ${
|
|
2101
|
+
background-position: calc(100vw + ${$r.glareWidth}) 0, calc(${$r.glareWidth} * -1) 0;
|
|
2101
2102
|
}
|
|
2102
2103
|
}
|
|
2103
|
-
`,
|
|
2104
|
+
`,wr={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(Ne.color,"Button"),buttonRippleColor:e.FtCssVariableFactory.external(Ne.rippleColor,"Button")},kr=o.css`
|
|
2104
2105
|
* {
|
|
2105
2106
|
box-sizing: border-box;
|
|
2106
2107
|
}
|
|
@@ -2109,7 +2110,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2109
2110
|
display: flex;
|
|
2110
2111
|
flex-direction: column;
|
|
2111
2112
|
gap: 8px;
|
|
2112
|
-
color: ${
|
|
2113
|
+
color: ${wr.colorOnSurface};
|
|
2113
2114
|
outline: none;
|
|
2114
2115
|
}
|
|
2115
2116
|
|
|
@@ -2118,21 +2119,21 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2118
2119
|
}
|
|
2119
2120
|
|
|
2120
2121
|
.ft-search-bar--mobile-menu-open {
|
|
2121
|
-
position: ${
|
|
2122
|
-
top: ${
|
|
2123
|
-
bottom: ${
|
|
2124
|
-
left: ${
|
|
2125
|
-
right: ${
|
|
2126
|
-
z-index: ${
|
|
2122
|
+
position: ${wr.mobileOpenPosition};
|
|
2123
|
+
top: ${wr.mobileOpenTop};
|
|
2124
|
+
bottom: ${wr.mobileOpenBottom};
|
|
2125
|
+
left: ${wr.mobileOpenLeft};
|
|
2126
|
+
right: ${wr.mobileOpenRight};
|
|
2127
|
+
z-index: ${wr.floatingZIndex};
|
|
2127
2128
|
padding: 16px;
|
|
2128
2129
|
}
|
|
2129
2130
|
|
|
2130
2131
|
.ft-search-bar--mobile-menu-open:not(.ft-search-bar--forced-open) {
|
|
2131
|
-
background: ${
|
|
2132
|
+
background: ${wr.colorSurface};
|
|
2132
2133
|
}
|
|
2133
2134
|
|
|
2134
2135
|
.ft-search-bar--mobile-menu-open.ft-search-bar--forced-open {
|
|
2135
|
-
position: ${
|
|
2136
|
+
position: ${wr.mobileOpenPosition.get("static")};
|
|
2136
2137
|
}
|
|
2137
2138
|
|
|
2138
2139
|
.ft-search-bar {
|
|
@@ -2140,20 +2141,20 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2140
2141
|
display: flex;
|
|
2141
2142
|
flex-direction: row;
|
|
2142
2143
|
align-items: center;
|
|
2143
|
-
height: ${
|
|
2144
|
+
height: ${wr.height};
|
|
2144
2145
|
|
|
2145
|
-
background: ${
|
|
2146
|
-
border: 1px solid ${
|
|
2147
|
-
border-radius: ${
|
|
2146
|
+
background: ${wr.colorSurface};
|
|
2147
|
+
border: 1px solid ${wr.colorOutline};
|
|
2148
|
+
border-radius: ${wr.borderRadius};
|
|
2148
2149
|
}
|
|
2149
2150
|
|
|
2150
2151
|
.ft-search-bar--skeleton {
|
|
2151
|
-
${e.setVariable(
|
|
2152
|
-
${e.setVariable(
|
|
2152
|
+
${e.setVariable($r.height,wr.height)};
|
|
2153
|
+
${e.setVariable($r.borderRadiusM,wr.borderRadius)};
|
|
2153
2154
|
}
|
|
2154
2155
|
|
|
2155
2156
|
.ft-search-bar--floating-panel-open .ft-search-bar {
|
|
2156
|
-
border-radius: ${
|
|
2157
|
+
border-radius: ${wr.borderRadius} ${wr.borderRadius} 0 0;
|
|
2157
2158
|
}
|
|
2158
2159
|
|
|
2159
2160
|
.ft-search-bar--input-container {
|
|
@@ -2171,7 +2172,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2171
2172
|
align-self: stretch;
|
|
2172
2173
|
display: grid;
|
|
2173
2174
|
padding: 0 8px;
|
|
2174
|
-
border-radius: ${
|
|
2175
|
+
border-radius: ${wr.borderRadius};
|
|
2175
2176
|
}
|
|
2176
2177
|
|
|
2177
2178
|
.ft-search-bar--dense .ft-search-bar--input-outline {
|
|
@@ -2180,7 +2181,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2180
2181
|
}
|
|
2181
2182
|
|
|
2182
2183
|
.ft-search-bar--input-container:focus-within .ft-search-bar--input-outline {
|
|
2183
|
-
outline: 2px solid ${
|
|
2184
|
+
outline: 2px solid ${wr.colorPrimary};
|
|
2184
2185
|
}
|
|
2185
2186
|
|
|
2186
2187
|
.ft-search-bar--input {
|
|
@@ -2188,12 +2189,12 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2188
2189
|
flex-grow: 1;
|
|
2189
2190
|
border: none;
|
|
2190
2191
|
background-color: transparent;
|
|
2191
|
-
color: ${
|
|
2192
|
+
color: ${wr.colorOnSurface};
|
|
2192
2193
|
outline: none;
|
|
2193
2194
|
}
|
|
2194
2195
|
|
|
2195
2196
|
.ft-search-bar--input::placeholder {
|
|
2196
|
-
color: ${
|
|
2197
|
+
color: ${wr.colorOnSurfaceMedium};
|
|
2197
2198
|
}
|
|
2198
2199
|
|
|
2199
2200
|
.ft-search-bar--actions {
|
|
@@ -2203,7 +2204,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2203
2204
|
align-items: center;
|
|
2204
2205
|
height: 100%;
|
|
2205
2206
|
|
|
2206
|
-
${e.setVariable(Ze.zIndex,`calc(${
|
|
2207
|
+
${e.setVariable(Ze.zIndex,`calc(${wr.floatingZIndex} + 1)`)};
|
|
2207
2208
|
}
|
|
2208
2209
|
|
|
2209
2210
|
.ft-search-bar > ft-button,
|
|
@@ -2213,8 +2214,8 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2213
2214
|
}
|
|
2214
2215
|
|
|
2215
2216
|
.ft-search-bar--left-action {
|
|
2216
|
-
${e.setVariable(Ne.borderRadius,`calc(${
|
|
2217
|
-
border-right: 1px solid ${
|
|
2217
|
+
${e.setVariable(Ne.borderRadius,`calc(${wr.borderRadius} - 1px) 0 0 calc(${wr.borderRadius} - 1px)`)};
|
|
2218
|
+
border-right: 1px solid ${wr.colorOutline};
|
|
2218
2219
|
height: 100%;
|
|
2219
2220
|
}
|
|
2220
2221
|
|
|
@@ -2223,7 +2224,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2223
2224
|
}
|
|
2224
2225
|
|
|
2225
2226
|
.ft-search-bar--floating-panel-open .ft-search-bar--left-action {
|
|
2226
|
-
${e.setVariable(Ne.borderRadius,`calc(${
|
|
2227
|
+
${e.setVariable(Ne.borderRadius,`calc(${wr.borderRadius} - 1px) 0 0 0`)};
|
|
2227
2228
|
}
|
|
2228
2229
|
|
|
2229
2230
|
.ft-search-bar .ft-search-bar--launch-search,
|
|
@@ -2233,13 +2234,13 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2233
2234
|
|
|
2234
2235
|
.ft-search-bar--separator {
|
|
2235
2236
|
height: 20px;
|
|
2236
|
-
border-right: 1px solid ${
|
|
2237
|
+
border-right: 1px solid ${wr.colorOutline};
|
|
2237
2238
|
}
|
|
2238
2239
|
|
|
2239
2240
|
.ft-search-bar--left-action.ft-search-bar--content-locale {
|
|
2240
|
-
${e.setVariable(
|
|
2241
|
-
${e.setVariable(
|
|
2242
|
-
${e.setVariable(
|
|
2241
|
+
${e.setVariable(hr.borderColor,"transparent")};
|
|
2242
|
+
${e.setVariable(hr.borderRadiusS,`calc(${wr.borderRadius} - 1px)`)};
|
|
2243
|
+
${e.setVariable(br.selectedOptionColor,wr.buttonColor)};
|
|
2243
2244
|
}
|
|
2244
2245
|
|
|
2245
2246
|
.ft-search-bar--left-action.ft-search-bar--content-locale,
|
|
@@ -2256,7 +2257,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2256
2257
|
}
|
|
2257
2258
|
|
|
2258
2259
|
.ft-search-bar--left-action.ft-search-bar--content-locale::part(selected-value) {
|
|
2259
|
-
border-radius: calc(${
|
|
2260
|
+
border-radius: calc(${wr.borderRadius} - 1px) 0 0 calc(${wr.borderRadius} - 1px);
|
|
2260
2261
|
}
|
|
2261
2262
|
|
|
2262
2263
|
[part="content-locale-selector"] {
|
|
@@ -2265,7 +2266,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2265
2266
|
flex-direction: column;
|
|
2266
2267
|
max-height: 100%;
|
|
2267
2268
|
max-width: 100%;
|
|
2268
|
-
color: ${
|
|
2269
|
+
color: ${Ui};
|
|
2269
2270
|
}
|
|
2270
2271
|
|
|
2271
2272
|
[part="content-locale-selector"] > ft-radio-group {
|
|
@@ -2295,14 +2296,14 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2295
2296
|
${e.setVariable(st.fontWeight,"bold")};
|
|
2296
2297
|
}
|
|
2297
2298
|
|
|
2298
|
-
`,
|
|
2299
|
+
`,Sr=o.css`
|
|
2299
2300
|
.ft-search-bar--presets {
|
|
2300
2301
|
min-width: 200px;
|
|
2301
2302
|
}
|
|
2302
2303
|
|
|
2303
2304
|
.ft-search-bar--desktop-menu .ft-search-bar--presets {
|
|
2304
2305
|
margin-right: auto;
|
|
2305
|
-
${e.setVariable(
|
|
2306
|
+
${e.setVariable(br.optionsZIndex,"2")};
|
|
2306
2307
|
}
|
|
2307
2308
|
|
|
2308
2309
|
.ft-search-bar--desktop-menu {
|
|
@@ -2355,8 +2356,8 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2355
2356
|
|
|
2356
2357
|
.ft-search-bar--desktop-menu .ft-search-bar--filters-container {
|
|
2357
2358
|
display: block;
|
|
2358
|
-
height: ${
|
|
2359
|
-
${e.setVariable(
|
|
2359
|
+
height: ${wr.desktopFiltersHeight};
|
|
2360
|
+
${e.setVariable(Ci.gap,"16px")};
|
|
2360
2361
|
}
|
|
2361
2362
|
|
|
2362
2363
|
.ft-search-bar--desktop-menu ft-filter {
|
|
@@ -2371,15 +2372,15 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2371
2372
|
}
|
|
2372
2373
|
|
|
2373
2374
|
.ft-search-bar--desktop-menu [data-filters-count="2"] ft-filter {
|
|
2374
|
-
max-width: calc(50% - ${
|
|
2375
|
+
max-width: calc(50% - ${Ci.gap} / 2);
|
|
2375
2376
|
}
|
|
2376
2377
|
|
|
2377
2378
|
.ft-search-bar--desktop-menu [data-filters-count="3"] ft-filter {
|
|
2378
|
-
max-width: max(250px, calc(33% - 2 * ${
|
|
2379
|
+
max-width: max(250px, calc(33% - 2 * ${Ci.gap} / 3));
|
|
2379
2380
|
}
|
|
2380
2381
|
|
|
2381
2382
|
.ft-search-bar--desktop-menu [data-filters-count="4"] ft-filter {
|
|
2382
|
-
max-width: max(250px, calc(25% - 3 * ${
|
|
2383
|
+
max-width: max(250px, calc(25% - 3 * ${Ci.gap} / 4));
|
|
2383
2384
|
}
|
|
2384
2385
|
|
|
2385
2386
|
.ft-search-bar--hierarchical-filter {
|
|
@@ -2436,7 +2437,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2436
2437
|
.ft-search-bar--filter-label-values {
|
|
2437
2438
|
flex-grow: 0;
|
|
2438
2439
|
flex-shrink: 1;
|
|
2439
|
-
color: ${
|
|
2440
|
+
color: ${wr.colorOnSurfaceMedium};
|
|
2440
2441
|
}
|
|
2441
2442
|
|
|
2442
2443
|
ft-accordion-item::part(toggle) {
|
|
@@ -2456,8 +2457,8 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2456
2457
|
.ft-search-bar--desktop-menu .ft-search-bar--launch-search {
|
|
2457
2458
|
margin: 0;
|
|
2458
2459
|
}
|
|
2459
|
-
`;class
|
|
2460
|
-
`}}
|
|
2460
|
+
`;class Nr extends e.FtLitElement{render(){return o.html`
|
|
2461
|
+
`}}Nr.elementDefinitions={},Nr.styles=Or,e.customElement("ft-skeleton")(Nr);class Cr{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`
|
|
2461
2462
|
<div class="ft-search-bar--suggestions ft-word-wrap ${e?"ft-search-bar--suggestions-not-empty":""}"
|
|
2462
2463
|
part="suggestions-container"
|
|
2463
2464
|
@keydown=${t=>this.onSuggestKeyDown(t)}>
|
|
@@ -2493,7 +2494,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2493
2494
|
</div>
|
|
2494
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?Go.file_format:Go.fluid_topics;let i;switch(t.type){case"MAP":i="BOOK"===t.editorialType?Ao.BOOK:Ao.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=To.get(t))&&void 0!==o?o:t)+"/").split("/");return null!==(a=null!==(r=null!==(i=jo.get(l))&&void 0!==i?i:jo.get(e))&&void 0!==r?r:jo.get(n))&&void 0!==a?a:Ho.UNKNOWN}(t.mimeType,t.filenameExtension);break;case"TOPIC":i=Ao.TOPICS}return o.html`
|
|
2495
2496
|
<ft-icon .variant="${e}" .value="${i}" part="suggestion-icon"></ft-icon>
|
|
2496
|
-
`}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()}}
|
|
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()}}Cr.styles=[e.wordWrap,o.css`
|
|
2497
2498
|
.ft-search-bar--mobile .ft-search-bar--suggestions {
|
|
2498
2499
|
flex-grow: 1;
|
|
2499
2500
|
flex-shrink: 1;
|
|
@@ -2502,7 +2503,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2502
2503
|
}
|
|
2503
2504
|
|
|
2504
2505
|
.ft-search-bar--mobile-menu-open .ft-search-bar--suggestions {
|
|
2505
|
-
border-top: 1px solid ${
|
|
2506
|
+
border-top: 1px solid ${wr.colorOutline};
|
|
2506
2507
|
}
|
|
2507
2508
|
|
|
2508
2509
|
.ft-search-bar--mobile-menu-open .ft-search-bar--suggestions {
|
|
@@ -2512,15 +2513,15 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2512
2513
|
.ft-search-bar--floating-panel,
|
|
2513
2514
|
.ft-search-bar--desktop .ft-search-bar--suggestions {
|
|
2514
2515
|
position: absolute;
|
|
2515
|
-
z-index: ${
|
|
2516
|
+
z-index: ${wr.floatingZIndex};
|
|
2516
2517
|
top: 100%;
|
|
2517
2518
|
left: -1px;
|
|
2518
2519
|
right: -1px;
|
|
2519
2520
|
display: none;
|
|
2520
|
-
background: ${
|
|
2521
|
-
border: 1px solid ${
|
|
2522
|
-
border-radius: 0 0 ${
|
|
2523
|
-
box-shadow: ${
|
|
2521
|
+
background: ${wr.colorSurface};
|
|
2522
|
+
border: 1px solid ${wr.colorOutline};
|
|
2523
|
+
border-radius: 0 0 ${wr.borderRadius} ${wr.borderRadius};
|
|
2524
|
+
box-shadow: ${wr.elevation02};
|
|
2524
2525
|
outline: none;
|
|
2525
2526
|
}
|
|
2526
2527
|
|
|
@@ -2540,7 +2541,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2540
2541
|
padding: 8px;
|
|
2541
2542
|
gap: 8px;
|
|
2542
2543
|
cursor: pointer;
|
|
2543
|
-
color: ${
|
|
2544
|
+
color: ${wr.colorOnSurface};
|
|
2544
2545
|
min-height: 52px;
|
|
2545
2546
|
}
|
|
2546
2547
|
|
|
@@ -2557,7 +2558,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2557
2558
|
}
|
|
2558
2559
|
|
|
2559
2560
|
.ft-search-bar--recent-search + .ft-search-bar--suggestion:not(.ft-search-bar--recent-search) {
|
|
2560
|
-
border-top: 1px solid ${
|
|
2561
|
+
border-top: 1px solid ${wr.colorOutline};
|
|
2561
2562
|
}
|
|
2562
2563
|
|
|
2563
2564
|
.ft-search-bar--suggestion ft-typography {
|
|
@@ -2565,7 +2566,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2565
2566
|
flex-grow: 1;
|
|
2566
2567
|
flex-shrink: 1;
|
|
2567
2568
|
}
|
|
2568
|
-
`];class
|
|
2569
|
+
`];class Ir{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`
|
|
2569
2570
|
${this.searchBar.hasLocaleSelector()&&(this.searchBar.hasFacets()||t)?o.html`
|
|
2570
2571
|
<ft-chip part="selected-filters selected-filter-ft-locale"
|
|
2571
2572
|
?dense=${this.searchBar.dense&&!t}
|
|
@@ -2615,7 +2616,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2615
2616
|
<div class="ft-search-bar--selected-filters" part="selected-filters-container">
|
|
2616
2617
|
${a}
|
|
2617
2618
|
</div>
|
|
2618
|
-
`}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}}
|
|
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}}Ir.styles=o.css`
|
|
2619
2620
|
.ft-search-bar--selected-filters:not(ft-snap-scroll) {
|
|
2620
2621
|
flex-shrink: 0;
|
|
2621
2622
|
display: flex;
|
|
@@ -2626,7 +2627,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2626
2627
|
|
|
2627
2628
|
ft-snap-scroll.ft-search-bar--selected-filters {
|
|
2628
2629
|
overflow: hidden;
|
|
2629
|
-
${e.setVariable(
|
|
2630
|
+
${e.setVariable(Ci.gap,"4px")};
|
|
2630
2631
|
}
|
|
2631
2632
|
|
|
2632
2633
|
ft-snap-scroll.ft-search-bar--selected-filters::part(content) {
|
|
@@ -2634,8 +2635,8 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2634
2635
|
}
|
|
2635
2636
|
|
|
2636
2637
|
.ft-search-bar--desktop ft-snap-scroll.ft-search-bar--selected-filters {
|
|
2637
|
-
${e.setVariable(
|
|
2638
|
-
${e.setVariable(
|
|
2638
|
+
${e.setVariable(ir.iconSize,"17px")};
|
|
2639
|
+
${e.setVariable(ir.fontSize,"12px")};
|
|
2639
2640
|
}
|
|
2640
2641
|
|
|
2641
2642
|
.ft-search-bar--selected-filters * {
|
|
@@ -2645,7 +2646,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2645
2646
|
.ft-search-bar--selected-filters ft-chip {
|
|
2646
2647
|
flex-grow: 0;
|
|
2647
2648
|
}
|
|
2648
|
-
`;class
|
|
2649
|
+
`;class Er{constructor(t,e,o){this.searchBar=t,this.selectedFacetsManager=null!=e?e:new Ir(t),this.suggestManager=null!=o?o:new Cr(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`
|
|
2649
2650
|
<div class="${a.classMap(t)}" part="container" tabindex="-1">
|
|
2650
2651
|
<div class="ft-search-bar">
|
|
2651
2652
|
<div class="ft-search-bar--input-container" part="input-container">
|
|
@@ -2694,9 +2695,9 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2694
2695
|
@click=${()=>{var t;return this.searchBar.isMobileMenuOpen()?this.searchBar.launchSearch():null===(t=this.searchBar.input)||void 0===t?void 0:t.focus()}}
|
|
2695
2696
|
></ft-button>
|
|
2696
2697
|
</div>
|
|
2697
|
-
`}onSearchBarKeyUp(t){const e=t.composedPath()[0];this.searchBar.query=e.value,"Enter"===t.key&&this.searchBar.launchSearch()}}
|
|
2698
|
+
`}onSearchBarKeyUp(t){const e=t.composedPath()[0];this.searchBar.query=e.value,"Enter"===t.key&&this.searchBar.launchSearch()}}Er.styles=o.css`
|
|
2698
2699
|
|
|
2699
|
-
`;class
|
|
2700
|
+
`;class Rr{constructor(t,e,o){this.searchBar=t,this.selectedFacetsManager=null!=e?e:new Ir(t),this.suggestManager=null!=o?o:new Cr(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`
|
|
2700
2701
|
<div class="${a.classMap(t)}" part="container" tabindex="-1">
|
|
2701
2702
|
<div class="ft-search-bar" part="search-bar">
|
|
2702
2703
|
${this.renderSearchBarLeftAction()}
|
|
@@ -2763,9 +2764,9 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2763
2764
|
@click=${()=>this.searchBar.launchSearch()}
|
|
2764
2765
|
></ft-button>
|
|
2765
2766
|
</div>
|
|
2766
|
-
`}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()}}
|
|
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()}}Rr.styles=o.css`
|
|
2767
2768
|
|
|
2768
|
-
`;var
|
|
2769
|
+
`;var Lr=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 zr={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 Ur extends CustomEvent{constructor(t){super("launch-search",{detail:t,bubbles:!0,composed:!0})}}class Wr extends CustomEvent{constructor(t){super("change",{detail:t})}}const Br=()=>{};class Zr extends e.FtLitElement{constructor(){super(...arguments),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(zr,{}),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 Cr(this),this.selectedFacetsManager=new Ir(this),this.desktopSearchBarManager=new Rr(this),this.mobileSearchBarManager=new Er(this,this.selectedFacetsManager,this.suggestManager),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()}isMobileMenuOpen(){return this.isMobile()&&(this.forceMobileMenuOpen||this.forceMenuOpen||this.mobileMenuOpen)}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(){await e.waitFor((()=>this.input),50),this.input.focus()}clear(){this.query="",this.searchFilters=[],this.input&&(this.input.value=""),this.mobileMenuOpen=!1,this.displayFacets=!1}render(){return o.html`
|
|
2769
2770
|
<ft-size-watcher @change=${this.updateSize}></ft-size-watcher>
|
|
2770
2771
|
${this.renderSearchBar()}
|
|
2771
2772
|
`}renderSearchBar(){return this.facetsInitialized&&this.availableContentLocalesInitialized?this.isMobile()?this.mobileSearchBarManager.render():this.desktopSearchBarManager.render():o.html`
|
|
@@ -2901,11 +2902,11 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2901
2902
|
></ft-filter>
|
|
2902
2903
|
`}))}
|
|
2903
2904
|
</ft-snap-scroll>
|
|
2904
|
-
`: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(zr,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 Wr(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(Br)),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 Ur(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&&(this.reactToFocus=!1,await this.focusInput(),this.enableFocusReactionOnAnyUserInteraction())}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`
|
|
2905
2906
|
<div class="ft-search-bar--floating-panel"
|
|
2906
2907
|
id="ft-search-bar-floating-panel"
|
|
2907
2908
|
@keyup=${this.onFloatingContainerKeyUp}
|
|
2908
2909
|
part="floating-panel"
|
|
2909
2910
|
tabindex="-1">
|
|
2910
2911
|
${this.renderDesktopMenu()}
|
|
2911
|
-
</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)}}
|
|
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)}}Zr.elementDefinitions={"ft-accordion":qi,"ft-accordion-item":er,"ft-button":Qo,"ft-chip":fr,"ft-filter":ji,"ft-filter-option":Gi,"ft-icon":Vo,"ft-ripple":Be,"ft-select":xr,"ft-select-option":vr,"ft-size-watcher":f,"ft-skeleton":Nr,"ft-snap-scroll":Li,"ft-tooltip":Mo,"ft-typography":se,"ft-radio-group":Oi,"ft-radio":vi},Zr.styles=[te,kr,Sr,Ir.styles,Cr.styles],Lr([i.property({type:Boolean})],Zr.prototype,"dense",void 0),Lr([i.property()],Zr.prototype,"mode",void 0),Lr([i.property({type:Boolean})],Zr.prototype,"forceMobileMenuOpen",void 0),Lr([i.property({type:Boolean})],Zr.prototype,"forceMenuOpen",void 0),Lr([i.property()],Zr.prototype,"baseUrl",void 0),Lr([i.property()],Zr.prototype,"apiIntegrationIdentifier",void 0),Lr([i.property()],Zr.prototype,"contentLocale",void 0),Lr([i.state()],Zr.prototype,"availableContentLocales",void 0),Lr([i.state()],Zr.prototype,"availableContentLocalesInitialized",void 0),Lr([i.property()],Zr.prototype,"uiLocale",void 0),Lr([e.jsonProperty({})],Zr.prototype,"labels",void 0),Lr([e.jsonProperty([])],Zr.prototype,"displayedFilters",void 0),Lr([e.jsonProperty([])],Zr.prototype,"presets",void 0),Lr([i.property({type:String,reflect:!0})],Zr.prototype,"selectedPreset",void 0),Lr([e.jsonProperty([])],Zr.prototype,"priors",void 0),Lr([i.property()],Zr.prototype,"searchRequestSerializer",void 0),Lr([i.property({type:Boolean})],Zr.prototype,"focusOnDisplay",void 0),Lr([i.state()],Zr.prototype,"searchFilters",void 0),Lr([i.state()],Zr.prototype,"sizeCategory",void 0),Lr([i.state()],Zr.prototype,"displayFacets",void 0),Lr([i.state()],Zr.prototype,"mobileMenuOpen",void 0),Lr([i.state()],Zr.prototype,"facets",void 0),Lr([i.state()],Zr.prototype,"facetsInitialized",void 0),Lr([i.query(".ft-search-bar--container")],Zr.prototype,"container",void 0),Lr([i.query(".ft-search-bar--filters-opener")],Zr.prototype,"filtersOpener",void 0),Lr([i.query(".ft-search-bar--floating-panel")],Zr.prototype,"floatingContainer",void 0),Lr([i.query("ft-snap-scroll.ft-search-bar--filters-container")],Zr.prototype,"scrollingFiltersContainer",void 0),Lr([i.query(".ft-search-bar--input")],Zr.prototype,"input",void 0),Lr([i.state()],Zr.prototype,"query",void 0),Lr([i.state()],Zr.prototype,"suggestions",void 0),Lr([i.state()],Zr.prototype,"recentSearches",void 0),Lr([i.state()],Zr.prototype,"scrollToFacet",void 0),Lr([i.state()],Zr.prototype,"api",void 0),Lr([i.state()],Zr.prototype,"reactToFocus",void 0),Lr([i.state()],Zr.prototype,"facetsLoaded",void 0),e.customElement("ft-search-bar")(Zr),t.DEFAULT_LABELS=zr,t.FtSearchBar=Zr,t.FtSearchBarCssVariables=wr,t.LaunchSearchEvent=Ur,t.SearchStateChangeEvent=Wr,t.facetsCss=Sr,t.searchBarCss=kr}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litDecorators,ftGlobals.litRepeat,ftGlobals.litClassMap,ftGlobals.litUnsafeHTML);
|