@fluid-topics/ft-page-layout 1.3.50 → 1.3.52

package/build/ft-page-layout.light.js

@@ -638,7 +638,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=(...c)=>p=>{c.forEach(u=>window.addEventListener(u,this.endPress,{once:!0})),this.startPress(p)},n=o("mouseup","contextmenu"),a=o("touchend","touchcancel"),i=c=>{["Enter"," "].includes(c.key)&&o("keyup")(c)},l={passive:!0};t.addEventListener("mouseover",this.startHover,l),t.addEventListener("mousemove",this.moveRipple,l),t.addEventListener("mouseleave",this.endHover,l),t.addEventListener("mousedown",n,l),t.addEventListener("touchstart",a,l),t.addEventListener("touchmove",this.moveRipple,l),t.addEventListener("keydown",i,l),t.addEventListener("focus",this.startFocus,l),t.addEventListener("blur",this.endFocus,l),t.addEventListener("focusin",this.startFocus,l),t.addEventListener("focusout",this.endFocus,l),this.onDisconnect=()=>{t.removeAttribute("data-is-ft-ripple-target"),t.removeEventListener("mouseover",this.startHover,l),t.removeEventListener("mousemove",this.moveRipple,l),t.removeEventListener("mouseleave",this.endHover,l),t.removeEventListener("mousedown",n,l),t.removeEventListener("touchstart",a,l),t.removeEventListener("touchmove",this.moveRipple,l),t.removeEventListener("keydown",i,l),t.removeEventListener("focus",this.startFocus,l),t.removeEventListener("blur",this.endFocus,l),t.removeEventListener("focusin",this.startFocus,l),t.removeEventListener("focusout",this.endFocus,l),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()}};q.elementDefinitions={};q.styles=ts;we([(0,be.property)({type:Boolean})],q.prototype,"primary",void 0);we([(0,be.property)({type:Boolean})],q.prototype,"secondary",void 0);we([(0,be.property)({type:Boolean})],q.prototype,"unbounded",void 0);we([(0,be.property)({type:Boolean})],q.prototype,"activated",void 0);we([(0,be.property)({type:Boolean})],q.prototype,"selected",void 0);we([(0,be.property)({type:Boolean})],q.prototype,"disabled",void 0);we([(0,be.state)()],q.prototype,"hovered",void 0);we([(0,be.state)()],q.prototype,"focused",void 0);we([(0,be.state)()],q.prototype,"pressed",void 0);we([(0,be.state)()],q.prototype,"rippling",void 0);we([(0,be.state)()],q.prototype,"originX",void 0);we([(0,be.state)()],q.prototype,"originY",void 0);we([(0,be.query)(".ft-ripple")],q.prototype,"ripple",void 0);we([(0,be.query)(".ft-ripple--effect")],q.prototype,"rippleEffect",void 0);(0,us.customElement)("ft-ripple")(q);var Dc=b(I());var Bc=b(H()),je=b(J()),Ge=b(I());var fs=b(H()),pt=b(I()),hr={distance:pt.FtCssVariableFactory.create("--ft-tooltip-distance","","SIZE","4px"),color:pt.FtCssVariableFactory.create("--ft-tooltip-color","","COLOR","#FFFFFF"),backgroundColor:pt.FtCssVariableFactory.create("--ft-tooltip-background-color","","COLOR","#666666"),zIndex:pt.FtCssVariableFactory.create("--ft-tooltip-z-index","","NUMBER","100"),borderRadiusS:pt.FtCssVariableFactory.external(pt.designSystemVariables.borderRadiusS,"Design system"),maxWidth:pt.FtCssVariableFactory.create("--ft-tooltip-max-width","","SIZE","150px")},hs=fs.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=(...c)=>p=>{c.forEach(u=>window.addEventListener(u,this.endPress,{once:!0})),this.startPress(p)},n=o("mouseup","contextmenu"),a=o("touchend","touchcancel"),i=c=>{["Enter"," "].includes(c.key)&&o("keyup")(c)},l={passive:!0};t.addEventListener("mouseover",this.startHover,l),t.addEventListener("mousemove",this.moveRipple,l),t.addEventListener("mouseleave",this.endHover,l),t.addEventListener("mousedown",n,l),t.addEventListener("touchstart",a,l),t.addEventListener("touchmove",this.moveRipple,l),t.addEventListener("keydown",i,l),t.addEventListener("focus",this.startFocus,l),t.addEventListener("blur",this.endFocus,l),t.addEventListener("focusin",this.startFocus,l),t.addEventListener("focusout",this.endFocus,l),this.onDisconnect=()=>{t.removeAttribute("data-is-ft-ripple-target"),t.removeEventListener("mouseover",this.startHover,l),t.removeEventListener("mousemove",this.moveRipple,l),t.removeEventListener("mouseleave",this.endHover,l),t.removeEventListener("mousedown",n,l),t.removeEventListener("touchstart",a,l),t.removeEventListener("touchmove",this.moveRipple,l),t.removeEventListener("keydown",i,l),t.removeEventListener("focus",this.startFocus,l),t.removeEventListener("blur",this.endFocus,l),t.removeEventListener("focusin",this.startFocus,l),t.removeEventListener("focusout",this.endFocus,l),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()}};q.elementDefinitions={};q.styles=ts;we([(0,be.property)({type:Boolean})],q.prototype,"primary",void 0);we([(0,be.property)({type:Boolean})],q.prototype,"secondary",void 0);we([(0,be.property)({type:Boolean})],q.prototype,"unbounded",void 0);we([(0,be.property)({type:Boolean})],q.prototype,"activated",void 0);we([(0,be.property)({type:Boolean})],q.prototype,"selected",void 0);we([(0,be.property)({type:Boolean})],q.prototype,"disabled",void 0);we([(0,be.state)()],q.prototype,"hovered",void 0);we([(0,be.state)()],q.prototype,"focused",void 0);we([(0,be.state)()],q.prototype,"pressed",void 0);we([(0,be.state)()],q.prototype,"rippling",void 0);we([(0,be.state)()],q.prototype,"originX",void 0);we([(0,be.state)()],q.prototype,"originY",void 0);we([(0,be.query)(".ft-ripple")],q.prototype,"ripple",void 0);we([(0,be.query)(".ft-ripple--effect")],q.prototype,"rippleEffect",void 0);(0,us.customElement)("ft-ripple")(q);var Dc=b(I());var Bc=b(H()),je=b(J()),Ge=b(I());var fs=b(H()),pt=b(I()),hr={distance:pt.FtCssVariableFactory.create("--ft-tooltip-distance","","SIZE","4px"),color:pt.FtCssVariableFactory.create("--ft-tooltip-color","","COLOR","#FFFFFF"),backgroundColor:pt.FtCssVariableFactory.create("--ft-tooltip-background-color","","COLOR","#666666"),zIndex:pt.FtCssVariableFactory.create("--ft-tooltip-z-index","","NUMBER","100"),borderRadiusS:pt.FtCssVariableFactory.extend("--ft-tooltip-border-radius","",pt.designSystemVariables.borderRadiusS),maxWidth:pt.FtCssVariableFactory.create("--ft-tooltip-max-width","","SIZE","150px")},hs=fs.css`
     .ft-tooltip--container {
         display: block;
     }

package/build/ft-page-layout.min.js

@@ -718,7 +718,7 @@ Also for action icons.`,c.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=(...l)=>d=>{l.forEach(u=>window.addEventListener(u,this.endPress,{once:!0})),this.startPress(d)},n=o("mouseup","contextmenu"),i=o("touchend","touchcancel"),a=l=>{["Enter"," "].includes(l.key)&&o("keyup")(l)},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()}};se.elementDefinitions={};se.styles=hd;_e([x({type:Boolean})],se.prototype,"primary",void 0);_e([x({type:Boolean})],se.prototype,"secondary",void 0);_e([x({type:Boolean})],se.prototype,"unbounded",void 0);_e([x({type:Boolean})],se.prototype,"activated",void 0);_e([x({type:Boolean})],se.prototype,"selected",void 0);_e([x({type:Boolean})],se.prototype,"disabled",void 0);_e([Q()],se.prototype,"hovered",void 0);_e([Q()],se.prototype,"focused",void 0);_e([Q()],se.prototype,"pressed",void 0);_e([Q()],se.prototype,"rippling",void 0);_e([Q()],se.prototype,"originX",void 0);_e([Q()],se.prototype,"originY",void 0);_e([q(".ft-ripple")],se.prototype,"ripple",void 0);_e([q(".ft-ripple--effect")],se.prototype,"rippleEffect",void 0);X("ft-ripple")(se);var Kr={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(z.borderRadiusS,"Design system"),maxWidth:r.create("--ft-tooltip-max-width","","SIZE","150px")},vd=I`
+        `}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=(...l)=>d=>{l.forEach(u=>window.addEventListener(u,this.endPress,{once:!0})),this.startPress(d)},n=o("mouseup","contextmenu"),i=o("touchend","touchcancel"),a=l=>{["Enter"," "].includes(l.key)&&o("keyup")(l)},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()}};se.elementDefinitions={};se.styles=hd;_e([x({type:Boolean})],se.prototype,"primary",void 0);_e([x({type:Boolean})],se.prototype,"secondary",void 0);_e([x({type:Boolean})],se.prototype,"unbounded",void 0);_e([x({type:Boolean})],se.prototype,"activated",void 0);_e([x({type:Boolean})],se.prototype,"selected",void 0);_e([x({type:Boolean})],se.prototype,"disabled",void 0);_e([Q()],se.prototype,"hovered",void 0);_e([Q()],se.prototype,"focused",void 0);_e([Q()],se.prototype,"pressed",void 0);_e([Q()],se.prototype,"rippling",void 0);_e([Q()],se.prototype,"originX",void 0);_e([Q()],se.prototype,"originY",void 0);_e([q(".ft-ripple")],se.prototype,"ripple",void 0);_e([q(".ft-ripple--effect")],se.prototype,"rippleEffect",void 0);X("ft-ripple")(se);var Kr={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","",z.borderRadiusS),maxWidth:r.create("--ft-tooltip-max-width","","SIZE","150px")},vd=I`
     .ft-tooltip--container {
         display: block;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fluid-topics/ft-page-layout",
-    "version": "1.3.50",
+    "version": "1.3.52",
     "description": "A page layout component",
     "keywords": [
         "Lit"
@@ -20,15 +20,15 @@
     },
     "dependencies": {
         "@fluid-topics/design-system-variables": "2.53.1",
-        "@fluid-topics/ft-chip": "1.3.50",
-        "@fluid-topics/ft-link": "1.3.50",
-        "@fluid-topics/ft-popover": "1.3.50",
-        "@fluid-topics/ft-typography": "1.3.50",
-        "@fluid-topics/ft-wc-utils": "1.3.50",
+        "@fluid-topics/ft-chip": "1.3.52",
+        "@fluid-topics/ft-link": "1.3.52",
+        "@fluid-topics/ft-popover": "1.3.52",
+        "@fluid-topics/ft-typography": "1.3.52",
+        "@fluid-topics/ft-wc-utils": "1.3.52",
         "lit": "3.1.0"
     },
     "devDependencies": {
-        "@fluid-topics/ft-wc-test-utils": "1.3.50"
+        "@fluid-topics/ft-wc-test-utils": "1.3.52"
     },
-    "gitHead": "8624905b03e700cf33965e24ed75f491d5d39141"
+    "gitHead": "8cd9d8b95748384e70ead4c45af71bd9781ddf44"
 }