@fluid-topics/ft-number-field 1.3.22 → 1.3.24

package/build/ft-number-field.js

@@ -21,6 +21,7 @@ class FtNumberField extends FtLitElement {
         this.focused = false;
     }
     render() {
+        var _a;
         const classes = {
             "ft-number-field": true,
             "ft-number-field--filled": !this.outlined,
@@ -45,7 +46,7 @@ class FtNumberField extends FtLitElement {
                         <input type="number"
                                .min=${this.min}
                                .max=${this.max}
-                               aria-label="${this.label}"
+                               aria-label="${(_a = this.ariaLabel) !== null && _a !== void 0 ? _a : this.label}"
                                class="ft-typography--body1 ft-number-field--input"
                                part="input"
                                ?disabled=${this.disabled}

package/build/ft-number-field.light.js

@@ -544,8 +544,8 @@ Also for action icons.`,t.colorGray200),contentGlobalSubtle:e.extend("--ft-conte
                 <div class="ft-ripple--background"></div>
                 <div class="ft-ripple--effect"></div>
             </div>
-        `}contentAvailableCallback(r){super.contentAvailableCallback(r),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}update(r){var n,i;super.update(r),r.has("disabled")&&(this.disabled?(this.endRipple(),(n=this.target)===null||n===void 0||n.removeAttribute("data-is-ft-ripple-target")):(i=this.target)===null||i===void 0||i.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 r,n;let i=(r=this.shadowRoot)===null||r===void 0?void 0:r.host.parentElement;i&&this.setupFor((n=this.target)!==null&&n!==void 0?n:i)}forceFocusUpdate(){var r;!((r=this.target)===null||r===void 0)&&r.matches(":focus-within")?this.startFocus():this.endFocus()}setupFor(r){if(this.setupDebouncer.cancel(),this.target===r)return;this.onDisconnect&&this.onDisconnect(),this.target=r,r.setAttribute("data-is-ft-ripple-target","true");let n=(...s)=>g=>{s.forEach(h=>window.addEventListener(h,this.endPress,{once:!0})),this.startPress(g)},i=n("mouseup","contextmenu"),l=n("touchend","touchcancel"),d=s=>{["Enter"," "].includes(s.key)&&n("keyup")(s)},c={passive:!0};r.addEventListener("mouseover",this.startHover,c),r.addEventListener("mousemove",this.moveRipple,c),r.addEventListener("mouseleave",this.endHover,c),r.addEventListener("mousedown",i,c),r.addEventListener("touchstart",l,c),r.addEventListener("touchmove",this.moveRipple,c),r.addEventListener("keydown",d,c),r.addEventListener("focus",this.startFocus,c),r.addEventListener("blur",this.endFocus,c),r.addEventListener("focusin",this.startFocus,c),r.addEventListener("focusout",this.endFocus,c),this.onDisconnect=()=>{r.removeAttribute("data-is-ft-ripple-target"),r.removeEventListener("mouseover",this.startHover,c),r.removeEventListener("mousemove",this.moveRipple,c),r.removeEventListener("mouseleave",this.endHover,c),r.removeEventListener("mousedown",i,c),r.removeEventListener("touchstart",l,c),r.removeEventListener("touchmove",this.moveRipple,c),r.removeEventListener("keydown",d,c),r.removeEventListener("focus",this.startFocus,c),r.removeEventListener("blur",this.endFocus,c),r.removeEventListener("focusin",this.startFocus,c),r.removeEventListener("focusout",this.endFocus,c),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(r){let n=r,i=r,l,d;return n.x!=null?{x:l,y:d}=n:i.touches!=null&&(l=i.touches[0].clientX,d=i.touches[0].clientY),{x:l,y:d}}isFocusVisible(r){return r instanceof HTMLElement?r.matches(":focus-visible"):!0}isIgnored(r){if(this.disabled)return!0;if(r!=null)for(let n of r.composedPath()){if(n===this.target)break;if("hasAttribute"in n&&n.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.endRipple()}};C.elementDefinitions={};C.styles=Zt;L([(0,z.property)({type:Boolean})],C.prototype,"primary",void 0);L([(0,z.property)({type:Boolean})],C.prototype,"secondary",void 0);L([(0,z.property)({type:Boolean})],C.prototype,"unbounded",void 0);L([(0,z.property)({type:Boolean})],C.prototype,"activated",void 0);L([(0,z.property)({type:Boolean})],C.prototype,"selected",void 0);L([(0,z.property)({type:Boolean})],C.prototype,"disabled",void 0);L([(0,z.state)()],C.prototype,"hovered",void 0);L([(0,z.state)()],C.prototype,"focused",void 0);L([(0,z.state)()],C.prototype,"pressed",void 0);L([(0,z.state)()],C.prototype,"rippling",void 0);L([(0,z.state)()],C.prototype,"originX",void 0);L([(0,z.state)()],C.prototype,"originY",void 0);L([(0,z.query)(".ft-ripple")],C.prototype,"ripple",void 0);L([(0,z.query)(".ft-ripple--effect")],C.prototype,"rippleEffect",void 0);(0,So.customElement)("ft-ripple")(C);var P=function(a,r,n,i){var l=arguments.length,d=l<3?r:i===null?i=Object.getOwnPropertyDescriptor(r,n):i,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")d=Reflect.decorate(a,r,n,i);else for(var s=a.length-1;s>=0;s--)(c=a[s])&&(d=(l<3?c(d):l>3?c(r,n,d):c(r,n))||d);return l>3&&d&&Object.defineProperty(r,n,d),d},R=class extends fe.FtLitElement{constructor(){super(...arguments),this.helper="",this.outlined=!1,this.disabled=!1,this.focused=!1}render(){let r={"ft-number-field":!0,"ft-number-field--filled":!this.outlined,"ft-number-field--outlined":this.outlined,"ft-number-field--disabled":this.disabled,"ft-number-field--has-value":this.value!=null,"ft-number-field--with-label":!!this.label};return X.html`
-            <div class="${(0,Co.classMap)(r)}">
+        `}contentAvailableCallback(r){super.contentAvailableCallback(r),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}update(r){var n,i;super.update(r),r.has("disabled")&&(this.disabled?(this.endRipple(),(n=this.target)===null||n===void 0||n.removeAttribute("data-is-ft-ripple-target")):(i=this.target)===null||i===void 0||i.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 r,n;let i=(r=this.shadowRoot)===null||r===void 0?void 0:r.host.parentElement;i&&this.setupFor((n=this.target)!==null&&n!==void 0?n:i)}forceFocusUpdate(){var r;!((r=this.target)===null||r===void 0)&&r.matches(":focus-within")?this.startFocus():this.endFocus()}setupFor(r){if(this.setupDebouncer.cancel(),this.target===r)return;this.onDisconnect&&this.onDisconnect(),this.target=r,r.setAttribute("data-is-ft-ripple-target","true");let n=(...s)=>g=>{s.forEach(h=>window.addEventListener(h,this.endPress,{once:!0})),this.startPress(g)},i=n("mouseup","contextmenu"),l=n("touchend","touchcancel"),d=s=>{["Enter"," "].includes(s.key)&&n("keyup")(s)},c={passive:!0};r.addEventListener("mouseover",this.startHover,c),r.addEventListener("mousemove",this.moveRipple,c),r.addEventListener("mouseleave",this.endHover,c),r.addEventListener("mousedown",i,c),r.addEventListener("touchstart",l,c),r.addEventListener("touchmove",this.moveRipple,c),r.addEventListener("keydown",d,c),r.addEventListener("focus",this.startFocus,c),r.addEventListener("blur",this.endFocus,c),r.addEventListener("focusin",this.startFocus,c),r.addEventListener("focusout",this.endFocus,c),this.onDisconnect=()=>{r.removeAttribute("data-is-ft-ripple-target"),r.removeEventListener("mouseover",this.startHover,c),r.removeEventListener("mousemove",this.moveRipple,c),r.removeEventListener("mouseleave",this.endHover,c),r.removeEventListener("mousedown",i,c),r.removeEventListener("touchstart",l,c),r.removeEventListener("touchmove",this.moveRipple,c),r.removeEventListener("keydown",d,c),r.removeEventListener("focus",this.startFocus,c),r.removeEventListener("blur",this.endFocus,c),r.removeEventListener("focusin",this.startFocus,c),r.removeEventListener("focusout",this.endFocus,c),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(r){let n=r,i=r,l,d;return n.x!=null?{x:l,y:d}=n:i.touches!=null&&(l=i.touches[0].clientX,d=i.touches[0].clientY),{x:l,y:d}}isFocusVisible(r){return r instanceof HTMLElement?r.matches(":focus-visible"):!0}isIgnored(r){if(this.disabled)return!0;if(r!=null)for(let n of r.composedPath()){if(n===this.target)break;if("hasAttribute"in n&&n.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.endRipple()}};C.elementDefinitions={};C.styles=Zt;L([(0,z.property)({type:Boolean})],C.prototype,"primary",void 0);L([(0,z.property)({type:Boolean})],C.prototype,"secondary",void 0);L([(0,z.property)({type:Boolean})],C.prototype,"unbounded",void 0);L([(0,z.property)({type:Boolean})],C.prototype,"activated",void 0);L([(0,z.property)({type:Boolean})],C.prototype,"selected",void 0);L([(0,z.property)({type:Boolean})],C.prototype,"disabled",void 0);L([(0,z.state)()],C.prototype,"hovered",void 0);L([(0,z.state)()],C.prototype,"focused",void 0);L([(0,z.state)()],C.prototype,"pressed",void 0);L([(0,z.state)()],C.prototype,"rippling",void 0);L([(0,z.state)()],C.prototype,"originX",void 0);L([(0,z.state)()],C.prototype,"originY",void 0);L([(0,z.query)(".ft-ripple")],C.prototype,"ripple",void 0);L([(0,z.query)(".ft-ripple--effect")],C.prototype,"rippleEffect",void 0);(0,So.customElement)("ft-ripple")(C);var P=function(a,r,n,i){var l=arguments.length,d=l<3?r:i===null?i=Object.getOwnPropertyDescriptor(r,n):i,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")d=Reflect.decorate(a,r,n,i);else for(var s=a.length-1;s>=0;s--)(c=a[s])&&(d=(l<3?c(d):l>3?c(r,n,d):c(r,n))||d);return l>3&&d&&Object.defineProperty(r,n,d),d},R=class extends fe.FtLitElement{constructor(){super(...arguments),this.helper="",this.outlined=!1,this.disabled=!1,this.focused=!1}render(){var r;let n={"ft-number-field":!0,"ft-number-field--filled":!this.outlined,"ft-number-field--outlined":this.outlined,"ft-number-field--disabled":this.disabled,"ft-number-field--has-value":this.value!=null,"ft-number-field--with-label":!!this.label};return X.html`
+            <div class="${(0,Co.classMap)(n)}">
                 <div class="ft-number-field--main-panel"
                      @focusout=${this.onMainPanelBlur}>
                     <ft-input-label text="${this.label}"
@@ -560,7 +560,7 @@ Also for action icons.`,t.colorGray200),contentGlobalSubtle:e.extend("--ft-conte
                         <input type="number"
                                .min=${this.min}
                                .max=${this.max}
-                               aria-label="${this.label}"
+                               aria-label="${(r=this.ariaLabel)!==null&&r!==void 0?r:this.label}"
                                class="ft-typography--body1 ft-number-field--input"
                                part="input"
                                ?disabled=${this.disabled}

package/build/ft-number-field.min.js

@@ -612,8 +612,8 @@ Also for action icons.`,l.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
                 <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(p=>window.addEventListener(p,this.endPress,{once:!0})),this.startPress(d)},n=o("mouseup","contextmenu"),a=o("touchend","touchcancel"),i=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",a,s),e.addEventListener("touchmove",this.moveRipple,s),e.addEventListener("keydown",i,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",a,s),e.removeEventListener("touchmove",this.moveRipple,s),e.removeEventListener("keydown",i,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,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(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()}};K.elementDefinitions={};K.styles=pl;oe([L({type:Boolean})],K.prototype,"primary",void 0);oe([L({type:Boolean})],K.prototype,"secondary",void 0);oe([L({type:Boolean})],K.prototype,"unbounded",void 0);oe([L({type:Boolean})],K.prototype,"activated",void 0);oe([L({type:Boolean})],K.prototype,"selected",void 0);oe([L({type:Boolean})],K.prototype,"disabled",void 0);oe([ae()],K.prototype,"hovered",void 0);oe([ae()],K.prototype,"focused",void 0);oe([ae()],K.prototype,"pressed",void 0);oe([ae()],K.prototype,"rippling",void 0);oe([ae()],K.prototype,"originX",void 0);oe([ae()],K.prototype,"originY",void 0);oe([Je(".ft-ripple")],K.prototype,"ripple",void 0);oe([Je(".ft-ripple--effect")],K.prototype,"rippleEffect",void 0);me("ft-ripple")(K);var Oe=function(r,e,o,n){var a=arguments.length,i=a<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,o):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,o,n);else for(var c=r.length-1;c>=0;c--)(s=r[c])&&(i=(a<3?s(i):a>3?s(e,o,i):s(e,o))||i);return a>3&&i&&Object.defineProperty(e,o,i),i},te=class extends Z{constructor(){super(...arguments),this.helper="",this.outlined=!1,this.disabled=!1,this.focused=!1}render(){let e={"ft-number-field":!0,"ft-number-field--filled":!this.outlined,"ft-number-field--outlined":this.outlined,"ft-number-field--disabled":this.disabled,"ft-number-field--has-value":this.value!=null,"ft-number-field--with-label":!!this.label};return ne`
-            <div class="${Qe(e)}">
+        `}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(p=>window.addEventListener(p,this.endPress,{once:!0})),this.startPress(d)},n=o("mouseup","contextmenu"),a=o("touchend","touchcancel"),i=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",a,s),e.addEventListener("touchmove",this.moveRipple,s),e.addEventListener("keydown",i,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",a,s),e.removeEventListener("touchmove",this.moveRipple,s),e.removeEventListener("keydown",i,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,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(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()}};K.elementDefinitions={};K.styles=pl;oe([L({type:Boolean})],K.prototype,"primary",void 0);oe([L({type:Boolean})],K.prototype,"secondary",void 0);oe([L({type:Boolean})],K.prototype,"unbounded",void 0);oe([L({type:Boolean})],K.prototype,"activated",void 0);oe([L({type:Boolean})],K.prototype,"selected",void 0);oe([L({type:Boolean})],K.prototype,"disabled",void 0);oe([ae()],K.prototype,"hovered",void 0);oe([ae()],K.prototype,"focused",void 0);oe([ae()],K.prototype,"pressed",void 0);oe([ae()],K.prototype,"rippling",void 0);oe([ae()],K.prototype,"originX",void 0);oe([ae()],K.prototype,"originY",void 0);oe([Je(".ft-ripple")],K.prototype,"ripple",void 0);oe([Je(".ft-ripple--effect")],K.prototype,"rippleEffect",void 0);me("ft-ripple")(K);var Oe=function(r,e,o,n){var a=arguments.length,i=a<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,o):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,o,n);else for(var c=r.length-1;c>=0;c--)(s=r[c])&&(i=(a<3?s(i):a>3?s(e,o,i):s(e,o))||i);return a>3&&i&&Object.defineProperty(e,o,i),i},te=class extends Z{constructor(){super(...arguments),this.helper="",this.outlined=!1,this.disabled=!1,this.focused=!1}render(){var e;let o={"ft-number-field":!0,"ft-number-field--filled":!this.outlined,"ft-number-field--outlined":this.outlined,"ft-number-field--disabled":this.disabled,"ft-number-field--has-value":this.value!=null,"ft-number-field--with-label":!!this.label};return ne`
+            <div class="${Qe(o)}">
                 <div class="ft-number-field--main-panel"
                      @focusout=${this.onMainPanelBlur}>
                     <ft-input-label text="${this.label}"
@@ -628,7 +628,7 @@ Also for action icons.`,l.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
                         <input type="number"
                                .min=${this.min}
                                .max=${this.max}
-                               aria-label="${this.label}"
+                               aria-label="${(e=this.ariaLabel)!==null&&e!==void 0?e:this.label}"
                                class="ft-typography--body1 ft-number-field--input"
                                part="input"
                                ?disabled=${this.disabled}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fluid-topics/ft-number-field",
-    "version": "1.3.22",
+    "version": "1.3.24",
     "description": "A number field input component.",
     "keywords": [
         "Lit"
@@ -19,8 +19,8 @@
         "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
     },
     "dependencies": {
-        "@fluid-topics/ft-wc-utils": "1.3.22",
+        "@fluid-topics/ft-wc-utils": "1.3.24",
         "lit": "3.1.0"
     },
-    "gitHead": "f8ee485234740327c93ce01f6149dc1605d080b9"
+    "gitHead": "0e06032738885d65c740cf157a677dc41d2d041c"
 }