@fluid-topics/ft-search-selected-facets 1.1.12 → 1.1.13
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.
|
@@ -553,7 +553,7 @@ const Zt=Symbol.for(""),Tt=t=>{if(t?.r===Zt)return t?._$litStatic$},Pt=t=>({_$li
|
|
|
553
553
|
@focusin=${this.onHover}
|
|
554
554
|
@focusout=${this.onOut}
|
|
555
555
|
@touchstart=${this.onTouch}>
|
|
556
|
-
<slot part="slot"></slot>
|
|
556
|
+
<slot part="slot" @click=${this.onClick}></slot>
|
|
557
557
|
<div part="tooltip" role="tooltip" inert
|
|
558
558
|
class="ft-tooltip ft-tooltip--${this.validPosition}"
|
|
559
559
|
?hidden=${!this.visible}>
|
|
@@ -563,7 +563,7 @@ const Zt=Symbol.for(""),Tt=t=>{if(t?.r===Zt)return t?._$litStatic$},Pt=t=>({_$li
|
|
|
563
563
|
</div>
|
|
564
564
|
</div>
|
|
565
565
|
</div>
|
|
566
|
-
`}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="",Bi(this.slottedElement,this.tooltip,{platform:{...zi,getOffsetParent:t=>zi.getOffsetParent(t,Ai)},middleware:[(t={crossAxis:!0},void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:o,y:i,placement:r}=e,{mainAxis:n=!0,crossAxis:a=!1,limiter:s={fn:t=>{let{x:e,y:o}=t;return{x:e,y:o}}},...l}=_o(t,e),c={x:o,y:i},h=await oi(e,l),f=Qo(Go(r)),p=qo(f);let d=c[p],u=c[f];if(n){const t="y"===p?"bottom":"right";d=Mo(d+h["y"===p?"top":"left"],d,d-h[t])}if(a){const t="y"===f?"bottom":"right";u=Mo(u+h["y"===f?"top":"left"],u,u-h[t])}const g=s.fn({...e,[p]:d,[f]:u});return{...g,data:{x:g.x-o,y:g.y-i}}}}),ri({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))}}Fi.elementDefinitions={"ft-typography":po},Fi.styles=Ao,Ki([r.property()],Fi.prototype,"text",void 0),Ki([r.property({type:Boolean})],Fi.prototype,"manual",void 0),Ki([r.property({type:Boolean})],Fi.prototype,"inline",void 0),Ki([r.property({type:Number})],Fi.prototype,"delay",void 0),Ki([r.property()],Fi.prototype,"position",void 0),Ki([r.queryAssignedNodes()],Fi.prototype,"slotNodes",void 0),Ki([r.query(".ft-tooltip--container")],Fi.prototype,"container",void 0),Ki([r.query(".ft-tooltip")],Fi.prototype,"tooltip",void 0),Ki([r.query(".ft-tooltip--content")],Fi.prototype,"tooltipContent",void 0),Ki([r.state()],Fi.prototype,"visible",void 0),Ki([r.eventOptions({passive:!0})],Fi.prototype,"onTouch",null),Ki([r.eventOptions({passive:!0})],Fi.prototype,"onHover",null),Ki([r.eventOptions({passive:!0})],Fi.prototype,"onOut",null),e.customElement("ft-tooltip")(Fi);class Zi extends e.FtLitElement{render(){return o.html`
|
|
566
|
+
`}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="",Bi(this.slottedElement,this.tooltip,{platform:{...zi,getOffsetParent:t=>zi.getOffsetParent(t,Ai)},middleware:[(t={crossAxis:!0},void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:o,y:i,placement:r}=e,{mainAxis:n=!0,crossAxis:a=!1,limiter:s={fn:t=>{let{x:e,y:o}=t;return{x:e,y:o}}},...l}=_o(t,e),c={x:o,y:i},h=await oi(e,l),f=Qo(Go(r)),p=qo(f);let d=c[p],u=c[f];if(n){const t="y"===p?"bottom":"right";d=Mo(d+h["y"===p?"top":"left"],d,d-h[t])}if(a){const t="y"===f?"bottom":"right";u=Mo(u+h["y"===f?"top":"left"],u,u-h[t])}const g=s.fn({...e,[p]:d,[f]:u});return{...g,data:{x:g.x-o,y:g.y-i}}}}),ri({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))}}Fi.elementDefinitions={"ft-typography":po},Fi.styles=Ao,Ki([r.property()],Fi.prototype,"text",void 0),Ki([r.property({type:Boolean})],Fi.prototype,"manual",void 0),Ki([r.property({type:Boolean})],Fi.prototype,"inline",void 0),Ki([r.property({type:Number})],Fi.prototype,"delay",void 0),Ki([r.property()],Fi.prototype,"position",void 0),Ki([r.queryAssignedNodes()],Fi.prototype,"slotNodes",void 0),Ki([r.query(".ft-tooltip--container")],Fi.prototype,"container",void 0),Ki([r.query(".ft-tooltip")],Fi.prototype,"tooltip",void 0),Ki([r.query(".ft-tooltip--content")],Fi.prototype,"tooltipContent",void 0),Ki([r.state()],Fi.prototype,"visible",void 0),Ki([r.eventOptions({passive:!0})],Fi.prototype,"onTouch",null),Ki([r.eventOptions({passive:!0})],Fi.prototype,"onHover",null),Ki([r.eventOptions({passive:!0})],Fi.prototype,"onOut",null),Ki([r.eventOptions({passive:!0})],Fi.prototype,"onClick",null),e.customElement("ft-tooltip")(Fi);class Zi extends e.FtLitElement{render(){return o.html`
|
|
567
567
|
<div class="ft-loader">
|
|
568
568
|
<div></div>
|
|
569
569
|
<div></div>
|
|
@@ -980,7 +980,7 @@ const Zt=Symbol.for(""),Tt=t=>{if(t?.r===Zt)return t?._$litStatic$},Pt=t=>({_$li
|
|
|
980
980
|
`;var gr=function(t,e,o,i){for(var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class yr extends CustomEvent{constructor(t){super("ft-search-load-error",{detail:t})}}class br extends CustomEvent{constructor(t){super("ft-search-request-change",{detail:t})}}class mr extends CustomEvent{constructor(t,e,o){super("ft-search-results-change",{detail:{request:t,paging:e,spellcheck:o}})}}class vr extends e.FtLitElementRedux{get stateManager(){return null==this._stateManager&&(this._stateManager=P.build(this.id||(""+Math.round(999e3*Math.random())).padStart(6,"0")),this._stateManager.errorHandler=t=>this.handleLoadError(t),this.addStore(this.stateManager.store,"search")),this._stateManager}constructor(){super(),this.query="",this.pageSize=20,this.searchInDocumentTitlesOnly=!1,this.ignoreEmptyQuery=!1,this.filters=[],this.sort=[],this.addStore($)}render(){return o.html`
|
|
981
981
|
<slot @register-ft-search-component=${this.registerComponent}></slot>
|
|
982
982
|
`}update(t){super.update(t),t.has("query")&&void 0!==this.query&&this.stateManager.setQuery(this.query),t.has("contentLocale")&&void 0!==this.contentLocale&&this.stateManager.setContentLocale(this.contentLocale),t.has("session")&&this.session&&this.stateManager.initService(),t.has("filters")&&void 0!==this.filters&&this.stateManager.setFilters(this.filters),t.has("sort")&&void 0!==this.sort&&this.stateManager.setSort(this.sort),t.has("pageSize")&&void 0!==this.pageSize&&this.stateManager.setPageSize(this.pageSize),t.has("searchInDocumentTitlesOnly")&&void 0!==this.searchInDocumentTitlesOnly&&this.stateManager.setSearchInDocumentTitlesOnly(this.searchInDocumentTitlesOnly),t.has("scope")&&void 0!==this.scope&&this.stateManager.setScope(this.scope),t.has("ignoreEmptyQuery")&&void 0!==this.ignoreEmptyQuery&&this.stateManager.setIgnoreEmptyQuery(this.ignoreEmptyQuery)}connectedCallback(){super.connectedCallback(),this.stateManager.setQuery(this.query),this.stateManager.setContentLocale(this.contentLocale),this.stateManager.setFilters(this.filters),this.stateManager.setPageSize(this.pageSize),this.stateManager.setSort(this.sort)}contentAvailableCallback(t){super.contentAvailableCallback(t),t.has("request")&&this.request&&this.dispatchEvent(new br(this.request)),t.has("paging")&&void 0!==this.paging&&this.dispatchEvent(new mr(this.request,this.paging,this.autocorrect))}registerComponent(t){t.stopPropagation();const e=t.composedPath()[0];this.register(e)}register(t){t.setSearchStateManager(this.stateManager)}handleLoadError(t){this.dispatchEvent(new yr(t))}reloadSavedSearches(){K.clearMySearches()}clear(){this.stateManager.clear()}}vr.elementDefinitions={},vr.styles=ur,gr([r.property()],vr.prototype,"query",void 0),gr([r.property()],vr.prototype,"contentLocale",void 0),gr([r.property({type:Number})],vr.prototype,"pageSize",void 0),gr([r.property({type:Boolean})],vr.prototype,"searchInDocumentTitlesOnly",void 0),gr([r.property()],vr.prototype,"scope",void 0),gr([r.property({type:Boolean})],vr.prototype,"ignoreEmptyQuery",void 0),gr([e.jsonProperty([])],vr.prototype,"filters",void 0),gr([e.jsonProperty([])],vr.prototype,"sort",void 0),gr([e.redux({store:"search"})],vr.prototype,"request",void 0),gr([e.redux({store:"search"})],vr.prototype,"paging",void 0),gr([e.redux({store:"search",selector:t=>t.spellcheck})],vr.prototype,"autocorrect",void 0),gr([e.redux({store:$.name})],vr.prototype,"session",void 0),e.customElement("ft-search-context")(vr);const xr=o.css`
|
|
983
|
-
`,Or=e.FtCssVariableFactory.extend("--ft-checkbox-text-color","",e.designSystemVariables.colorOnSurfaceHigh),wr=e.FtCssVariableFactory.external(e.designSystemVariables.colorPrimary,"Design system"),
|
|
983
|
+
`,Or=e.FtCssVariableFactory.extend("--ft-checkbox-text-color","",e.designSystemVariables.colorOnSurfaceHigh),wr=e.FtCssVariableFactory.extend("--ft-checkbox-font-size","",te.fontSize),Sr=e.FtCssVariableFactory.external(e.designSystemVariables.colorPrimary,"Design system"),Nr=e.FtCssVariableFactory.external(e.designSystemVariables.colorOnPrimary,"Design system"),$r=e.FtCssVariableFactory.extend("--ft-checkbox-border-color","",e.designSystemVariables.colorOnSurfaceMedium),Cr=e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceDisabled,"Design system"),kr=o.css`
|
|
984
984
|
* {
|
|
985
985
|
box-sizing: border-box;
|
|
986
986
|
}
|
|
@@ -988,6 +988,7 @@ const Zt=Symbol.for(""),Tt=t=>{if(t?.r===Zt)return t?._$litStatic$},Pt=t=>({_$li
|
|
|
988
988
|
.ft-checkbox {
|
|
989
989
|
box-sizing: border-box;
|
|
990
990
|
color: ${Or};
|
|
991
|
+
font-size: ${wr};
|
|
991
992
|
|
|
992
993
|
display: inline-flex;
|
|
993
994
|
align-items: center;
|
|
@@ -995,7 +996,7 @@ const Zt=Symbol.for(""),Tt=t=>{if(t?.r===Zt)return t?._$litStatic$},Pt=t=>({_$li
|
|
|
995
996
|
}
|
|
996
997
|
|
|
997
998
|
.ft-checkbox--disabled {
|
|
998
|
-
color: ${
|
|
999
|
+
color: ${Cr};
|
|
999
1000
|
}
|
|
1000
1001
|
|
|
1001
1002
|
input {
|
|
@@ -1019,26 +1020,26 @@ const Zt=Symbol.for(""),Tt=t=>{if(t?.r===Zt)return t?._$litStatic$},Pt=t=>({_$li
|
|
|
1019
1020
|
|
|
1020
1021
|
.ft-checkbox--box {
|
|
1021
1022
|
display: flex;
|
|
1022
|
-
border: 2px solid ${
|
|
1023
|
+
border: 2px solid ${$r};
|
|
1023
1024
|
border-radius: 2px;
|
|
1024
1025
|
|
|
1025
1026
|
width: 18px;
|
|
1026
1027
|
height: 18px;
|
|
1027
1028
|
|
|
1028
|
-
color: ${
|
|
1029
|
+
color: ${Nr};
|
|
1029
1030
|
}
|
|
1030
1031
|
|
|
1031
1032
|
|
|
1032
1033
|
.ft-checkbox--checked .ft-checkbox--box,
|
|
1033
1034
|
.ft-checkbox--indeterminate .ft-checkbox--box {
|
|
1034
|
-
border-color: ${
|
|
1035
|
-
background-color: ${
|
|
1035
|
+
border-color: ${Sr};
|
|
1036
|
+
background-color: ${Sr};
|
|
1036
1037
|
}
|
|
1037
1038
|
|
|
1038
1039
|
.ft-checkbox--disabled .ft-checkbox--box {
|
|
1039
|
-
border-color: ${
|
|
1040
|
+
border-color: ${Cr};
|
|
1040
1041
|
background-color: transparent;
|
|
1041
|
-
color: ${
|
|
1042
|
+
color: ${Cr};
|
|
1042
1043
|
}
|
|
1043
1044
|
|
|
1044
1045
|
.ft-checkbox--checkmark {
|
|
@@ -1057,7 +1058,7 @@ const Zt=Symbol.for(""),Tt=t=>{if(t?.r===Zt)return t?._$litStatic$},Pt=t=>({_$li
|
|
|
1057
1058
|
.ft-checkbox--indeterminate .ft-checkbox--checkmark {
|
|
1058
1059
|
opacity: 1;
|
|
1059
1060
|
}
|
|
1060
|
-
`;var
|
|
1061
|
+
`;var Ir=function(t,e,o,i){for(var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class Er 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`
|
|
1061
1062
|
<label class="${n.classMap(t)}" for="checkbox-input">
|
|
1062
1063
|
<div class="ft-checkbox--box-container">
|
|
1063
1064
|
<ft-ripple
|
|
@@ -1083,14 +1084,14 @@ const Zt=Symbol.for(""),Tt=t=>{if(t?.r===Zt)return t?._$litStatic$},Pt=t=>({_$li
|
|
|
1083
1084
|
<slot></slot>
|
|
1084
1085
|
</ft-typography>
|
|
1085
1086
|
</label>
|
|
1086
|
-
`}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)}}
|
|
1087
|
+
`}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)}}Er.elementDefinitions={"ft-ripple":it,"ft-typography":po},Er.styles=kr,Ir([r.property()],Er.prototype,"name",void 0),Ir([r.property({type:Boolean,reflect:!0})],Er.prototype,"checked",void 0),Ir([r.property({type:Boolean})],Er.prototype,"indeterminate",void 0),Ir([r.property({type:Boolean})],Er.prototype,"disabled",void 0),Ir([r.query(".ft-checkbox")],Er.prototype,"container",void 0),Ir([r.query("ft-ripple")],Er.prototype,"ripple",void 0),e.customElement("ft-checkbox")(Er);const Rr=e.FtCssVariableFactory.extend("--ft-radio-text-color","",e.designSystemVariables.colorOnSurfaceHigh),Ur=e.FtCssVariableFactory.external(e.designSystemVariables.colorPrimary,"Design system"),Lr=(e.FtCssVariableFactory.external(e.designSystemVariables.colorOnPrimary,"Design system"),e.FtCssVariableFactory.extend("--ft-radio-border-color","",e.designSystemVariables.colorOnSurfaceMedium)),Wr=e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceDisabled,"Design system"),zr=o.css`
|
|
1087
1088
|
* {
|
|
1088
1089
|
box-sizing: border-box;
|
|
1089
1090
|
}
|
|
1090
1091
|
|
|
1091
1092
|
.ft-radio {
|
|
1092
1093
|
box-sizing: border-box;
|
|
1093
|
-
color: ${
|
|
1094
|
+
color: ${Rr};
|
|
1094
1095
|
|
|
1095
1096
|
display: inline-flex;
|
|
1096
1097
|
align-items: center;
|
|
@@ -1098,7 +1099,7 @@ const Zt=Symbol.for(""),Tt=t=>{if(t?.r===Zt)return t?._$litStatic$},Pt=t=>({_$li
|
|
|
1098
1099
|
}
|
|
1099
1100
|
|
|
1100
1101
|
.ft-radio--disabled {
|
|
1101
|
-
color: ${
|
|
1102
|
+
color: ${Wr};
|
|
1102
1103
|
}
|
|
1103
1104
|
|
|
1104
1105
|
input {
|
|
@@ -1121,7 +1122,7 @@ const Zt=Symbol.for(""),Tt=t=>{if(t?.r===Zt)return t?._$litStatic$},Pt=t=>({_$li
|
|
|
1121
1122
|
}
|
|
1122
1123
|
|
|
1123
1124
|
.ft-radio--box {
|
|
1124
|
-
border: 2px solid ${
|
|
1125
|
+
border: 2px solid ${Lr};
|
|
1125
1126
|
border-radius: 50%;
|
|
1126
1127
|
|
|
1127
1128
|
display: flex;
|
|
@@ -1134,7 +1135,7 @@ const Zt=Symbol.for(""),Tt=t=>{if(t?.r===Zt)return t?._$litStatic$},Pt=t=>({_$li
|
|
|
1134
1135
|
|
|
1135
1136
|
.ft-radio--box:after {
|
|
1136
1137
|
content: " ";
|
|
1137
|
-
background-color: ${
|
|
1138
|
+
background-color: ${Ur};
|
|
1138
1139
|
|
|
1139
1140
|
border-radius: 50%;
|
|
1140
1141
|
|
|
@@ -1146,7 +1147,7 @@ const Zt=Symbol.for(""),Tt=t=>{if(t?.r===Zt)return t?._$litStatic$},Pt=t=>({_$li
|
|
|
1146
1147
|
}
|
|
1147
1148
|
|
|
1148
1149
|
.ft-radio--checked .ft-radio--box {
|
|
1149
|
-
border-color: ${
|
|
1150
|
+
border-color: ${Ur};
|
|
1150
1151
|
}
|
|
1151
1152
|
|
|
1152
1153
|
|
|
@@ -1155,14 +1156,14 @@ const Zt=Symbol.for(""),Tt=t=>{if(t?.r===Zt)return t?._$litStatic$},Pt=t=>({_$li
|
|
|
1155
1156
|
}
|
|
1156
1157
|
|
|
1157
1158
|
.ft-radio--disabled .ft-radio--box {
|
|
1158
|
-
border-color: ${
|
|
1159
|
+
border-color: ${Wr};
|
|
1159
1160
|
background-color: transparent;
|
|
1160
1161
|
}
|
|
1161
1162
|
|
|
1162
1163
|
.ft-radio--disabled .ft-radio--box:after {
|
|
1163
|
-
background-color: ${
|
|
1164
|
+
background-color: ${Wr};
|
|
1164
1165
|
}
|
|
1165
|
-
`;var
|
|
1166
|
+
`;var Br=function(t,e,o,i){for(var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class Ar extends CustomEvent{constructor(t,e){super("change",{detail:{value:t,checked:e},bubbles:!0,composed:!0})}}class Dr 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`
|
|
1166
1167
|
<div class="${n.classMap(t)}">
|
|
1167
1168
|
<div class="ft-radio--box-container">
|
|
1168
1169
|
<ft-ripple
|
|
@@ -1187,16 +1188,16 @@ const Zt=Symbol.for(""),Tt=t=>{if(t?.r===Zt)return t?._$litStatic$},Pt=t=>({_$li
|
|
|
1187
1188
|
</ft-typography>
|
|
1188
1189
|
</label>
|
|
1189
1190
|
</div>
|
|
1190
|
-
`}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.dispatchEvent(new
|
|
1191
|
+
`}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.dispatchEvent(new Ar(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 Ar(this.value,this.checked)),this.focus()}focus(){var t;null===(t=this.input)||void 0===t||t.focus()}}Dr.elementDefinitions={"ft-ripple":it,"ft-typography":po},Dr.styles=zr,Br([r.property()],Dr.prototype,"value",void 0),Br([r.property()],Dr.prototype,"name",void 0),Br([r.property({type:Boolean,reflect:!0})],Dr.prototype,"checked",void 0),Br([r.property({type:Boolean})],Dr.prototype,"disabled",void 0),Br([r.query(".ft-radio")],Dr.prototype,"container",void 0),Br([r.query("ft-ripple")],Dr.prototype,"ripple",void 0),Br([r.query("input")],Dr.prototype,"input",void 0);const Kr=o.css`
|
|
1191
1192
|
:host {
|
|
1192
1193
|
display: contents;
|
|
1193
1194
|
}
|
|
1194
|
-
`;var
|
|
1195
|
+
`;var Fr=function(t,e,o,i){for(var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class Zr extends e.FtLitElement{constructor(){super(...arguments),this.name=""}render(){return o.html`
|
|
1195
1196
|
<slot @slotchange=${this.onSlotChange}
|
|
1196
1197
|
@change=${this.onChange}
|
|
1197
1198
|
@keydown=${this.onKeyDown}
|
|
1198
1199
|
></slot>
|
|
1199
|
-
`}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)}}
|
|
1200
|
+
`}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)}}Zr.elementDefinitions={},Zr.styles=Kr,Fr([r.property()],Zr.prototype,"name",void 0),Fr([r.queryAssignedElements()],Zr.prototype,"radioButtons",void 0),e.customElement("ft-radio")(Dr),e.customElement("ft-radio-group")(Zr);const Tr={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(Ue.fontFamily,"Body2 typography"),fontSize:e.FtCssVariableFactory.external(Ue.fontSize,"Body2 typography"),fontWeight:e.FtCssVariableFactory.external(Ue.fontWeight,"Body2 typography"),letterSpacing:e.FtCssVariableFactory.external(Ue.letterSpacing,"Body2 typography"),lineHeight:e.FtCssVariableFactory.external(Ue.lineHeight,"Body2 typography"),textTransform:e.FtCssVariableFactory.external(Ue.textTransform,"Body2 typography")},Pr=o.css`
|
|
1200
1201
|
.ft-filter-level--container {
|
|
1201
1202
|
display: flex;
|
|
1202
1203
|
flex-direction: column;
|
|
@@ -1210,14 +1211,14 @@ const Zt=Symbol.for(""),Tt=t=>{if(t?.r===Zt)return t?._$litStatic$},Pt=t=>({_$li
|
|
|
1210
1211
|
flex-shrink: 0;
|
|
1211
1212
|
text-decoration: none;
|
|
1212
1213
|
position: relative;
|
|
1213
|
-
border-radius: ${
|
|
1214
|
+
border-radius: ${Tr.borderRadiusM};
|
|
1214
1215
|
overflow: hidden;
|
|
1215
1216
|
display: flex;
|
|
1216
1217
|
align-items: center;
|
|
1217
1218
|
padding: 4px 4px;
|
|
1218
1219
|
gap: 4px;
|
|
1219
1220
|
cursor: pointer;
|
|
1220
|
-
color: ${
|
|
1221
|
+
color: ${Tr.colorOnSurface};
|
|
1221
1222
|
}
|
|
1222
1223
|
|
|
1223
1224
|
.ft-filter-level--go-back:focus {
|
|
@@ -1246,7 +1247,7 @@ const Zt=Symbol.for(""),Tt=t=>{if(t?.r===Zt)return t?._$litStatic$},Pt=t=>({_$li
|
|
|
1246
1247
|
}
|
|
1247
1248
|
|
|
1248
1249
|
ft-button {
|
|
1249
|
-
${e.setVariable(wo.color,
|
|
1250
|
+
${e.setVariable(wo.color,Tr.colorOnSurface)};
|
|
1250
1251
|
}
|
|
1251
1252
|
|
|
1252
1253
|
ft-radio, ft-checkbox {
|
|
@@ -1260,9 +1261,9 @@ const Zt=Symbol.for(""),Tt=t=>{if(t?.r===Zt)return t?._$litStatic$},Pt=t=>({_$li
|
|
|
1260
1261
|
|
|
1261
1262
|
.ft-filter-level--no-values {
|
|
1262
1263
|
margin: 10px 0;
|
|
1263
|
-
color: ${
|
|
1264
|
+
color: ${Tr.colorOnSurfaceMedium};
|
|
1264
1265
|
}
|
|
1265
|
-
`;var
|
|
1266
|
+
`;var Hr=function(t,e,o,i){for(var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class jr 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`
|
|
1266
1267
|
<div class="ft-filter-level--container ${this.disabled?"ft-filter--disabled":""}">
|
|
1267
1268
|
${null==this.parent?null:o.html`
|
|
1268
1269
|
<div tabindex="0"
|
|
@@ -1326,7 +1327,7 @@ const Zt=Symbol.for(""),Tt=t=>{if(t?.r===Zt)return t?._$litStatic$},Pt=t=>({_$li
|
|
|
1326
1327
|
@change=${t=>t.stopPropagation()}>
|
|
1327
1328
|
${t.renderOption?t.renderOption:t.label}
|
|
1328
1329
|
</ft-radio>
|
|
1329
|
-
`}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}))}}
|
|
1330
|
+
`}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}))}}jr.elementDefinitions={"ft-button":ji,"ft-ripple":it,"ft-typography":po,"ft-checkbox":Er,"ft-icon":mo,"ft-radio":Dr},jr.styles=Pr,Hr([r.property({type:String})],jr.prototype,"filterId",void 0),Hr([r.property({type:Object})],jr.prototype,"parent",void 0),Hr([r.property({type:Array})],jr.prototype,"options",void 0),Hr([r.property({type:Boolean})],jr.prototype,"multivalued",void 0),Hr([r.property({type:Boolean})],jr.prototype,"disabled",void 0),Hr([r.property({type:Boolean})],jr.prototype,"hideSelectedOptions",void 0),Hr([r.property({type:Boolean})],jr.prototype,"preventNavigation",void 0),Hr([r.property({type:String})],jr.prototype,"filter",void 0),Hr([r.property({type:String})],jr.prototype,"moreValuesButtonLabel",void 0),Hr([r.property({type:String})],jr.prototype,"noValuesLabel",void 0),Hr([r.property({type:Number})],jr.prototype,"displayedValuesLimit",void 0),Hr([r.query(".ft-filter-level--container")],jr.prototype,"container",void 0),Hr([r.state()],jr.prototype,"displayedPages",void 0);const Mr={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")},_r=o.css`
|
|
1330
1331
|
.ft-snap-scroll {
|
|
1331
1332
|
box-sizing: border-box;
|
|
1332
1333
|
position: relative;
|
|
@@ -1361,7 +1362,7 @@ const Zt=Symbol.for(""),Tt=t=>{if(t?.r===Zt)return t?._$litStatic$},Pt=t=>({_$li
|
|
|
1361
1362
|
flex-wrap: nowrap;
|
|
1362
1363
|
align-items: flex-start;
|
|
1363
1364
|
justify-content: flex-start;
|
|
1364
|
-
gap: ${
|
|
1365
|
+
gap: ${Mr.gap};
|
|
1365
1366
|
}
|
|
1366
1367
|
|
|
1367
1368
|
.ft-snap-scroll--hide-scrollbar .ft-snap-scroll--content::-webkit-scrollbar {
|
|
@@ -1404,11 +1405,11 @@ const Zt=Symbol.for(""),Tt=t=>{if(t?.r===Zt)return t?._$litStatic$},Pt=t=>({_$li
|
|
|
1404
1405
|
.ft-snap-scroll--next {
|
|
1405
1406
|
position: absolute;
|
|
1406
1407
|
display: flex;
|
|
1407
|
-
z-index: ${
|
|
1408
|
+
z-index: ${Mr.buttonsZIndex};
|
|
1408
1409
|
opacity: 1;
|
|
1409
1410
|
transition: background-color .5s ease-in-out, opacity .5s ease-in-out, z-index .5s ease-in-out;
|
|
1410
1411
|
${e.setVariable(wo.backgroundColor,"transparent")};
|
|
1411
|
-
${e.setVariable(wo.color,
|
|
1412
|
+
${e.setVariable(wo.color,Mr.buttonsColor)};
|
|
1412
1413
|
}
|
|
1413
1414
|
|
|
1414
1415
|
.ft-snap-scroll--previous[hidden],
|
|
@@ -1421,37 +1422,37 @@ const Zt=Symbol.for(""),Tt=t=>{if(t?.r===Zt)return t?._$litStatic$},Pt=t=>({_$li
|
|
|
1421
1422
|
top: 0;
|
|
1422
1423
|
left: -1px;
|
|
1423
1424
|
bottom: 0;
|
|
1424
|
-
background: linear-gradient(to right, ${
|
|
1425
|
+
background: linear-gradient(to right, ${Mr.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1425
1426
|
}
|
|
1426
1427
|
|
|
1427
1428
|
.ft-snap-scroll--vertical .ft-snap-scroll--previous {
|
|
1428
1429
|
top: -1px;
|
|
1429
1430
|
left: 0;
|
|
1430
1431
|
right: 0;
|
|
1431
|
-
background: linear-gradient(to bottom, ${
|
|
1432
|
+
background: linear-gradient(to bottom, ${Mr.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1432
1433
|
}
|
|
1433
1434
|
|
|
1434
1435
|
.ft-snap-scroll--horizontal .ft-snap-scroll--next {
|
|
1435
1436
|
top: 0;
|
|
1436
1437
|
right: -1px;
|
|
1437
1438
|
bottom: 0;
|
|
1438
|
-
background: linear-gradient(to left, ${
|
|
1439
|
+
background: linear-gradient(to left, ${Mr.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1439
1440
|
}
|
|
1440
1441
|
|
|
1441
1442
|
.ft-snap-scroll--vertical .ft-snap-scroll--next {
|
|
1442
1443
|
left: 0;
|
|
1443
1444
|
right: 0;
|
|
1444
1445
|
bottom: -1px;
|
|
1445
|
-
background: linear-gradient(to top, ${
|
|
1446
|
+
background: linear-gradient(to top, ${Mr.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1446
1447
|
}
|
|
1447
1448
|
|
|
1448
1449
|
.ft-snap-scroll--horizontal .ft-snap-scroll--previous:hover,
|
|
1449
1450
|
.ft-snap-scroll--horizontal .ft-snap-scroll--next:hover,
|
|
1450
1451
|
.ft-snap-scroll--vertical .ft-snap-scroll--previous:hover,
|
|
1451
1452
|
.ft-snap-scroll--vertical .ft-snap-scroll--next:hover {
|
|
1452
|
-
background-color: ${
|
|
1453
|
+
background-color: ${Mr.colorSurface};
|
|
1453
1454
|
}
|
|
1454
|
-
`;var
|
|
1455
|
+
`;var Gr=function(t,e,o,i){for(var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class Vr extends CustomEvent{constructor(t,e){super("current-element-change",{detail:{index:t,element:e}})}}class qr 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=n.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`
|
|
1455
1456
|
<div part="container" class="${t}">
|
|
1456
1457
|
<ft-button
|
|
1457
1458
|
class="ft-snap-scroll--previous"
|
|
@@ -1475,7 +1476,7 @@ const Zt=Symbol.for(""),Tt=t=>{if(t?.r===Zt)return t?._$litStatic$},Pt=t=>({_$li
|
|
|
1475
1476
|
@click=${this.next}
|
|
1476
1477
|
></ft-button>
|
|
1477
1478
|
</div>
|
|
1478
|
-
`}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
|
|
1479
|
+
`}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 Vr(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)}}qr.elementDefinitions={"ft-button":ji},qr.styles=_r,Gr([r.property({type:Boolean})],qr.prototype,"horizontal",void 0),Gr([r.property({type:Boolean})],qr.prototype,"hideScrollbar",void 0),Gr([r.property({type:Boolean})],qr.prototype,"controls",void 0),Gr([r.property({type:Boolean})],qr.prototype,"limitSize",void 0),Gr([r.state()],qr.prototype,"elements",void 0),Gr([r.state()],qr.prototype,"currentElement",void 0),Gr([r.state()],qr.prototype,"withScroll",void 0),Gr([r.state()],qr.prototype,"startReached",void 0),Gr([r.state()],qr.prototype,"endReached",void 0),Gr([r.query(".ft-snap-scroll--content")],qr.prototype,"contentSlot",void 0),e.customElement("ft-snap-scroll")(qr);const Yr=e.FtCssVariableFactory.external(e.designSystemVariables.colorOutline,"Design system"),Qr=e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurface,"Design system"),Xr=e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceMedium,"Design system"),Jr=e.FtCssVariableFactory.external(e.designSystemVariables.colorPrimary,"Design system"),tn=e.FtCssVariableFactory.external(e.designSystemVariables.colorSurface,"Design system"),en=e.FtCssVariableFactory.external(e.designSystemVariables.transitionDuration,"Design system"),on=e.FtCssVariableFactory.external(e.designSystemVariables.transitionTimingFunction,"Design system"),rn=e.FtCssVariableFactory.extend("--ft-filter-label-color","",e.designSystemVariables.colorOnSurface),nn=e.FtCssVariableFactory.extend("--ft-filter-label-font-size","",te.fontSize,"14px"),an=[io,o.css`
|
|
1479
1480
|
:host {
|
|
1480
1481
|
display: flex;
|
|
1481
1482
|
max-height: 100%;
|
|
@@ -1488,7 +1489,6 @@ const Zt=Symbol.for(""),Tt=t=>{if(t?.r===Zt)return t?._$litStatic$},Pt=t=>({_$li
|
|
|
1488
1489
|
flex-direction: column;
|
|
1489
1490
|
max-height: 100%;
|
|
1490
1491
|
max-width: 100%;
|
|
1491
|
-
color: ${Yr};
|
|
1492
1492
|
}
|
|
1493
1493
|
|
|
1494
1494
|
.ft-filter--header {
|
|
@@ -1498,7 +1498,6 @@ const Zt=Symbol.for(""),Tt=t=>{if(t?.r===Zt)return t?._$litStatic$},Pt=t=>({_$li
|
|
|
1498
1498
|
flex-shrink: 0;
|
|
1499
1499
|
padding: 0 10px;
|
|
1500
1500
|
margin-bottom: 8px;
|
|
1501
|
-
${e.setVariable(te.fontSize,"14px")};
|
|
1502
1501
|
}
|
|
1503
1502
|
|
|
1504
1503
|
.ft-filter--header ft-button {
|
|
@@ -1512,6 +1511,8 @@ const Zt=Symbol.for(""),Tt=t=>{if(t?.r===Zt)return t?._$litStatic$},Pt=t=>({_$li
|
|
|
1512
1511
|
flex-shrink: 1;
|
|
1513
1512
|
flex-grow: 1;
|
|
1514
1513
|
word-break: break-word;
|
|
1514
|
+
color: ${rn};
|
|
1515
|
+
font-size: ${nn};
|
|
1515
1516
|
${e.setVariable(te.lineHeight,"22px")};
|
|
1516
1517
|
${e.setVariable(te.fontWeight,"bold")};
|
|
1517
1518
|
}
|
|
@@ -1524,8 +1525,8 @@ const Zt=Symbol.for(""),Tt=t=>{if(t?.r===Zt)return t?._$litStatic$},Pt=t=>({_$li
|
|
|
1524
1525
|
padding: 0 10px;
|
|
1525
1526
|
overflow: hidden;
|
|
1526
1527
|
height: 32px;
|
|
1527
|
-
transition: height ${
|
|
1528
|
-
margin ${
|
|
1528
|
+
transition: height ${en} ${on},
|
|
1529
|
+
margin ${en} ${on};
|
|
1529
1530
|
transition-delay: 500ms;
|
|
1530
1531
|
}
|
|
1531
1532
|
|
|
@@ -1538,15 +1539,15 @@ const Zt=Symbol.for(""),Tt=t=>{if(t?.r===Zt)return t?._$litStatic$},Pt=t=>({_$li
|
|
|
1538
1539
|
display: block;
|
|
1539
1540
|
width: 100%;
|
|
1540
1541
|
border-radius: 4px;
|
|
1541
|
-
border: 1px solid ${
|
|
1542
|
+
border: 1px solid ${Yr};
|
|
1542
1543
|
padding: 4px;
|
|
1543
|
-
background-color: ${
|
|
1544
|
-
color: ${
|
|
1545
|
-
outline-color: ${
|
|
1544
|
+
background-color: ${tn};
|
|
1545
|
+
color: ${Qr};
|
|
1546
|
+
outline-color: ${Jr};
|
|
1546
1547
|
}
|
|
1547
1548
|
|
|
1548
1549
|
input::placeholder {
|
|
1549
|
-
color: ${
|
|
1550
|
+
color: ${Xr};
|
|
1550
1551
|
}
|
|
1551
1552
|
|
|
1552
1553
|
input:placeholder-shown {
|
|
@@ -1562,7 +1563,7 @@ const Zt=Symbol.for(""),Tt=t=>{if(t?.r===Zt)return t?._$litStatic$},Pt=t=>({_$li
|
|
|
1562
1563
|
}
|
|
1563
1564
|
|
|
1564
1565
|
.ft-filter--separator {
|
|
1565
|
-
border-top: 1px solid ${
|
|
1566
|
+
border-top: 1px solid ${Yr};
|
|
1566
1567
|
margin: 4px 10px;
|
|
1567
1568
|
}
|
|
1568
1569
|
|
|
@@ -1587,7 +1588,7 @@ const Zt=Symbol.for(""),Tt=t=>{if(t?.r===Zt)return t?._$litStatic$},Pt=t=>({_$li
|
|
|
1587
1588
|
slot:not([name]) {
|
|
1588
1589
|
display: none;
|
|
1589
1590
|
}
|
|
1590
|
-
`];var
|
|
1591
|
+
`];var sn=function(t,e,o,i){for(var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class ln extends CustomEvent{constructor(t){super("change",{detail:t})}}class cn 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`
|
|
1591
1592
|
<div class="ft-filter--container ${this.disabled?"ft-filter--disabled":""}"
|
|
1592
1593
|
part="container">
|
|
1593
1594
|
${this.label||t?o.html`
|
|
@@ -1659,18 +1660,18 @@ const Zt=Symbol.for(""),Tt=t=>{if(t?.r===Zt)return t?._$litStatic$},Pt=t=>({_$li
|
|
|
1659
1660
|
.exportpartsPrefixes=${["values","available-values"]}
|
|
1660
1661
|
noValuesLabel="${this.noValuesLabel}"
|
|
1661
1662
|
></ft-filter-level>
|
|
1662
|
-
`}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
|
|
1663
|
+
`}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 ln(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)}}cn.elementDefinitions={"ft-button":ji,"ft-filter-level":jr,"ft-snap-scroll":qr,"ft-typography":po},cn.styles=an,sn([r.property({type:String})],cn.prototype,"id",void 0),sn([r.property({type:String})],cn.prototype,"label",void 0),sn([r.property({type:String})],cn.prototype,"filterPlaceHolder",void 0),sn([r.property({type:String})],cn.prototype,"clearButtonLabel",void 0),sn([r.property({type:String})],cn.prototype,"moreValuesButtonLabel",void 0),sn([r.property({type:String})],cn.prototype,"noValuesLabel",void 0),sn([e.jsonProperty([])],cn.prototype,"options",void 0),sn([r.property({type:Boolean})],cn.prototype,"multivalued",void 0),sn([r.property({type:Boolean})],cn.prototype,"disabled",void 0),sn([r.property({type:Boolean})],cn.prototype,"raiseSelectedOptions",void 0),sn([r.property({type:Number})],cn.prototype,"displayedValuesLimit",void 0),sn([r.property({type:Boolean})],cn.prototype,"hideClearButton",void 0),sn([r.query(".ft-filter--slot")],cn.prototype,"slotElement",void 0),sn([r.query(".ft-filter--container")],cn.prototype,"container",void 0),sn([r.query(".ft-filter--values")],cn.prototype,"valuesContainer",void 0),sn([r.query(".ft-filter--levels")],cn.prototype,"levelsContainer",void 0),sn([r.state()],cn.prototype,"lastLevelHasHiddenvalues",void 0),sn([r.query(".ft-filter--filter input")],cn.prototype,"filterInput",void 0),sn([r.queryAll(".ft-filter--levels ft-filter-level")],cn.prototype,"levels",void 0),sn([r.state()],cn.prototype,"withScroll",void 0),sn([r.state()],cn.prototype,"filter",void 0),sn([r.state()],cn.prototype,"slideIn",void 0),sn([r.state()],cn.prototype,"slideOut",void 0);var hn=function(t,e,o,i){for(var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class fn extends e.FtLitElement{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1,this.subOptions=[]}render(){return o.html`
|
|
1663
1664
|
<slot class="ft-filter-option--slot" @slotchange=${this.updateSubOptionsFromSlot}></slot>
|
|
1664
|
-
`}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}))}}
|
|
1665
|
+
`}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}))}}fn.elementDefinitions={},hn([r.property({type:String})],fn.prototype,"label",void 0),hn([r.property({type:Object,converter:t=>t})],fn.prototype,"value",void 0),hn([r.property({type:Boolean,reflect:!0})],fn.prototype,"selected",void 0),hn([r.property({type:Object})],fn.prototype,"subOptions",void 0),hn([e.jsonProperty({})],fn.prototype,"renderOption",void 0),hn([r.query(".ft-filter-option--slot")],fn.prototype,"slotElement",void 0),e.customElement("ft-filter")(cn),e.customElement("ft-filter-option")(fn);const pn=dr.build("designedSearchType"),dn={label:"Search scope",documentTitlesOnly:"Search in document titles only"};var un=function(t,e,o,i){for(var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class gn extends(lr(_)){constructor(){super(),this.addI18nContext(pn,dn)}render(){return o.html`
|
|
1665
1666
|
<ft-filter
|
|
1666
|
-
label=${
|
|
1667
|
-
.options=${[{label:
|
|
1667
|
+
label=${pn.messages.label()}
|
|
1668
|
+
.options=${[{label:pn.messages.documentTitlesOnly(),value:t=>{var e;return null===(e=this.stateManager)||void 0===e?void 0:e.setSearchInDocumentTitlesOnly(t)},selected:this.searchInDocumentTitlesOnly}]}
|
|
1668
1669
|
part="filter"
|
|
1669
1670
|
.exportpartsPrefixes=${["filter"]}
|
|
1670
1671
|
multivalued
|
|
1671
1672
|
@change=${this.onSelected}
|
|
1672
1673
|
></ft-filter>
|
|
1673
|
-
`}onSelected(t){var e;null===(e=this.filter)||void 0===e||e.options.forEach((t=>t.value(t.selected)))}}
|
|
1674
|
+
`}onSelected(t){var e;null===(e=this.filter)||void 0===e||e.options.forEach((t=>t.value(t.selected)))}}gn.elementDefinitions={"ft-filter":cn},gn.styles=xr,un([e.redux({selector:Z})],gn.prototype,"searchInDocumentTitlesOnly",void 0),un([r.query("ft-filter")],gn.prototype,"filter",void 0),e.customElement("ft-search-type")(gn);var yn=function(t,e,o,i){for(var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class bn extends(lr(_)){get hasSomethingToDisplay(){var t;return this.searchInDocumentTitlesOnly||(null===(t=this.facets)||void 0===t?void 0:t.some((t=>this.getSelectedValues(t).length>0)))}constructor(){super(),this.addI18nContext(pn,dn)}render(){return this.hasSomethingToDisplay?o.html`
|
|
1674
1675
|
<div class="ft-search-selected-facets--container">
|
|
1675
1676
|
${i.repeat(this.facets||[],(t=>t.key),(t=>{const e=this.getSelectedValues(t);return i.repeat(e,(e=>t.key+"-"+e),(o=>this.renderFacet(t.key,t.label,e,o)))}))}
|
|
1676
1677
|
${this.renderSearchInDocumentTitlesOnly()}
|
|
@@ -1689,13 +1690,13 @@ const Zt=Symbol.for(""),Tt=t=>{if(t?.r===Zt)return t?._$litStatic$},Pt=t=>({_$li
|
|
|
1689
1690
|
</ft-chip>
|
|
1690
1691
|
</ft-tooltip>
|
|
1691
1692
|
`}getSelectedValues(t){return e.flatDeep(t.rootNodes,(t=>t.selected?[]:t.childNodes)).filter((t=>t.selected)).map((t=>t.value))}getLabelFromValue(t){return this.unquote(t).split("|").pop()}getBreadcrumbFromValue(t){return this.unquote(t).split("|").join(" > ")}unquote(t){return t.startsWith('"')&&t.endsWith('"')?t.replace(/(^"+)|("+$)/g,""):t}renderSearchInDocumentTitlesOnly(){return this.searchInDocumentTitlesOnly?o.html`
|
|
1692
|
-
<ft-tooltip inline text="${
|
|
1693
|
+
<ft-tooltip inline text="${pn.messages.documentTitlesOnly()}"
|
|
1693
1694
|
part="tooltips tooltip-search-in-document-titles-only">
|
|
1694
1695
|
<ft-chip
|
|
1695
1696
|
part="ft-search-selected-facets ft-search-selected-facet-search-in-document-titles-only"
|
|
1696
1697
|
removable
|
|
1697
1698
|
@icon-click=${()=>{var t;return null===(t=this.stateManager)||void 0===t?void 0:t.setSearchInDocumentTitlesOnly(!1)}}>
|
|
1698
|
-
${
|
|
1699
|
+
${pn.messages.documentTitlesOnly()}
|
|
1699
1700
|
</ft-chip>
|
|
1700
1701
|
</ft-tooltip>
|
|
1701
|
-
`:o.nothing}}
|
|
1702
|
+
`:o.nothing}}bn.elementDefinitions={"ft-chip":ir,"ft-tooltip":Fi},bn.styles=l,yn([e.redux({store:"search"})],bn.prototype,"facets",void 0),yn([e.redux({store:"search",selector:Z})],bn.prototype,"searchInDocumentTitlesOnly",void 0),e.customElement("ft-search-selected-facets")(bn),t.FtSearchSelectedFacets=bn,t.FtSearchSelectedFacetsCssVariables=s,t.styles=l}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litRepeat,ftGlobals.litDecorators,ftGlobals.litClassMap,ftGlobals.litUnsafeHTML);
|