@fluid-topics/ft-filterable-table 1.0.46 → 1.0.48
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.
|
@@ -813,7 +813,7 @@ const Be={fontSize:e.FtCssVariableFactory.create("--ft-text-field-font-size","SI
|
|
|
813
813
|
.variant=${this.iconVariant}
|
|
814
814
|
.value=${this.icon}
|
|
815
815
|
@click=${()=>{var t;return null===(t=this.input)||void 0===t?void 0:t.focus()}}></ft-icon>
|
|
816
|
-
`:i.nothing}updated(t){super.updated(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){var e,i;if(super.contentAvailableCallback(t)
|
|
816
|
+
`:i.nothing}updated(t){super.updated(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){var e,i;if(super.contentAvailableCallback(t),t.has("focused")&&!this.hideSuggestions&&this.visibleSuggestions.length>0){const t=null===(e=this.input)||void 0===e?void 0:e.getBoundingClientRect(),o=null===(i=this.suggestionsContainer)||void 0===i?void 0:i.getBoundingClientRect();t&&o&&(this.suggestionsOnTop=t.bottom+o.height>window.innerHeight&&t.top-o.height>0)}}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 i=(null===(e=this.input)||void 0===e?void 0:e.value)||"";this.setValue(i,"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 i=this.visibleSuggestions.findIndex((t=>t.matches(":focus-within")));let o;o="ArrowDown"===t.key?i<this.visibleSuggestions.length-1?i+1:0:i>0?i-1:this.visibleSuggestions.length-1,null===(e=this.visibleSuggestions[o])||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}}Ne.elementDefinitions={"ft-input-label":ne,"ft-ripple":ye,"ft-typography":ie,"ft-icon":Se},Ne.styles=[Gt,De],je([o.property()],Ne.prototype,"label",void 0),je([o.property({noAccessor:!0})],Ne.prototype,"value",null),je([o.state()],Ne.prototype,"dispatchedValue",void 0),je([o.property()],Ne.prototype,"helper",void 0),je([o.property({type:Boolean})],Ne.prototype,"outlined",void 0),je([o.property({type:Boolean})],Ne.prototype,"disabled",void 0),je([o.property({type:Boolean})],Ne.prototype,"error",void 0),je([o.property()],Ne.prototype,"prefix",void 0),je([o.property()],Ne.prototype,"icon",void 0),je([o.property()],Ne.prototype,"passwordHiddenIcon",void 0),je([o.property()],Ne.prototype,"passwordRevealedIcon",void 0),je([o.property()],Ne.prototype,"iconVariant",void 0),je([o.property({type:Boolean})],Ne.prototype,"filterSuggestions",void 0),je([o.property({type:Number})],Ne.prototype,"maxLength",void 0),je([o.property({type:Boolean})],Ne.prototype,"password",void 0),je([o.state()],Ne.prototype,"focused",void 0),je([o.state()],Ne.prototype,"hidePassword",void 0),je([o.state()],Ne.prototype,"suggestionsOnTop",void 0),je([o.state()],Ne.prototype,"hideSuggestions",void 0),je([o.state()],Ne.prototype,"visibleSuggestions",void 0),je([o.query(".ft-text-field--main-panel")],Ne.prototype,"mainPanel",void 0),je([o.query(".ft-text-field--input")],Ne.prototype,"input",void 0),je([o.query(".ft-text-field--suggestions")],Ne.prototype,"suggestionsContainer",void 0),je([o.queryAssignedElements({selector:"ft-text-field-suggestion"})],Ne.prototype,"suggestions",void 0);const Ze=i.css`
|
|
817
817
|
.ft-text-field-suggestion {
|
|
818
818
|
position: relative;
|
|
819
819
|
padding: 8px 16px;
|
|
@@ -928,7 +928,7 @@ const Ii={fontSize:mt.create("--ft-text-field-font-size","SIZE","14px"),labelSiz
|
|
|
928
928
|
.variant=${this.iconVariant}
|
|
929
929
|
.value=${this.icon}
|
|
930
930
|
@click=${()=>{var t;return null===(t=this.input)||void 0===t?void 0:t.focus()}}></ft-icon>
|
|
931
|
-
`:tt}updated(t){super.updated(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){var e,i;if(super.contentAvailableCallback(t)
|
|
931
|
+
`:tt}updated(t){super.updated(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){var e,i;if(super.contentAvailableCallback(t),t.has("focused")&&!this.hideSuggestions&&this.visibleSuggestions.length>0){const t=null===(e=this.input)||void 0===e?void 0:e.getBoundingClientRect(),o=null===(i=this.suggestionsContainer)||void 0===i?void 0:i.getBoundingClientRect();t&&o&&(this.suggestionsOnTop=t.bottom+o.height>window.innerHeight&&t.top-o.height>0)}}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 i=(null===(e=this.input)||void 0===e?void 0:e.value)||"";this.setValue(i,"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 i=this.visibleSuggestions.findIndex((t=>t.matches(":focus-within")));let o;o="ArrowDown"===t.key?i<this.visibleSuggestions.length-1?i+1:0:i>0?i-1:this.visibleSuggestions.length-1,null===(e=this.visibleSuggestions[o])||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}}Li.elementDefinitions={"ft-input-label":fi,"ft-ripple":Ei,"ft-typography":ci,"ft-icon":Mi},Li.styles=[ei,Ai],Pi([o()],Li.prototype,"label",void 0),Pi([o({noAccessor:!0})],Li.prototype,"value",null),Pi([s()],Li.prototype,"dispatchedValue",void 0),Pi([o()],Li.prototype,"helper",void 0),Pi([o({type:Boolean})],Li.prototype,"outlined",void 0),Pi([o({type:Boolean})],Li.prototype,"disabled",void 0),Pi([o({type:Boolean})],Li.prototype,"error",void 0),Pi([o()],Li.prototype,"prefix",void 0),Pi([o()],Li.prototype,"icon",void 0),Pi([o()],Li.prototype,"passwordHiddenIcon",void 0),Pi([o()],Li.prototype,"passwordRevealedIcon",void 0),Pi([o()],Li.prototype,"iconVariant",void 0),Pi([o({type:Boolean})],Li.prototype,"filterSuggestions",void 0),Pi([o({type:Number})],Li.prototype,"maxLength",void 0),Pi([o({type:Boolean})],Li.prototype,"password",void 0),Pi([s()],Li.prototype,"focused",void 0),Pi([s()],Li.prototype,"hidePassword",void 0),Pi([s()],Li.prototype,"suggestionsOnTop",void 0),Pi([s()],Li.prototype,"hideSuggestions",void 0),Pi([s()],Li.prototype,"visibleSuggestions",void 0),Pi([r(".ft-text-field--main-panel")],Li.prototype,"mainPanel",void 0),Pi([r(".ft-text-field--input")],Li.prototype,"input",void 0),Pi([r(".ft-text-field--suggestions")],Li.prototype,"suggestionsContainer",void 0),Pi([c({selector:"ft-text-field-suggestion"})],Li.prototype,"suggestions",void 0);const Ti=y`
|
|
932
932
|
.ft-text-field-suggestion {
|
|
933
933
|
position: relative;
|
|
934
934
|
padding: 8px 16px;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluid-topics/ft-filterable-table",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.48",
|
|
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.0.
|
|
26
|
-
"@fluid-topics/ft-select": "1.0.
|
|
27
|
-
"@fluid-topics/ft-text-field": "1.0.
|
|
28
|
-
"@fluid-topics/ft-wc-utils": "1.0.
|
|
25
|
+
"@fluid-topics/ft-button": "1.0.48",
|
|
26
|
+
"@fluid-topics/ft-select": "1.0.48",
|
|
27
|
+
"@fluid-topics/ft-text-field": "1.0.48",
|
|
28
|
+
"@fluid-topics/ft-wc-utils": "1.0.48",
|
|
29
29
|
"lit": "2.7.2"
|
|
30
30
|
},
|
|
31
|
-
"gitHead": "
|
|
31
|
+
"gitHead": "a07dca06ede4358afbfe00c06b1ea1da90e3ff51"
|
|
32
32
|
}
|