@fluid-topics/ft-reader-topic-metadata 1.1.53 → 1.1.54

package/build/ft-reader-topic-metadata.js

@@ -19,7 +19,9 @@ class FtReaderTopicMetadata extends FtReaderTopicComponent {
     render() {
         return html `
             <ft-tooltip text="${this.tooltipText}">
-                <ft-chip ?multiLine=${this.multiLine}>
+                <ft-chip part="chip"
+                         exportpartsPrefix="chip"
+                         ?multiLine=${this.multiLine}>
                     ${this.renderContent()}
                 </ft-chip>
             </ft-tooltip>

package/build/ft-reader-topic-metadata.light.js

@@ -801,7 +801,7 @@ const J=Symbol.for(""),Q=t=>{if(t?.r===J)return t?._$litStatic$},tt=t=>({_$litSt
             width: ${pt.smallIconOnlyWidth};
             padding: unset;
         }
-    `,o.noTextSelect];var yr=function(t,o,e,r){for(var i,a=arguments.length,n=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,l=t.length-1;l>=0;l--)(i=t[l])&&(n=(a<3?i(n):a>3?i(o,e,n):i(o,e))||n);return a>3&&n&&Object.defineProperty(o,e,n),n};class ur extends sr{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.tertiary=!1,this.neutral=!1,this.small=!1}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--secondary":this.secondary,"ft-button--tertiary":this.tertiary||!this.primary&&!this.secondary&&!this.neutral,"ft-button--neutral":this.neutral,"ft-button--large":!this.small,"ft-button--small":this.small,"ft-button--icon-only":!this.hasTextContent(),"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0,"ft-button--no-icon":!this.icon}}get typographyVariant(){return this.small?rt.caption1medium:rt.body2medium}}ur.styles=[o.safariEllipsisFix,gr],yr([r.property({type:Boolean})],ur.prototype,"primary",void 0),yr([r.property({type:Boolean})],ur.prototype,"secondary",void 0),yr([r.property({type:Boolean})],ur.prototype,"tertiary",void 0),yr([r.property({type:Boolean})],ur.prototype,"neutral",void 0),yr([r.property({type:Boolean})],ur.prototype,"small",void 0),o.customElement("ft-button")(hr),o.customElement("ftds-button")(ur);const br=o.FtCssVariableFactory.extend("--ft-chip-color","",o.designSystemVariables.colorOnSurface),mr={backgroundColor:o.FtCssVariableFactory.extend("--ft-chip-background-color","",o.designSystemVariables.colorSurface),color:br,fontSize:o.FtCssVariableFactory.extend("--ft-chip-font-size","",Tt.fontSize),iconSize:o.FtCssVariableFactory.create("--ft-chip-icon-size","","SIZE","18px"),rippleColor:o.FtCssVariableFactory.extend("--ft-chip-ripple-color","",br),horizontalPadding:o.FtCssVariableFactory.create("--ft-chip-horizontal-padding","","SIZE","6px"),verticalPadding:o.FtCssVariableFactory.create("--ft-chip-vertical-padding","","SIZE","6px"),colorOutline:o.FtCssVariableFactory.external(o.designSystemVariables.colorOutline,"Design system"),opacityDisabled:o.FtCssVariableFactory.external(o.designSystemVariables.colorOpacityDisabled,"Design system")},xr=o.FtCssVariableFactory.extend("--ft-chip-highlighted-color","",o.FtCssVariableFactory.extend("--ft-chip-color","",o.designSystemVariables.colorOnPrimary)),vr={backgroundColor:o.FtCssVariableFactory.extend("--ft-chip-highlighted-background-color","",o.FtCssVariableFactory.extend("--ft-chip-background-color","",o.designSystemVariables.colorPrimary)),color:xr,rippleColor:o.FtCssVariableFactory.extend("--ft-chip-highlighted-ripple-color","",xr)},Or=o.FtCssVariableFactory.create("--ft-chip-dense-horizontal-padding","","SIZE","4px"),Nr=o.FtCssVariableFactory.create("--ft-chip-dense-vertical-padding","","SIZE","4px"),Sr=[o.noTextSelect,e.css`
+    `,o.noTextSelect];var yr=function(t,o,e,r){for(var i,a=arguments.length,n=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,l=t.length-1;l>=0;l--)(i=t[l])&&(n=(a<3?i(n):a>3?i(o,e,n):i(o,e))||n);return a>3&&n&&Object.defineProperty(o,e,n),n};class ur extends sr{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.tertiary=!1,this.neutral=!1,this.small=!1}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--secondary":this.secondary,"ft-button--tertiary":this.tertiary||!this.primary&&!this.secondary&&!this.neutral,"ft-button--neutral":this.neutral,"ft-button--large":!this.small,"ft-button--small":this.small,"ft-button--icon-only":!this.hasTextContent(),"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0,"ft-button--no-icon":!this.icon}}get typographyVariant(){return this.small?rt.caption1medium:rt.body2medium}}ur.styles=[o.safariEllipsisFix,gr],yr([r.property({type:Boolean})],ur.prototype,"primary",void 0),yr([r.property({type:Boolean})],ur.prototype,"secondary",void 0),yr([r.property({type:Boolean})],ur.prototype,"tertiary",void 0),yr([r.property({type:Boolean})],ur.prototype,"neutral",void 0),yr([r.property({type:Boolean})],ur.prototype,"small",void 0),o.customElement("ft-button")(hr),o.customElement("ftds-button")(ur);const br=o.FtCssVariableFactory.extend("--ft-chip-color","",o.designSystemVariables.colorOnSurface),mr={backgroundColor:o.FtCssVariableFactory.extend("--ft-chip-background-color","",o.designSystemVariables.colorSurface),color:br,fontSize:o.FtCssVariableFactory.extend("--ft-chip-font-size","",Tt.fontSize),iconSize:o.FtCssVariableFactory.create("--ft-chip-icon-size","","SIZE","18px"),borderRadius:o.FtCssVariableFactory.create("--ft-chip-border-radius","","SIZE",""),rippleColor:o.FtCssVariableFactory.extend("--ft-chip-ripple-color","",br),horizontalPadding:o.FtCssVariableFactory.create("--ft-chip-horizontal-padding","","SIZE","6px"),verticalPadding:o.FtCssVariableFactory.create("--ft-chip-vertical-padding","","SIZE","6px"),colorOutline:o.FtCssVariableFactory.external(o.designSystemVariables.colorOutline,"Design system"),opacityDisabled:o.FtCssVariableFactory.external(o.designSystemVariables.colorOpacityDisabled,"Design system")},xr=o.FtCssVariableFactory.extend("--ft-chip-highlighted-color","",o.FtCssVariableFactory.extend("--ft-chip-color","",o.designSystemVariables.colorOnPrimary)),vr={backgroundColor:o.FtCssVariableFactory.extend("--ft-chip-highlighted-background-color","",o.FtCssVariableFactory.extend("--ft-chip-background-color","",o.designSystemVariables.colorPrimary)),color:xr,rippleColor:o.FtCssVariableFactory.extend("--ft-chip-highlighted-ripple-color","",xr)},Or=o.FtCssVariableFactory.create("--ft-chip-dense-horizontal-padding","","SIZE","4px"),Nr=o.FtCssVariableFactory.create("--ft-chip-dense-vertical-padding","","SIZE","4px"),Sr=[o.noTextSelect,e.css`
         :host {
             display: inline-block;
             max-width: 100%;
@@ -828,7 +828,7 @@ const J=Symbol.for(""),Q=t=>{if(t?.r===J)return t?._$litStatic$},tt=t=>({_$litSt
             border: 1px solid ${mr.colorOutline};
             color: ${mr.color};
             ${o.setVariable(Ze.color,mr.rippleColor)};
-            border-radius: calc(var(--ft-chip-internal-content-height) / 2 + var(--ft-chip-internal-vertical-padding));
+            border-radius: var(${e.unsafeCSS(mr.borderRadius.name)}, calc(var(--ft-chip-internal-content-height) / 2 + var(--ft-chip-internal-vertical-padding)));
             padding: calc(var(--ft-chip-internal-vertical-padding) - 1px) calc(var(--ft-chip-internal-horizontal-padding) - 1px);
             background-color: ${mr.backgroundColor};
             line-height: var(--ft-chip-internal-content-height);
@@ -942,9 +942,10 @@ const J=Symbol.for(""),Q=t=>{if(t?.r===J)return t?._$litStatic$},tt=t=>({_$litSt
             <div class="${i.classMap(t)}"
                  aria-label="${this.getLabel()}"
                  tabindex="${this.interactionsOnChip?0:-1}"
-                 @keyup=${this.onKeyUp}>
+                 @keyup=${this.onKeyUp}
+                 part="chip">
                 <ft-ripple ?disabled=${!this.interactionsOnChip}></ft-ripple>
-                <ft-typography variant="body2" element="span" class="ft-chip--label">
+                <ft-typography variant="body2" element="span" class="ft-chip--label" part="label">
                     <slot @slotchange=${this.onSlotchange}></slot>
                 </ft-typography>
                 ${this.internalIcon?this.renderIcon():null}
@@ -956,14 +957,17 @@ const J=Symbol.for(""),Q=t=>{if(t?.r===J)return t?._$litStatic$},tt=t=>({_$litSt
                                .iconVariant=${this.iconVariant}
                                icon="${this.internalIcon}"
                                label="${this.iconLabel}"
+                               part="icon-button"
                     ></ft-button>
             `:e.html`
-                    <div class="ft-chip--icon-container ft-no-text-select">
-                        <ft-icon .variant=${this.iconVariant} .value="${this.internalIcon}"></ft-icon>
+                    <div class="ft-chip--icon-container ft-no-text-select" part="icon-container">
+                        <ft-icon .variant=${this.iconVariant} .value="${this.internalIcon}" part="icon"></ft-icon>
                     </div>
             `}onKeyUp(t){this.interactionsOnChip&&["Enter"," "].includes(t.key)&&t.target.click()}onIconKeyUp(t){this.interactionsOnIcon&&["Enter"," "].includes(t.key)&&(t.stopPropagation(),this.dispatchEvent(new Cr))}onIconClick(t){this.interactionsOnIcon&&(t.stopPropagation(),this.dispatchEvent(new Cr))}getLabel(){return this.label||this.textContent}get textContent(){var t,o;return null!==(o=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==o?o:""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}get internalIcon(){return this.icon||(this.removable?"close":void 0)}}$r.elementDefinitions={"ft-ripple":Me,"ft-typography":So,"ft-icon":qe,"ft-button":hr},$r.styles=Sr,wr([r.property({type:Boolean})],$r.prototype,"highlighted",void 0),wr([r.property({type:Boolean})],$r.prototype,"removable",void 0),wr([r.property({type:Boolean})],$r.prototype,"disabled",void 0),wr([r.property({type:Boolean})],$r.prototype,"clickable",void 0),wr([r.property({type:Boolean})],$r.prototype,"iconClickable",void 0),wr([r.property({type:Boolean})],$r.prototype,"dense",void 0),wr([r.property({type:Boolean})],$r.prototype,"multiLine",void 0),wr([r.property()],$r.prototype,"label",void 0),wr([r.property()],$r.prototype,"iconLabel",void 0),wr([r.property()],$r.prototype,"icon",void 0),wr([r.property()],$r.prototype,"iconVariant",void 0),wr([r.property({type:Boolean})],$r.prototype,"trailingIcon",void 0),wr([r.query("ft-typography slot")],$r.prototype,"slottedContent",void 0),o.customElement("ft-chip")($r);var Ir=function(t,o,e,r){for(var i,a=arguments.length,n=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,l=t.length-1;l>=0;l--)(i=t[l])&&(n=(a<3?i(n):a>3?i(o,e,n):i(o,e))||n);return a>3&&n&&Object.defineProperty(o,e,n),n};class Er extends y{constructor(){super(...arguments),this.multiLine=!1,this.editorMode=!1}render(){return e.html`
             <ft-tooltip text="${this.tooltipText}">
-                <ft-chip ?multiLine=${this.multiLine}>
+                <ft-chip part="chip"
+                         exportpartsPrefix="chip"
+                         ?multiLine=${this.multiLine}>
                     ${this.renderContent()}
                 </ft-chip>
             </ft-tooltip>

package/build/ft-reader-topic-metadata.min.js

@@ -971,7 +971,7 @@ function(t){return(e,o)=>{const{slot:r,selector:i}=t??{},n="slot"+(r?`[name=${r}
             width: ${qo.smallIconOnlyWidth};
             padding: unset;
         }
-    `,Gi];var $c=function(t,e,o,r){for(var i,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r,l=t.length-1;l>=0;l--)(i=t[l])&&(a=(n<3?i(a):n>3?i(e,o,a):i(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class Ic extends Sc{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.tertiary=!1,this.neutral=!1,this.small=!1}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--secondary":this.secondary,"ft-button--tertiary":this.tertiary||!this.primary&&!this.secondary&&!this.neutral,"ft-button--neutral":this.neutral,"ft-button--large":!this.small,"ft-button--small":this.small,"ft-button--icon-only":!this.hasTextContent(),"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0,"ft-button--no-icon":!this.icon}}get typographyVariant(){return this.small?Sl.caption1medium:Sl.body2medium}}Ic.styles=[qi,Ec],$c([we({type:Boolean})],Ic.prototype,"primary",void 0),$c([we({type:Boolean})],Ic.prototype,"secondary",void 0),$c([we({type:Boolean})],Ic.prototype,"tertiary",void 0),$c([we({type:Boolean})],Ic.prototype,"neutral",void 0),$c([we({type:Boolean})],Ic.prototype,"small",void 0),ho("ft-button")(Nc),ho("ftds-button")(Ic);const Rc=mo.extend("--ft-chip-color","",xr.colorOnSurface),kc={backgroundColor:mo.extend("--ft-chip-background-color","",xr.colorSurface),color:Rc,fontSize:mo.extend("--ft-chip-font-size","",rs.fontSize),iconSize:mo.create("--ft-chip-icon-size","","SIZE","18px"),rippleColor:mo.extend("--ft-chip-ripple-color","",Rc),horizontalPadding:mo.create("--ft-chip-horizontal-padding","","SIZE","6px"),verticalPadding:mo.create("--ft-chip-vertical-padding","","SIZE","6px"),colorOutline:mo.external(xr.colorOutline,"Design system"),opacityDisabled:mo.external(xr.colorOpacityDisabled,"Design system")},Lc=mo.extend("--ft-chip-highlighted-color","",mo.extend("--ft-chip-color","",xr.colorOnPrimary)),Wc={backgroundColor:mo.extend("--ft-chip-highlighted-background-color","",mo.extend("--ft-chip-background-color","",xr.colorPrimary)),color:Lc,rippleColor:mo.extend("--ft-chip-highlighted-ripple-color","",Lc)},Uc=mo.create("--ft-chip-dense-horizontal-padding","","SIZE","4px"),zc=mo.create("--ft-chip-dense-vertical-padding","","SIZE","4px"),Bc=[Gi,dt`
+    `,Gi];var $c=function(t,e,o,r){for(var i,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r,l=t.length-1;l>=0;l--)(i=t[l])&&(a=(n<3?i(a):n>3?i(e,o,a):i(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class Ic extends Sc{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.tertiary=!1,this.neutral=!1,this.small=!1}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--secondary":this.secondary,"ft-button--tertiary":this.tertiary||!this.primary&&!this.secondary&&!this.neutral,"ft-button--neutral":this.neutral,"ft-button--large":!this.small,"ft-button--small":this.small,"ft-button--icon-only":!this.hasTextContent(),"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0,"ft-button--no-icon":!this.icon}}get typographyVariant(){return this.small?Sl.caption1medium:Sl.body2medium}}Ic.styles=[qi,Ec],$c([we({type:Boolean})],Ic.prototype,"primary",void 0),$c([we({type:Boolean})],Ic.prototype,"secondary",void 0),$c([we({type:Boolean})],Ic.prototype,"tertiary",void 0),$c([we({type:Boolean})],Ic.prototype,"neutral",void 0),$c([we({type:Boolean})],Ic.prototype,"small",void 0),ho("ft-button")(Nc),ho("ftds-button")(Ic);const Rc=mo.extend("--ft-chip-color","",xr.colorOnSurface),kc={backgroundColor:mo.extend("--ft-chip-background-color","",xr.colorSurface),color:Rc,fontSize:mo.extend("--ft-chip-font-size","",rs.fontSize),iconSize:mo.create("--ft-chip-icon-size","","SIZE","18px"),borderRadius:mo.create("--ft-chip-border-radius","","SIZE",""),rippleColor:mo.extend("--ft-chip-ripple-color","",Rc),horizontalPadding:mo.create("--ft-chip-horizontal-padding","","SIZE","6px"),verticalPadding:mo.create("--ft-chip-vertical-padding","","SIZE","6px"),colorOutline:mo.external(xr.colorOutline,"Design system"),opacityDisabled:mo.external(xr.colorOpacityDisabled,"Design system")},Lc=mo.extend("--ft-chip-highlighted-color","",mo.extend("--ft-chip-color","",xr.colorOnPrimary)),Wc={backgroundColor:mo.extend("--ft-chip-highlighted-background-color","",mo.extend("--ft-chip-background-color","",xr.colorPrimary)),color:Lc,rippleColor:mo.extend("--ft-chip-highlighted-ripple-color","",Lc)},Uc=mo.create("--ft-chip-dense-horizontal-padding","","SIZE","4px"),zc=mo.create("--ft-chip-dense-vertical-padding","","SIZE","4px"),Bc=[Gi,dt`
         :host {
             display: inline-block;
             max-width: 100%;
@@ -998,7 +998,7 @@ function(t){return(e,o)=>{const{slot:r,selector:i}=t??{},n="slot"+(r?`[name=${r}
             border: 1px solid ${kc.colorOutline};
             color: ${kc.color};
             ${vo(Gs.color,kc.rippleColor)};
-            border-radius: calc(var(--ft-chip-internal-content-height) / 2 + var(--ft-chip-internal-vertical-padding));
+            border-radius: var(${pt(kc.borderRadius.name)}, calc(var(--ft-chip-internal-content-height) / 2 + var(--ft-chip-internal-vertical-padding)));
             padding: calc(var(--ft-chip-internal-vertical-padding) - 1px) calc(var(--ft-chip-internal-horizontal-padding) - 1px);
             background-color: ${kc.backgroundColor};
             line-height: var(--ft-chip-internal-content-height);
@@ -1112,9 +1112,10 @@ function(t){return(e,o)=>{const{slot:r,selector:i}=t??{},n="slot"+(r?`[name=${r}
             <div class="${Ke(t)}"
                  aria-label="${this.getLabel()}"
                  tabindex="${this.interactionsOnChip?0:-1}"
-                 @keyup=${this.onKeyUp}>
+                 @keyup=${this.onKeyUp}
+                 part="chip">
                 <ft-ripple ?disabled=${!this.interactionsOnChip}></ft-ripple>
-                <ft-typography variant="body2" element="span" class="ft-chip--label">
+                <ft-typography variant="body2" element="span" class="ft-chip--label" part="label">
                     <slot @slotchange=${this.onSlotchange}></slot>
                 </ft-typography>
                 ${this.internalIcon?this.renderIcon():null}
@@ -1126,14 +1127,17 @@ function(t){return(e,o)=>{const{slot:r,selector:i}=t??{},n="slot"+(r?`[name=${r}
                                .iconVariant=${this.iconVariant}
                                icon="${this.internalIcon}"
                                label="${this.iconLabel}"
+                               part="icon-button"
                     ></ft-button>
             `:Jt`
-                    <div class="ft-chip--icon-container ft-no-text-select">
-                        <ft-icon .variant=${this.iconVariant} .value="${this.internalIcon}"></ft-icon>
+                    <div class="ft-chip--icon-container ft-no-text-select" part="icon-container">
+                        <ft-icon .variant=${this.iconVariant} .value="${this.internalIcon}" part="icon"></ft-icon>
                     </div>
             `}onKeyUp(t){this.interactionsOnChip&&["Enter"," "].includes(t.key)&&t.target.click()}onIconKeyUp(t){this.interactionsOnIcon&&["Enter"," "].includes(t.key)&&(t.stopPropagation(),this.dispatchEvent(new jc))}onIconClick(t){this.interactionsOnIcon&&(t.stopPropagation(),this.dispatchEvent(new jc))}getLabel(){return this.label||this.textContent}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}get internalIcon(){return this.icon||(this.removable?"close":void 0)}}Ac.elementDefinitions={"ft-ripple":ic,"ft-typography":Fs,"ft-icon":cc,"ft-button":Nc},Ac.styles=Bc,Fc([we({type:Boolean})],Ac.prototype,"highlighted",void 0),Fc([we({type:Boolean})],Ac.prototype,"removable",void 0),Fc([we({type:Boolean})],Ac.prototype,"disabled",void 0),Fc([we({type:Boolean})],Ac.prototype,"clickable",void 0),Fc([we({type:Boolean})],Ac.prototype,"iconClickable",void 0),Fc([we({type:Boolean})],Ac.prototype,"dense",void 0),Fc([we({type:Boolean})],Ac.prototype,"multiLine",void 0),Fc([we()],Ac.prototype,"label",void 0),Fc([we()],Ac.prototype,"iconLabel",void 0),Fc([we()],Ac.prototype,"icon",void 0),Fc([we()],Ac.prototype,"iconVariant",void 0),Fc([we({type:Boolean})],Ac.prototype,"trailingIcon",void 0),Fc([Ee("ft-typography slot")],Ac.prototype,"slottedContent",void 0),ho("ft-chip")(Ac);var _c=function(t,e,o,r){for(var i,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r,l=t.length-1;l>=0;l--)(i=t[l])&&(a=(n<3?i(a):n>3?i(e,o,a):i(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};class Pc extends bl{constructor(){super(...arguments),this.multiLine=!1,this.editorMode=!1}render(){return Jt`
             <ft-tooltip text="${this.tooltipText}">
-                <ft-chip ?multiLine=${this.multiLine}>
+                <ft-chip part="chip"
+                         exportpartsPrefix="chip"
+                         ?multiLine=${this.multiLine}>
                     ${this.renderContent()}
                 </ft-chip>
             </ft-tooltip>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-reader-topic-metadata",
-  "version": "1.1.53",
+  "version": "1.1.54",
   "description": "Metadata of a topic in integrated reader.",
   "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.1.53",
+    "@fluid-topics/ft-wc-utils": "1.1.54",
     "lit": "3.1.0"
   },
-  "gitHead": "9533374bb075edb940b4426a00561f27c34d2f01"
+  "gitHead": "b8c7a07061df6fb5c3c03d96879eda48fb73e5c8"
 }