@fluid-topics/ft-filterable-table 1.2.50 → 1.2.52

package/build/ft-filterable-table.light.js

@@ -826,7 +826,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
                     <slot></slot>
                 </ft-typography>
             </div>
-        `}focus(e){var a;(a=this.container)===null||a===void 0||a.focus(e)}click(){var e;(e=this.container)===null||e===void 0||e.click()}confirmSuggestion(){this.dispatchEvent(new Lo(this.getValue()))}getValue(){return this.value||this.textContent}get textContent(){return this.assignedNodes.map(e=>e.textContent).join("").trim()}onKeyDown(e){["Enter"," "].includes(e.key)&&(e.preventDefault(),e.stopPropagation(),this.confirmSuggestion())}};bt.elementDefinitions={"ft-ripple":W,"ft-typography":at,"ft-icon":J};bt.styles=$a;Je([(0,Qt.property)()],bt.prototype,"value",void 0);Je([(0,Qt.property)()],bt.prototype,"helper",void 0);Je([(0,Qt.query)(".ft-text-field-suggestion")],bt.prototype,"container",void 0);Je([(0,Qt.queryAssignedNodes)()],bt.prototype,"assignedNodes",void 0);var B=function(o,e,a,n){var i=arguments.length,c=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,a):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(o,e,a,n);else for(var p=o.length-1;p>=0;p--)(s=o[p])&&(c=(i<3?s(c):i>3?s(e,a,c):s(e,a))||c);return i>3&&c&&Object.defineProperty(e,a,c),c},R=class extends(0,Ft.toFtFormComponent)(Ft.FtLitElement,"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=Xt.EYE_SLASH,this.passwordRevealedIcon=Xt.EYE,this.filterSuggestions=!1,this.password=!1,this.focused=!1,this.hidePassword=!0,this.hideSuggestions=!1,this.visibleSuggestions=[],this.providedSuggestions=[]}get value(){return this._value||""}set value(e){this.setInternalValue(e||""),this.dispatchedValue=e||""}setInternalValue(e){let a=this._value;this._value=e||"",this.setFormValue(this._value),this.requestUpdate("value",a)}focus(){var e;(e=this.input)===null||e===void 0||e.focus()}render(){let e={"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":!this.suggestionsShouldBeDisplayed(),"ft-text-field--raised-label":this.focused||this.value!="","ft-text-field--with-icon":!!this.icon,"ft-text-field--with-password":this.isPasswordField()},a=this.suggestionsProvider&&this.value&&this.value!=""&&!this.providedSuggestions.map(c=>c.label).includes(this.value),i=!this.suggestionsProvider&&this.filterSuggestions&&this.value&&this.value!=""||a;return tt.html`
+        `}focus(e){var a;(a=this.container)===null||a===void 0||a.focus(e)}click(){var e;(e=this.container)===null||e===void 0||e.click()}confirmSuggestion(){this.dispatchEvent(new Lo(this.getValue()))}getValue(){return this.value||this.textContent}get textContent(){return this.assignedNodes.map(e=>e.textContent).join("").trim()}onKeyDown(e){["Enter"," "].includes(e.key)&&(e.preventDefault(),e.stopPropagation(),this.confirmSuggestion())}};bt.elementDefinitions={"ft-ripple":W,"ft-typography":at,"ft-icon":J};bt.styles=$a;Je([(0,Qt.property)()],bt.prototype,"value",void 0);Je([(0,Qt.property)()],bt.prototype,"helper",void 0);Je([(0,Qt.query)(".ft-text-field-suggestion")],bt.prototype,"container",void 0);Je([(0,Qt.queryAssignedNodes)()],bt.prototype,"assignedNodes",void 0);var B=function(o,e,a,n){var i=arguments.length,c=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,a):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(o,e,a,n);else for(var p=o.length-1;p>=0;p--)(s=o[p])&&(c=(i<3?s(c):i>3?s(e,a,c):s(e,a))||c);return i>3&&c&&Object.defineProperty(e,a,c),c},R=class extends(0,Ft.toFtFormComponent)(Ft.FtLitElement,"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=Xt.EYE_SLASH,this.passwordRevealedIcon=Xt.EYE,this.filterSuggestions=!1,this.password=!1,this.focused=!1,this.hidePassword=!0,this.hideSuggestions=!1,this.visibleSuggestions=[],this.providedSuggestions=[]}get value(){return this._value||""}set value(e){this.setInternalValue(e||""),this.dispatchedValue=e||""}setInternalValue(e){let a=this._value;this._value=e||"",this.setFormValue(this._value),this.requestUpdate("value",a)}focus(){var e;(e=this.input)===null||e===void 0||e.focus()}blur(){var e;(e=this.input)===null||e===void 0||e.blur()}render(){let e={"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":!this.suggestionsShouldBeDisplayed(),"ft-text-field--raised-label":this.focused||this.value!="","ft-text-field--with-icon":!!this.icon,"ft-text-field--with-password":this.isPasswordField()},a=this.suggestionsProvider&&this.value&&this.value!=""&&!this.providedSuggestions.map(c=>c.label).includes(this.value),i=!this.suggestionsProvider&&this.filterSuggestions&&this.value&&this.value!=""||a;return tt.html`
             <div class="${(0,Pa.classMap)(e)}">
                 <div class="ft-text-field--main-panel"
                      @keydown=${this.handleKeyboardNavigation}
@@ -1148,7 +1148,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
                     </div>
                 </div>
             </div>
-        `}updated(e){e.has("visible")&&this.visible&&this.resetTooltipContent(),super.updated(e)}contentAvailableCallback(e){super.contentAvailableCallback(e),["visible","text"].some(a=>e.has(a))&&this.visible&&this.positionTooltip()}async show(e){this.visible=!0,e!=null&&await this.hideDebounce.run(()=>{this.hide()},e)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var e;return((e=this.slotNodes)!==null&&e!==void 0?e:[]).filter(a=>a.nodeType==Node.ELEMENT_NODE)[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){let e=this.tooltipContent.style;switch(e.transition="none",this.validPosition){case"top":e.top=this.tooltip.clientHeight+"px",e.left="0";break;case"bottom":e.top=-this.tooltip.clientHeight+"px",e.left="0";break;case"left":e.top="0",e.left=this.tooltip.clientWidth+"px";break;case"right":e.top="0",e.left=-this.tooltip.clientWidth+"px";break}}}positionTooltip(){this.resetTooltipContent(),this.tooltip&&this.slottedElement&&(this.tooltip.style.left="",this.tooltip.style.top="",pn(this.slottedElement,this.tooltip,this.position).then(({x:e,y:a})=>{this.tooltip&&(this.tooltip.style.left=`${e}px`,this.tooltip.style.top=`${a}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",e=>{e.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(e,a){return Math.max(e,Math.min(0,-a))}};F.elementDefinitions={"ft-typography":at};F.styles=Da;ut([(0,et.property)()],F.prototype,"text",void 0);ut([(0,et.property)({type:Boolean})],F.prototype,"manual",void 0);ut([(0,et.property)({type:Boolean})],F.prototype,"inline",void 0);ut([(0,et.property)({type:Number})],F.prototype,"delay",void 0);ut([(0,et.property)()],F.prototype,"position",void 0);ut([(0,et.queryAssignedNodes)()],F.prototype,"slotNodes",void 0);ut([(0,et.query)(".ft-tooltip--container")],F.prototype,"container",void 0);ut([(0,et.query)(".ft-tooltip")],F.prototype,"tooltip",void 0);ut([(0,et.query)(".ft-tooltip--content")],F.prototype,"tooltipContent",void 0);ut([(0,et.state)()],F.prototype,"visible",void 0);ut([(0,et.eventOptions)({passive:!0})],F.prototype,"onTouch",null);ut([(0,et.eventOptions)({passive:!0})],F.prototype,"onHover",null);ut([(0,et.eventOptions)({passive:!0})],F.prototype,"onOut",null);ut([(0,et.eventOptions)({passive:!0})],F.prototype,"onClick",null);(0,un.customElement)("ft-tooltip")(F);var hn=h(I());var yn=h(z()),gn=h(I());var ee=class extends gn.FtLitElement{render(){return yn.html`
+        `}updated(e){e.has("visible")&&this.visible&&this.resetTooltipContent(),super.updated(e)}contentAvailableCallback(e){super.contentAvailableCallback(e),["visible","text"].some(a=>e.has(a))&&this.visible&&this.positionTooltip()}async show(e){this.visible=!0,e!=null&&await this.hideDebounce.run(()=>{this.hide()},e)}async showTemporaryText(e,a){let n=this.manual;this.manual=!0;let i=this.text;this.text=e,await this.show(a),this.text=i,this.manual=n}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var e;return((e=this.slotNodes)!==null&&e!==void 0?e:[]).filter(a=>a.nodeType==Node.ELEMENT_NODE)[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){let e=this.tooltipContent.style;switch(e.transition="none",this.validPosition){case"top":e.top=this.tooltip.clientHeight+"px",e.left="0";break;case"bottom":e.top=-this.tooltip.clientHeight+"px",e.left="0";break;case"left":e.top="0",e.left=this.tooltip.clientWidth+"px";break;case"right":e.top="0",e.left=-this.tooltip.clientWidth+"px";break}}}positionTooltip(){this.resetTooltipContent(),this.tooltip&&this.slottedElement&&(this.tooltip.style.left="",this.tooltip.style.top="",pn(this.slottedElement,this.tooltip,this.position).then(({x:e,y:a})=>{this.tooltip&&(this.tooltip.style.left=`${e}px`,this.tooltip.style.top=`${a}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",e=>{e.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(e,a){return Math.max(e,Math.min(0,-a))}};F.elementDefinitions={"ft-typography":at};F.styles=Da;ut([(0,et.property)()],F.prototype,"text",void 0);ut([(0,et.property)({type:Boolean})],F.prototype,"manual",void 0);ut([(0,et.property)({type:Boolean})],F.prototype,"inline",void 0);ut([(0,et.property)({type:Number})],F.prototype,"delay",void 0);ut([(0,et.property)()],F.prototype,"position",void 0);ut([(0,et.queryAssignedNodes)()],F.prototype,"slotNodes",void 0);ut([(0,et.query)(".ft-tooltip--container")],F.prototype,"container",void 0);ut([(0,et.query)(".ft-tooltip")],F.prototype,"tooltip",void 0);ut([(0,et.query)(".ft-tooltip--content")],F.prototype,"tooltipContent",void 0);ut([(0,et.state)()],F.prototype,"visible",void 0);ut([(0,et.eventOptions)({passive:!0})],F.prototype,"onTouch",null);ut([(0,et.eventOptions)({passive:!0})],F.prototype,"onHover",null);ut([(0,et.eventOptions)({passive:!0})],F.prototype,"onOut",null);ut([(0,et.eventOptions)({passive:!0})],F.prototype,"onClick",null);(0,un.customElement)("ft-tooltip")(F);var hn=h(I());var yn=h(z()),gn=h(I());var ee=class extends gn.FtLitElement{render(){return yn.html`
             <div class="ft-loader">
                 <div></div>
                 <div></div>
@@ -1192,7 +1192,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
                 <ft-icon part="icon" .variant="${this.iconVariant}" .value="${this.icon}"></ft-icon>
             `:Zt.html`
                 <slot part="icon" name="icon"></slot>
-            `}focus(){var e;(e=this.button)===null||e===void 0||e.focus()}focusWithoutTooltip(){var e;this.setTooltipManual(!0),(e=this.button)===null||e===void 0||e.focus(),this.setTooltipManual(!1)}setTooltipManual(e){this.tooltip&&(this.tooltip.manual=e)}click(){var e;(e=this.button)===null||e===void 0||e.click()}getLabel(){return this.label||this.textContent}get textContent(){return(0,Vt.unslotText)(this.slottedContent).trim()}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}};U.elementDefinitions={"ft-ripple":W,"ft-tooltip":F,"ft-typography":at,"ft-icon":J,"ft-loader":ee};it([(0,ot.property)()],U.prototype,"href",void 0);it([(0,ot.property)()],U.prototype,"target",void 0);it([(0,ot.property)({type:String,reflect:!0})],U.prototype,"role",void 0);it([(0,ot.property)()],U.prototype,"type",void 0);it([(0,ot.property)({type:Boolean})],U.prototype,"disabled",void 0);it([(0,ot.property)()],U.prototype,"label",void 0);it([(0,ot.property)()],U.prototype,"icon",void 0);it([(0,ot.property)()],U.prototype,"iconVariant",void 0);it([(0,ot.property)({type:Boolean})],U.prototype,"trailingIcon",void 0);it([(0,ot.property)({type:Boolean})],U.prototype,"loading",void 0);it([(0,ot.property)({attribute:"aria-label"})],U.prototype,"ariaLabel",void 0);it([(0,ot.property)()],U.prototype,"tooltipPosition",void 0);it([(0,ot.property)({type:Boolean})],U.prototype,"hideTooltip",void 0);it([(0,ot.property)({type:Boolean})],U.prototype,"forceTooltip",void 0);it([(0,ot.query)(".ft-button")],U.prototype,"button",void 0);it([(0,ot.query)(".ft-button--label slot")],U.prototype,"slottedContent",void 0);it([(0,ot.query)("[part=tooltip]")],U.prototype,"tooltip",void 0);var io=function(o,e,a,n){var i=arguments.length,c=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,a):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(o,e,a,n);else for(var p=o.length-1;p>=0;p--)(s=o[p])&&(c=(i<3?s(c):i>3?s(e,a,c):s(e,a))||c);return i>3&&c&&Object.defineProperty(e,a,c),c},kt=class extends U{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.dense=!1,this.round=!1}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0}}get typographyVariant(){return"button"}};kt.styles=[mn.safariEllipsisFix,Ta];io([(0,He.property)({type:Boolean})],kt.prototype,"primary",void 0);io([(0,He.property)({type:Boolean})],kt.prototype,"outlined",void 0);io([(0,He.property)({type:Boolean})],kt.prototype,"dense",void 0);io([(0,He.property)({type:Boolean})],kt.prototype,"round",void 0);var Ue=h(yt());var co=h(I());var bn=h(z()),u=h(I());var xn=[bn.css`
+            `}focus(){var e;(e=this.button)===null||e===void 0||e.focus()}focusWithoutTooltip(){var e;this.setTooltipManual(!0),(e=this.button)===null||e===void 0||e.focus(),this.setTooltipManual(!1)}showTemporaryTooltip(e,a){var n;return(n=this.tooltip)===null||n===void 0?void 0:n.showTemporaryText(e,a)}setTooltipManual(e){this.tooltip&&(this.tooltip.manual=e)}click(){var e;(e=this.button)===null||e===void 0||e.click()}getLabel(){return this.label||this.textContent}get textContent(){return(0,Vt.unslotText)(this.slottedContent).trim()}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}};U.elementDefinitions={"ft-ripple":W,"ft-tooltip":F,"ft-typography":at,"ft-icon":J,"ft-loader":ee};it([(0,ot.property)()],U.prototype,"href",void 0);it([(0,ot.property)()],U.prototype,"target",void 0);it([(0,ot.property)({type:String,reflect:!0})],U.prototype,"role",void 0);it([(0,ot.property)()],U.prototype,"type",void 0);it([(0,ot.property)({type:Boolean})],U.prototype,"disabled",void 0);it([(0,ot.property)()],U.prototype,"label",void 0);it([(0,ot.property)()],U.prototype,"icon",void 0);it([(0,ot.property)()],U.prototype,"iconVariant",void 0);it([(0,ot.property)({type:Boolean})],U.prototype,"trailingIcon",void 0);it([(0,ot.property)({type:Boolean})],U.prototype,"loading",void 0);it([(0,ot.property)({attribute:"aria-label"})],U.prototype,"ariaLabel",void 0);it([(0,ot.property)()],U.prototype,"tooltipPosition",void 0);it([(0,ot.property)({type:Boolean})],U.prototype,"hideTooltip",void 0);it([(0,ot.property)({type:Boolean})],U.prototype,"forceTooltip",void 0);it([(0,ot.query)(".ft-button")],U.prototype,"button",void 0);it([(0,ot.query)(".ft-button--label slot")],U.prototype,"slottedContent",void 0);it([(0,ot.query)("[part=tooltip]")],U.prototype,"tooltip",void 0);var io=function(o,e,a,n){var i=arguments.length,c=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,a):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(o,e,a,n);else for(var p=o.length-1;p>=0;p--)(s=o[p])&&(c=(i<3?s(c):i>3?s(e,a,c):s(e,a))||c);return i>3&&c&&Object.defineProperty(e,a,c),c},kt=class extends U{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.dense=!1,this.round=!1}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0}}get typographyVariant(){return"button"}};kt.styles=[mn.safariEllipsisFix,Ta];io([(0,He.property)({type:Boolean})],kt.prototype,"primary",void 0);io([(0,He.property)({type:Boolean})],kt.prototype,"outlined",void 0);io([(0,He.property)({type:Boolean})],kt.prototype,"dense",void 0);io([(0,He.property)({type:Boolean})],kt.prototype,"round",void 0);var Ue=h(yt());var co=h(I());var bn=h(z()),u=h(I());var xn=[bn.css`
         :host {
             display: inline-block;
             max-width: 100%;