@fluid-topics/ft-filterable-table 1.1.43 → 1.1.45
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.
|
@@ -704,8 +704,6 @@ const sl=Symbol.for(""),cl=t=>{if(t?.r===sl)return t?._$litStatic$},fl=t=>({_$li
|
|
|
704
704
|
display: none;
|
|
705
705
|
position: absolute;
|
|
706
706
|
top: 100%;
|
|
707
|
-
left: 0;
|
|
708
|
-
right: 0;
|
|
709
707
|
color: ${Ms.optionsColor};
|
|
710
708
|
background: ${Ms.colorSurface};
|
|
711
709
|
z-index: ${Ms.optionsZIndex};
|
|
@@ -714,8 +712,6 @@ const sl=Symbol.for(""),cl=t=>{if(t?.r===sl)return t?._$litStatic$},fl=t=>({_$li
|
|
|
714
712
|
|
|
715
713
|
.ft-select--fixed .ft-select--options {
|
|
716
714
|
position: fixed;
|
|
717
|
-
right: unset;
|
|
718
|
-
/* left and top are set dynamically */
|
|
719
715
|
}
|
|
720
716
|
|
|
721
717
|
.ft-select--options-displayed .ft-select--options {
|
|
@@ -793,7 +789,7 @@ const sl=Symbol.for(""),cl=t=>{if(t?.r===sl)return t?._$litStatic$},fl=t=>({_$li
|
|
|
793
789
|
<ft-ripple ?primary=${e} ?activated=${e}></ft-ripple>
|
|
794
790
|
<span>${t.label}</span>
|
|
795
791
|
</div>
|
|
796
|
-
`}update(t){super.update(t),t.has("options")&&(this.selectedOption=this.options.filter((t=>t.selected))[0]),t.has("selectedOption")&&(this.optionsDisplayed=!1)
|
|
792
|
+
`}update(t){super.update(t),t.has("options")&&(this.selectedOption=this.options.filter((t=>t.selected))[0]),t.has("selectedOption")&&(this.optionsDisplayed=!1)}contentAvailableCallback(t){var e,o;super.contentAvailableCallback(t),t.has("focusOptions")&&this.focusOptions&&(null===(o=null!==(e=this.selectedOptionElement)&&void 0!==e?e:this.firstOption)||void 0===o||o.focus(),this.focusOptions=!1),t.has("optionsDisplayed")&&this.hasOptionsMenuOpen&&(this.optionsMenu.style.width=this.mainPanel.getBoundingClientRect().width+"px",Ei(this.mainPanel,this.optionsMenu,"bottom").then((({x:t,y:e})=>{this.optionsMenu.style.left=`${t}px`,this.optionsMenu.style.top=`${e}px`})))}get hasOptionsMenuOpen(){return!this.disabled&&this.optionsDisplayed&&this.hasOptions}get hasOptions(){return this.options.length>0}updateOptionsFromSlot(t){var e;t.stopPropagation();let o=null===(e=this.optionsSlot)||void 0===e?void 0:e.assignedElements().map((t=>t));o&&o.length>0&&(this.options=o)}onMainPanelKeyDown(t){switch(t.key){case" ":t.preventDefault(),t.stopPropagation();case"Enter":this.optionsDisplayed=!this.optionsDisplayed,this.focusOptions=!0;break;case"ArrowUp":case"ArrowDown":t.preventDefault(),t.stopPropagation(),this.optionsDisplayed=!0,this.focusOptions=!0}}onOptionsKeyDown(t){var e,o,r,i,n;let a;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(),a=null!==(r=null===(o=this.focusedOption)||void 0===o?void 0:o.previousElementSibling)&&void 0!==r?r:this.lastOption;break;case"ArrowDown":t.preventDefault(),t.stopPropagation(),a=null!==(n=null===(i=this.focusedOption)||void 0===i?void 0:i.nextElementSibling)&&void 0!==n?n:this.firstOption}null==a||a.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 e,o;if(!po(null===(e=this.selectedOption)||void 0===e?void 0:e.value,t.value)){this.selectedOption=t;for(let e of this.options)e.selected=e===t;this.dispatchEvent(new CustomEvent("change",{detail:null===(o=this.selectedOption)||void 0===o?void 0:o.value}))}this.optionsDisplayed=!1}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.hideOptions)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.hideOptions)}}Vs.elementDefinitions={"ft-input-label":Cs,"ft-typography":Os,"ft-ripple":js,"ft-icon":Ks},Vs.styles=[hs,us,Hs],Ts([we({type:String})],Vs.prototype,"label",void 0),Ts([we({type:String})],Vs.prototype,"helper",void 0),Ts([we({type:Boolean})],Vs.prototype,"outlined",void 0),Ts([we({type:Boolean})],Vs.prototype,"disabled",void 0),Ts([we({type:Boolean})],Vs.prototype,"error",void 0),Ts([we({type:Boolean})],Vs.prototype,"fixedMenuPosition",void 0),Ts([we({type:Array})],Vs.prototype,"options",void 0),Ts([Se()],Vs.prototype,"selectedOption",void 0),Ts([Se()],Vs.prototype,"optionsDisplayed",void 0),Ts([Se()],Vs.prototype,"focusOptions",void 0),Ts([$e(".ft-select")],Vs.prototype,"container",void 0),Ts([$e(".ft-select--options")],Vs.prototype,"optionsMenu",void 0),Ts([$e(".ft-select--input-panel")],Vs.prototype,"mainPanel",void 0),Ts([$e(".ft-select--option:first-child")],Vs.prototype,"firstOption",void 0),Ts([$e(".ft-select--option:focus")],Vs.prototype,"focusedOption",void 0),Ts([$e(".ft-select--option.ft-select--option-selected")],Vs.prototype,"selectedOptionElement",void 0),Ts([$e(".ft-select--option:last-child")],Vs.prototype,"lastOption",void 0),Ts([$e("slot")],Vs.prototype,"optionsSlot",void 0),uo("ft-select")(Vs),uo("ft-select-option")(Gs);
|
|
797
793
|
/**
|
|
798
794
|
* @license
|
|
799
795
|
* Copyright 2018 Google LLC
|
|
@@ -924,8 +920,6 @@ const qs={fontSize:xo.create("--ft-text-field-font-size","","SIZE","14px"),label
|
|
|
924
920
|
display: none;
|
|
925
921
|
flex-direction: column;
|
|
926
922
|
position: absolute;
|
|
927
|
-
left: 0;
|
|
928
|
-
right: 0;
|
|
929
923
|
z-index: ${qs.floatingZIndex};
|
|
930
924
|
background: ${qs.colorSurface};
|
|
931
925
|
border: 1px solid ${qs.colorOutline};
|
|
@@ -936,12 +930,8 @@ const qs={fontSize:xo.create("--ft-text-field-font-size","","SIZE","14px"),label
|
|
|
936
930
|
overflow-y: auto;
|
|
937
931
|
}
|
|
938
932
|
|
|
939
|
-
.ft-text-field--
|
|
940
|
-
|
|
941
|
-
}
|
|
942
|
-
|
|
943
|
-
.ft-text-field--suggestions.ft-text-field--suggestions-on-top {
|
|
944
|
-
bottom: 100%;
|
|
933
|
+
.ft-text-field--fixed .ft-text-field--suggestions {
|
|
934
|
+
position: fixed;
|
|
945
935
|
}
|
|
946
936
|
|
|
947
937
|
.ft-text-field:not(.ft-text-field--hide-suggestions):focus-within .ft-text-field--suggestions {
|
|
@@ -955,7 +945,7 @@ const qs={fontSize:xo.create("--ft-text-field-font-size","","SIZE","14px"),label
|
|
|
955
945
|
.ft-text-field--with-password ft-icon:hover {
|
|
956
946
|
cursor: pointer;
|
|
957
947
|
}
|
|
958
|
-
`;var Js=function(t,e,o,r){for(var i,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r,l=t.length-1;l>=0;l--)(i=t[l])&&(a=(n<3?i(a):n>3?i(e,o,a):i(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class Xs extends(tl(ji,"textbox")){constructor(){super(...arguments),this._value="",this.dispatchedValue="",this.outlined=!1,this.disabled=!1,this.error=!1,this.prefix=null,this.passwordHiddenIcon=Fs.EYE_SLASH,this.passwordRevealedIcon=Fs.EYE,this.filterSuggestions=!1,this.password=!1,this.focused=!1,this.hidePassword=!0,this.
|
|
948
|
+
`;var Js=function(t,e,o,r){for(var i,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r,l=t.length-1;l>=0;l--)(i=t[l])&&(a=(n<3?i(a):n>3?i(e,o,a):i(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class Xs extends(tl(ji,"textbox")){constructor(){super(...arguments),this._value="",this.dispatchedValue="",this.outlined=!1,this.disabled=!1,this.error=!1,this.fixedMenuPosition=!1,this.prefix=null,this.passwordHiddenIcon=Fs.EYE_SLASH,this.passwordRevealedIcon=Fs.EYE,this.filterSuggestions=!1,this.password=!1,this.focused=!1,this.hidePassword=!0,this.hideSuggestions=!1,this.visibleSuggestions=[]}get value(){return this._value||""}set value(t){this.setInternalValue(t||""),this.dispatchedValue=t||""}setInternalValue(t){const e=this._value;this._value=t||"",this.setFormValue(this._value),this.requestUpdate("value",e)}focus(){var t;null===(t=this.input)||void 0===t||t.focus()}render(){const t={"ft-text-field":!0,"ft-text-field--filled":!this.outlined,"ft-text-field--outlined":this.outlined,"ft-text-field--disabled":this.disabled,"ft-text-field--has-value":!!this.value,"ft-text-field--with-label":!!this.label,"ft-text-field--in-error":this.error,"ft-text-field--fixed":this.fixedMenuPosition,"ft-text-field--with-prefix":!!this.prefix,"ft-text-field--hide-suggestions":0===this.visibleSuggestions.length||this.hideSuggestions,"ft-text-field--raised-label":this.focused||""!=this.value,"ft-text-field--with-icon":!!this.icon,"ft-text-field--with-password":this.password};return Jt`
|
|
959
949
|
<div class="${Me(t)}">
|
|
960
950
|
<div class="ft-text-field--main-panel"
|
|
961
951
|
@keydown=${this.handleKeyboardNavigation}
|
|
@@ -986,7 +976,7 @@ const qs={fontSize:xo.create("--ft-text-field-font-size","","SIZE","14px"),label
|
|
|
986
976
|
@focus=${this.onFocus}/>
|
|
987
977
|
${this.renderIcon()}
|
|
988
978
|
</div>
|
|
989
|
-
<div class="ft-text-field--suggestions
|
|
979
|
+
<div class="ft-text-field--suggestions"
|
|
990
980
|
@suggestion-selected=${this.onSuggestionSelected}>
|
|
991
981
|
<slot @slotchange=${()=>this.filterSuggestionsIfNeeded()}></slot>
|
|
992
982
|
</div>
|
|
@@ -1007,7 +997,7 @@ const qs={fontSize:xo.create("--ft-text-field-font-size","","SIZE","14px"),label
|
|
|
1007
997
|
.variant=${this.iconVariant}
|
|
1008
998
|
.value=${this.icon}
|
|
1009
999
|
@click=${()=>{var t;return null===(t=this.input)||void 0===t?void 0:t.focus()}}></ft-icon>
|
|
1010
|
-
`:te}update(t){super.update(t),(t.has("value")||t.has("filterSuggestions"))&&this.filterSuggestionsIfNeeded(),t.has("value")&&null!=t.get("value")&&(this.hideSuggestions=!1),t.has("dispatchedValue")&&null!=t.get("dispatchedValue")&&(this.hideSuggestions=!0)}filterSuggestionsIfNeeded(){this.filterSuggestions?(this.suggestions.forEach((t=>t.hidden=!t.getValue().toLowerCase().includes(this.value.toLowerCase()))),this.visibleSuggestions=this.suggestions.filter((t=>!t.hidden))):this.visibleSuggestions=this.suggestions}contentAvailableCallback(t){
|
|
1000
|
+
`:te}update(t){super.update(t),(t.has("value")||t.has("filterSuggestions"))&&this.filterSuggestionsIfNeeded(),t.has("value")&&null!=t.get("value")&&(this.hideSuggestions=!1),t.has("dispatchedValue")&&null!=t.get("dispatchedValue")&&(this.hideSuggestions=!0)}filterSuggestionsIfNeeded(){this.filterSuggestions?(this.suggestions.forEach((t=>t.hidden=!t.getValue().toLowerCase().includes(this.value.toLowerCase()))),this.visibleSuggestions=this.suggestions.filter((t=>!t.hidden))):this.visibleSuggestions=this.suggestions}contentAvailableCallback(t){super.contentAvailableCallback(t),t.has("focused")&&!this.hideSuggestions&&this.visibleSuggestions.length>0&&(this.suggestionsContainer.style.width=this.mainPanel.getBoundingClientRect().width+"px",Ei(this.mainPanel,this.suggestionsContainer,"bottom").then((({x:t,y:e})=>{this.suggestionsContainer.style.left=`${t}px`,this.suggestionsContainer.style.top=`${e}px`})))}setValue(t,e=!1){this.value!==t&&(this.setInternalValue(t),this.dispatchEvent(new CustomEvent("live-change",{detail:t}))),e&&this.dispatchedValue!==t&&(this.dispatchedValue=t,this.dispatchEvent(new CustomEvent("change",{detail:t})))}handleInput(t){var e;const o=(null===(e=this.input)||void 0===e?void 0:e.value)||"";this.setValue(o,"Escape"==t.key||"Enter"==t.key)}handleClick(){this.hideSuggestions=!1}handleKeyboardNavigation(t){var e;if("ArrowDown"===t.key||"ArrowUp"===t.key){t.preventDefault(),t.stopPropagation(),this.hideSuggestions=!1;const o=this.visibleSuggestions.findIndex((t=>t.matches(":focus-within")));let r;r="ArrowDown"===t.key?o<this.visibleSuggestions.length-1?o+1:0:o>0?o-1:this.visibleSuggestions.length-1,null===(e=this.visibleSuggestions[r])||void 0===e||e.focus()}"Escape"!=t.key&&"Enter"!=t.key||(this.hideSuggestions=!0)}onSuggestionSelected(t){var e;this.setValue(t.detail,!0),null===(e=this.input)||void 0===e||e.focus(),setTimeout((()=>this.hideSuggestions=!0),0)}onFocus(){this.focused=!0,this.hideSuggestions=!1}onMainPanelBlur(){var t,e;(null===(t=this.mainPanel)||void 0===t?void 0:t.matches(":focus-within"))||(this.focused=!1,this.setValue((null===(e=this.input)||void 0===e?void 0:e.value)||"",!0))}togglePasswordVisibility(){this.hidePassword=!this.hidePassword}}Xs.elementDefinitions={"ft-input-label":Cs,"ft-ripple":js,"ft-typography":Os,"ft-icon":Ks},Xs.styles=[ds,Ys],Js([we()],Xs.prototype,"label",void 0),Js([we({noAccessor:!0})],Xs.prototype,"value",null),Js([Se()],Xs.prototype,"dispatchedValue",void 0),Js([we()],Xs.prototype,"helper",void 0),Js([we({type:Boolean})],Xs.prototype,"outlined",void 0),Js([we({type:Boolean})],Xs.prototype,"disabled",void 0),Js([we({type:Boolean})],Xs.prototype,"error",void 0),Js([we({type:Boolean})],Xs.prototype,"fixedMenuPosition",void 0),Js([we()],Xs.prototype,"prefix",void 0),Js([we()],Xs.prototype,"icon",void 0),Js([we()],Xs.prototype,"passwordHiddenIcon",void 0),Js([we()],Xs.prototype,"passwordRevealedIcon",void 0),Js([we()],Xs.prototype,"iconVariant",void 0),Js([we({type:Boolean})],Xs.prototype,"filterSuggestions",void 0),Js([we({type:Number})],Xs.prototype,"maxLength",void 0),Js([we({type:Boolean})],Xs.prototype,"password",void 0),Js([Se()],Xs.prototype,"focused",void 0),Js([Se()],Xs.prototype,"hidePassword",void 0),Js([Se()],Xs.prototype,"hideSuggestions",void 0),Js([Se()],Xs.prototype,"visibleSuggestions",void 0),Js([$e(".ft-text-field--main-panel")],Xs.prototype,"mainPanel",void 0),Js([$e(".ft-text-field--input")],Xs.prototype,"input",void 0),Js([$e(".ft-text-field--suggestions")],Xs.prototype,"suggestionsContainer",void 0),Js([Ie({selector:"ft-text-field-suggestion"})],Xs.prototype,"suggestions",void 0);const Qs=dt`
|
|
1011
1001
|
.ft-text-field-suggestion {
|
|
1012
1002
|
position: relative;
|
|
1013
1003
|
padding: 8px 16px;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluid-topics/ft-filterable-table",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.45",
|
|
4
4
|
"description": "A dynamic table with filters",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Lit"
|
|
@@ -22,11 +22,11 @@
|
|
|
22
22
|
"test": "echo \"Error: run tests from root\" && exit 1"
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@fluid-topics/ft-button": "1.1.
|
|
26
|
-
"@fluid-topics/ft-select": "1.1.
|
|
27
|
-
"@fluid-topics/ft-text-field": "1.1.
|
|
28
|
-
"@fluid-topics/ft-wc-utils": "1.1.
|
|
25
|
+
"@fluid-topics/ft-button": "1.1.45",
|
|
26
|
+
"@fluid-topics/ft-select": "1.1.45",
|
|
27
|
+
"@fluid-topics/ft-text-field": "1.1.45",
|
|
28
|
+
"@fluid-topics/ft-wc-utils": "1.1.45",
|
|
29
29
|
"lit": "3.1.0"
|
|
30
30
|
},
|
|
31
|
-
"gitHead": "
|
|
31
|
+
"gitHead": "6f166986bd8187f17e3d5a70f366596807be03c1"
|
|
32
32
|
}
|