@fluid-topics/ft-popover 1.3.51 → 1.3.53

package/build/ft-popover.light.js

@@ -510,7 +510,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:r.extend("--ftds-con
                 <div class="ft-ripple--background"></div>
                 <div class="ft-ripple--effect"></div>
             </div>
-        `}contentAvailableCallback(t){super.contentAvailableCallback(t),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}update(t){var o,n;super.update(t),t.has("disabled")&&(this.disabled?(this.endRipple(),(o=this.target)===null||o===void 0||o.removeAttribute("data-is-ft-ripple-target")):(n=this.target)===null||n===void 0||n.setAttribute("data-is-ft-ripple-target","true"))}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}connectedCallback(){super.connectedCallback(),this.setupDebouncer.run(()=>this.defaultSetup())}defaultSetup(){var t,o;let n=(t=this.shadowRoot)===null||t===void 0?void 0:t.host.parentElement;n&&this.setupFor((o=this.target)!==null&&o!==void 0?o:n)}forceFocusUpdate(){var t;!((t=this.target)===null||t===void 0)&&t.matches(":focus-within")?this.startFocus():this.endFocus()}setupFor(t){if(this.setupDebouncer.cancel(),this.target===t)return;this.onDisconnect&&this.onDisconnect(),this.target=t,t.setAttribute("data-is-ft-ripple-target","true");let o=(...l)=>p=>{l.forEach(u=>window.addEventListener(u,this.endPress,{once:!0})),this.startPress(p)},n=o("mouseup","contextmenu"),a=o("touchend","touchcancel"),i=l=>{["Enter"," "].includes(l.key)&&o("keyup")(l)},c={passive:!0};t.addEventListener("mouseover",this.startHover,c),t.addEventListener("mousemove",this.moveRipple,c),t.addEventListener("mouseleave",this.endHover,c),t.addEventListener("mousedown",n,c),t.addEventListener("touchstart",a,c),t.addEventListener("touchmove",this.moveRipple,c),t.addEventListener("keydown",i,c),t.addEventListener("focus",this.startFocus,c),t.addEventListener("blur",this.endFocus,c),t.addEventListener("focusin",this.startFocus,c),t.addEventListener("focusout",this.endFocus,c),this.onDisconnect=()=>{t.removeAttribute("data-is-ft-ripple-target"),t.removeEventListener("mouseover",this.startHover,c),t.removeEventListener("mousemove",this.moveRipple,c),t.removeEventListener("mouseleave",this.endHover,c),t.removeEventListener("mousedown",n,c),t.removeEventListener("touchstart",a,c),t.removeEventListener("touchmove",this.moveRipple,c),t.removeEventListener("keydown",i,c),t.removeEventListener("focus",this.startFocus,c),t.removeEventListener("blur",this.endFocus,c),t.removeEventListener("focusin",this.startFocus,c),t.removeEventListener("focusout",this.endFocus,c),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(t){let o=t,n=t,a,i;return o.x!=null?{x:a,y:i}=o:n.touches!=null&&(a=n.touches[0].clientX,i=n.touches[0].clientY),{x:a,y:i}}isFocusVisible(t){return t instanceof HTMLElement?t.matches(":focus-visible"):!0}isIgnored(t){if(this.disabled)return!0;if(t!=null)for(let o of t.composedPath()){if(o===this.target)break;if("hasAttribute"in o&&o.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.endRipple()}};V.elementDefinitions={};V.styles=di;ye([(0,ce.property)({type:Boolean})],V.prototype,"primary",void 0);ye([(0,ce.property)({type:Boolean})],V.prototype,"secondary",void 0);ye([(0,ce.property)({type:Boolean})],V.prototype,"unbounded",void 0);ye([(0,ce.property)({type:Boolean})],V.prototype,"activated",void 0);ye([(0,ce.property)({type:Boolean})],V.prototype,"selected",void 0);ye([(0,ce.property)({type:Boolean})],V.prototype,"disabled",void 0);ye([(0,ce.state)()],V.prototype,"hovered",void 0);ye([(0,ce.state)()],V.prototype,"focused",void 0);ye([(0,ce.state)()],V.prototype,"pressed",void 0);ye([(0,ce.state)()],V.prototype,"rippling",void 0);ye([(0,ce.state)()],V.prototype,"originX",void 0);ye([(0,ce.state)()],V.prototype,"originY",void 0);ye([(0,ce.query)(".ft-ripple")],V.prototype,"ripple",void 0);ye([(0,ce.query)(".ft-ripple--effect")],V.prototype,"rippleEffect",void 0);(0,Oi.customElement)("ft-ripple")(V);var Kc=O(k());var jc=O(H()),Te=O(re()),Re=O(k());var Ci=O(H()),qe=O(k()),qt={distance:qe.FtCssVariableFactory.create("--ft-tooltip-distance","","SIZE","4px"),color:qe.FtCssVariableFactory.create("--ft-tooltip-color","","COLOR","#FFFFFF"),backgroundColor:qe.FtCssVariableFactory.create("--ft-tooltip-background-color","","COLOR","#666666"),zIndex:qe.FtCssVariableFactory.create("--ft-tooltip-z-index","","NUMBER","100"),borderRadiusS:qe.FtCssVariableFactory.external(qe.designSystemVariables.borderRadiusS,"Design system"),maxWidth:qe.FtCssVariableFactory.create("--ft-tooltip-max-width","","SIZE","150px")},Ei=Ci.css`
+        `}contentAvailableCallback(t){super.contentAvailableCallback(t),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}update(t){var o,n;super.update(t),t.has("disabled")&&(this.disabled?(this.endRipple(),(o=this.target)===null||o===void 0||o.removeAttribute("data-is-ft-ripple-target")):(n=this.target)===null||n===void 0||n.setAttribute("data-is-ft-ripple-target","true"))}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}connectedCallback(){super.connectedCallback(),this.setupDebouncer.run(()=>this.defaultSetup())}defaultSetup(){var t,o;let n=(t=this.shadowRoot)===null||t===void 0?void 0:t.host.parentElement;n&&this.setupFor((o=this.target)!==null&&o!==void 0?o:n)}forceFocusUpdate(){var t;!((t=this.target)===null||t===void 0)&&t.matches(":focus-within")?this.startFocus():this.endFocus()}setupFor(t){if(this.setupDebouncer.cancel(),this.target===t)return;this.onDisconnect&&this.onDisconnect(),this.target=t,t.setAttribute("data-is-ft-ripple-target","true");let o=(...l)=>p=>{l.forEach(u=>window.addEventListener(u,this.endPress,{once:!0})),this.startPress(p)},n=o("mouseup","contextmenu"),a=o("touchend","touchcancel"),i=l=>{["Enter"," "].includes(l.key)&&o("keyup")(l)},c={passive:!0};t.addEventListener("mouseover",this.startHover,c),t.addEventListener("mousemove",this.moveRipple,c),t.addEventListener("mouseleave",this.endHover,c),t.addEventListener("mousedown",n,c),t.addEventListener("touchstart",a,c),t.addEventListener("touchmove",this.moveRipple,c),t.addEventListener("keydown",i,c),t.addEventListener("focus",this.startFocus,c),t.addEventListener("blur",this.endFocus,c),t.addEventListener("focusin",this.startFocus,c),t.addEventListener("focusout",this.endFocus,c),this.onDisconnect=()=>{t.removeAttribute("data-is-ft-ripple-target"),t.removeEventListener("mouseover",this.startHover,c),t.removeEventListener("mousemove",this.moveRipple,c),t.removeEventListener("mouseleave",this.endHover,c),t.removeEventListener("mousedown",n,c),t.removeEventListener("touchstart",a,c),t.removeEventListener("touchmove",this.moveRipple,c),t.removeEventListener("keydown",i,c),t.removeEventListener("focus",this.startFocus,c),t.removeEventListener("blur",this.endFocus,c),t.removeEventListener("focusin",this.startFocus,c),t.removeEventListener("focusout",this.endFocus,c),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(t){let o=t,n=t,a,i;return o.x!=null?{x:a,y:i}=o:n.touches!=null&&(a=n.touches[0].clientX,i=n.touches[0].clientY),{x:a,y:i}}isFocusVisible(t){return t instanceof HTMLElement?t.matches(":focus-visible"):!0}isIgnored(t){if(this.disabled)return!0;if(t!=null)for(let o of t.composedPath()){if(o===this.target)break;if("hasAttribute"in o&&o.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.endRipple()}};V.elementDefinitions={};V.styles=di;ye([(0,ce.property)({type:Boolean})],V.prototype,"primary",void 0);ye([(0,ce.property)({type:Boolean})],V.prototype,"secondary",void 0);ye([(0,ce.property)({type:Boolean})],V.prototype,"unbounded",void 0);ye([(0,ce.property)({type:Boolean})],V.prototype,"activated",void 0);ye([(0,ce.property)({type:Boolean})],V.prototype,"selected",void 0);ye([(0,ce.property)({type:Boolean})],V.prototype,"disabled",void 0);ye([(0,ce.state)()],V.prototype,"hovered",void 0);ye([(0,ce.state)()],V.prototype,"focused",void 0);ye([(0,ce.state)()],V.prototype,"pressed",void 0);ye([(0,ce.state)()],V.prototype,"rippling",void 0);ye([(0,ce.state)()],V.prototype,"originX",void 0);ye([(0,ce.state)()],V.prototype,"originY",void 0);ye([(0,ce.query)(".ft-ripple")],V.prototype,"ripple",void 0);ye([(0,ce.query)(".ft-ripple--effect")],V.prototype,"rippleEffect",void 0);(0,Oi.customElement)("ft-ripple")(V);var Kc=O(k());var jc=O(H()),Te=O(re()),Re=O(k());var Ci=O(H()),qe=O(k()),qt={distance:qe.FtCssVariableFactory.create("--ft-tooltip-distance","","SIZE","4px"),color:qe.FtCssVariableFactory.create("--ft-tooltip-color","","COLOR","#FFFFFF"),backgroundColor:qe.FtCssVariableFactory.create("--ft-tooltip-background-color","","COLOR","#666666"),zIndex:qe.FtCssVariableFactory.create("--ft-tooltip-z-index","","NUMBER","100"),borderRadiusS:qe.FtCssVariableFactory.extend("--ft-tooltip-border-radius","",qe.designSystemVariables.borderRadiusS),maxWidth:qe.FtCssVariableFactory.create("--ft-tooltip-max-width","","SIZE","150px")},Ei=Ci.css`
     .ft-tooltip--container {
         display: block;
     }

package/build/ft-popover.min.js

@@ -590,7 +590,7 @@ Also for action icons.`,l.colorGray200),contentGlobalSubtle:r.extend("--ftds-con
                 <div class="ft-ripple--background"></div>
                 <div class="ft-ripple--effect"></div>
             </div>
-        `}contentAvailableCallback(e){super.contentAvailableCallback(e),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}update(e){var o,n;super.update(e),e.has("disabled")&&(this.disabled?(this.endRipple(),(o=this.target)===null||o===void 0||o.removeAttribute("data-is-ft-ripple-target")):(n=this.target)===null||n===void 0||n.setAttribute("data-is-ft-ripple-target","true"))}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}connectedCallback(){super.connectedCallback(),this.setupDebouncer.run(()=>this.defaultSetup())}defaultSetup(){var e,o;let n=(e=this.shadowRoot)===null||e===void 0?void 0:e.host.parentElement;n&&this.setupFor((o=this.target)!==null&&o!==void 0?o:n)}forceFocusUpdate(){var e;!((e=this.target)===null||e===void 0)&&e.matches(":focus-within")?this.startFocus():this.endFocus()}setupFor(e){if(this.setupDebouncer.cancel(),this.target===e)return;this.onDisconnect&&this.onDisconnect(),this.target=e,e.setAttribute("data-is-ft-ripple-target","true");let o=(...c)=>d=>{c.forEach(u=>window.addEventListener(u,this.endPress,{once:!0})),this.startPress(d)},n=o("mouseup","contextmenu"),i=o("touchend","touchcancel"),a=c=>{["Enter"," "].includes(c.key)&&o("keyup")(c)},s={passive:!0};e.addEventListener("mouseover",this.startHover,s),e.addEventListener("mousemove",this.moveRipple,s),e.addEventListener("mouseleave",this.endHover,s),e.addEventListener("mousedown",n,s),e.addEventListener("touchstart",i,s),e.addEventListener("touchmove",this.moveRipple,s),e.addEventListener("keydown",a,s),e.addEventListener("focus",this.startFocus,s),e.addEventListener("blur",this.endFocus,s),e.addEventListener("focusin",this.startFocus,s),e.addEventListener("focusout",this.endFocus,s),this.onDisconnect=()=>{e.removeAttribute("data-is-ft-ripple-target"),e.removeEventListener("mouseover",this.startHover,s),e.removeEventListener("mousemove",this.moveRipple,s),e.removeEventListener("mouseleave",this.endHover,s),e.removeEventListener("mousedown",n,s),e.removeEventListener("touchstart",i,s),e.removeEventListener("touchmove",this.moveRipple,s),e.removeEventListener("keydown",a,s),e.removeEventListener("focus",this.startFocus,s),e.removeEventListener("blur",this.endFocus,s),e.removeEventListener("focusin",this.startFocus,s),e.removeEventListener("focusout",this.endFocus,s),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(e){let o=e,n=e,i,a;return o.x!=null?{x:i,y:a}=o:n.touches!=null&&(i=n.touches[0].clientX,a=n.touches[0].clientY),{x:i,y:a}}isFocusVisible(e){return e instanceof HTMLElement?e.matches(":focus-visible"):!0}isIgnored(e){if(this.disabled)return!0;if(e!=null)for(let o of e.composedPath()){if(o===this.target)break;if("hasAttribute"in o&&o.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.endRipple()}};ne.elementDefinitions={};ne.styles=jl;ve([E({type:Boolean})],ne.prototype,"primary",void 0);ve([E({type:Boolean})],ne.prototype,"secondary",void 0);ve([E({type:Boolean})],ne.prototype,"unbounded",void 0);ve([E({type:Boolean})],ne.prototype,"activated",void 0);ve([E({type:Boolean})],ne.prototype,"selected",void 0);ve([E({type:Boolean})],ne.prototype,"disabled",void 0);ve([Q()],ne.prototype,"hovered",void 0);ve([Q()],ne.prototype,"focused",void 0);ve([Q()],ne.prototype,"pressed",void 0);ve([Q()],ne.prototype,"rippling",void 0);ve([Q()],ne.prototype,"originX",void 0);ve([Q()],ne.prototype,"originY",void 0);ve([q(".ft-ripple")],ne.prototype,"ripple",void 0);ve([q(".ft-ripple--effect")],ne.prototype,"rippleEffect",void 0);oe("ft-ripple")(ne);var Lr={distance:r.create("--ft-tooltip-distance","","SIZE","4px"),color:r.create("--ft-tooltip-color","","COLOR","#FFFFFF"),backgroundColor:r.create("--ft-tooltip-background-color","","COLOR","#666666"),zIndex:r.create("--ft-tooltip-z-index","","NUMBER","100"),borderRadiusS:r.external(Y.borderRadiusS,"Design system"),maxWidth:r.create("--ft-tooltip-max-width","","SIZE","150px")},Xl=D`
+        `}contentAvailableCallback(e){super.contentAvailableCallback(e),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}update(e){var o,n;super.update(e),e.has("disabled")&&(this.disabled?(this.endRipple(),(o=this.target)===null||o===void 0||o.removeAttribute("data-is-ft-ripple-target")):(n=this.target)===null||n===void 0||n.setAttribute("data-is-ft-ripple-target","true"))}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}connectedCallback(){super.connectedCallback(),this.setupDebouncer.run(()=>this.defaultSetup())}defaultSetup(){var e,o;let n=(e=this.shadowRoot)===null||e===void 0?void 0:e.host.parentElement;n&&this.setupFor((o=this.target)!==null&&o!==void 0?o:n)}forceFocusUpdate(){var e;!((e=this.target)===null||e===void 0)&&e.matches(":focus-within")?this.startFocus():this.endFocus()}setupFor(e){if(this.setupDebouncer.cancel(),this.target===e)return;this.onDisconnect&&this.onDisconnect(),this.target=e,e.setAttribute("data-is-ft-ripple-target","true");let o=(...c)=>d=>{c.forEach(u=>window.addEventListener(u,this.endPress,{once:!0})),this.startPress(d)},n=o("mouseup","contextmenu"),i=o("touchend","touchcancel"),a=c=>{["Enter"," "].includes(c.key)&&o("keyup")(c)},s={passive:!0};e.addEventListener("mouseover",this.startHover,s),e.addEventListener("mousemove",this.moveRipple,s),e.addEventListener("mouseleave",this.endHover,s),e.addEventListener("mousedown",n,s),e.addEventListener("touchstart",i,s),e.addEventListener("touchmove",this.moveRipple,s),e.addEventListener("keydown",a,s),e.addEventListener("focus",this.startFocus,s),e.addEventListener("blur",this.endFocus,s),e.addEventListener("focusin",this.startFocus,s),e.addEventListener("focusout",this.endFocus,s),this.onDisconnect=()=>{e.removeAttribute("data-is-ft-ripple-target"),e.removeEventListener("mouseover",this.startHover,s),e.removeEventListener("mousemove",this.moveRipple,s),e.removeEventListener("mouseleave",this.endHover,s),e.removeEventListener("mousedown",n,s),e.removeEventListener("touchstart",i,s),e.removeEventListener("touchmove",this.moveRipple,s),e.removeEventListener("keydown",a,s),e.removeEventListener("focus",this.startFocus,s),e.removeEventListener("blur",this.endFocus,s),e.removeEventListener("focusin",this.startFocus,s),e.removeEventListener("focusout",this.endFocus,s),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(e){let o=e,n=e,i,a;return o.x!=null?{x:i,y:a}=o:n.touches!=null&&(i=n.touches[0].clientX,a=n.touches[0].clientY),{x:i,y:a}}isFocusVisible(e){return e instanceof HTMLElement?e.matches(":focus-visible"):!0}isIgnored(e){if(this.disabled)return!0;if(e!=null)for(let o of e.composedPath()){if(o===this.target)break;if("hasAttribute"in o&&o.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.endRipple()}};ne.elementDefinitions={};ne.styles=jl;ve([E({type:Boolean})],ne.prototype,"primary",void 0);ve([E({type:Boolean})],ne.prototype,"secondary",void 0);ve([E({type:Boolean})],ne.prototype,"unbounded",void 0);ve([E({type:Boolean})],ne.prototype,"activated",void 0);ve([E({type:Boolean})],ne.prototype,"selected",void 0);ve([E({type:Boolean})],ne.prototype,"disabled",void 0);ve([Q()],ne.prototype,"hovered",void 0);ve([Q()],ne.prototype,"focused",void 0);ve([Q()],ne.prototype,"pressed",void 0);ve([Q()],ne.prototype,"rippling",void 0);ve([Q()],ne.prototype,"originX",void 0);ve([Q()],ne.prototype,"originY",void 0);ve([q(".ft-ripple")],ne.prototype,"ripple",void 0);ve([q(".ft-ripple--effect")],ne.prototype,"rippleEffect",void 0);oe("ft-ripple")(ne);var Lr={distance:r.create("--ft-tooltip-distance","","SIZE","4px"),color:r.create("--ft-tooltip-color","","COLOR","#FFFFFF"),backgroundColor:r.create("--ft-tooltip-background-color","","COLOR","#666666"),zIndex:r.create("--ft-tooltip-z-index","","NUMBER","100"),borderRadiusS:r.extend("--ft-tooltip-border-radius","",Y.borderRadiusS),maxWidth:r.create("--ft-tooltip-max-width","","SIZE","150px")},Xl=D`
     .ft-tooltip--container {
         display: block;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-popover",
-  "version": "1.3.51",
+  "version": "1.3.53",
   "description": "A simple popover component",
   "keywords": [
     "Lit"
@@ -20,12 +20,12 @@
   },
   "dependencies": {
     "@fluid-topics/design-system-variables": "2.53.1",
-    "@fluid-topics/ft-button": "1.3.51",
-    "@fluid-topics/ft-icon": "1.3.51",
-    "@fluid-topics/ft-link": "1.3.51",
-    "@fluid-topics/ft-typography": "1.3.51",
-    "@fluid-topics/ft-wc-utils": "1.3.51",
+    "@fluid-topics/ft-button": "1.3.53",
+    "@fluid-topics/ft-icon": "1.3.53",
+    "@fluid-topics/ft-link": "1.3.53",
+    "@fluid-topics/ft-typography": "1.3.53",
+    "@fluid-topics/ft-wc-utils": "1.3.53",
     "lit": "3.1.0"
   },
-  "gitHead": "02e21de480825149da06349c73a08934a05c3a65"
+  "gitHead": "1eb4ee8a448ded2e0d54517a08200d0109c0722e"
 }