@fluid-topics/ft-reader-metadata 1.0.5 → 1.0.8

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

@@ -165,7 +165,7 @@ const V=Symbol.for(""),q=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
                     </div>
                 </div>
             </div>
-        `}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){super.contentAvailableCallback(t),["visible","text"].some((i=>t.has(i)))&&this.visible&&this.positionTooltip()}show(t){this.visible=!0,null!=t&&this.hideDebounce.run((()=>this.hide()),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.validPosition){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){this.resetTooltipContent();const t=this.slottedElement;if(this.tooltip&&t){const i=t.getBoundingClientRect(),e=(i.height-this.tooltip.clientHeight)/2,o=(i.width-this.tooltip.clientWidth)/2;let n=0,r=0;switch(this.validPosition){case"top":r=-this.tooltip.clientHeight,n=o;break;case"bottom":r=i.height,n=o;break;case"left":r=e,n=-this.tooltip.clientWidth;break;case"right":r=e,n=i.width}i.left+n+this.tooltip.clientWidth>window.innerWidth&&(n=window.innerWidth-this.tooltip.clientWidth-i.left),i.left+n<0&&(n=0);const s=this.tooltip.style;s.left=n+"px",s.top=r+"px",s.maxWidth=`max(${i.width}px, ${xi})`}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",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}}mi.elementDefinitions={"ft-typography":fi},mi.styles=bi,yi([o.property()],mi.prototype,"text",void 0),yi([o.property({type:Boolean})],mi.prototype,"manual",void 0),yi([o.property({type:Boolean})],mi.prototype,"inline",void 0),yi([o.property({type:Number})],mi.prototype,"delay",void 0),yi([o.property()],mi.prototype,"position",void 0),yi([o.queryAssignedNodes("",!0)],mi.prototype,"slotNodes",void 0),yi([o.query(".ft-tooltip--container")],mi.prototype,"container",void 0),yi([o.query("slot")],mi.prototype,"target",void 0),yi([o.query(".ft-tooltip")],mi.prototype,"tooltip",void 0),yi([o.query(".ft-tooltip--content")],mi.prototype,"tooltipContent",void 0),yi([o.state()],mi.prototype,"visible",void 0),i.customElement("ft-tooltip")(mi);const $i=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorContent),wi={color:$i,backgroundColor:i.FtCssVariableFactory.extend("--ft-ripple-background-color",$i),opacityContentOnSurfacePressed:i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfaceSelected,"Design system"),borderRadius:i.FtCssVariableFactory.create("--ft-ripple-border-radius","SIZE","0px")},ki=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorPrimary),zi=ki,Si=i.FtCssVariableFactory.extend("--ft-ripple-background-color",ki),Ci=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorSecondary),Ii=Ci,Oi=i.FtCssVariableFactory.extend("--ft-ripple-background-color",Ci),ji=e.css`
+        `}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){super.contentAvailableCallback(t),["visible","text"].some((i=>t.has(i)))&&this.visible&&this.positionTooltip()}show(t){this.visible=!0,null!=t&&this.hideDebounce.run((()=>this.hide()),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.validPosition){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){this.resetTooltipContent();const t=this.slottedElement;if(this.tooltip&&t){const i=t.getBoundingClientRect(),e=(i.height-this.tooltip.clientHeight)/2,o=(i.width-this.tooltip.clientWidth)/2;let n=0,r=0;switch(this.validPosition){case"top":r=-this.tooltip.clientHeight,n=o;break;case"bottom":r=i.height,n=o;break;case"left":r=e,n=-this.tooltip.clientWidth;break;case"right":r=e,n=i.width}i.left+n+this.tooltip.clientWidth>window.innerWidth&&(n=window.innerWidth-this.tooltip.clientWidth-i.left),i.left+n<0&&(n=4-i.left);const s=this.tooltip.style;s.left=n+"px",s.top=r+"px",s.maxWidth=`max(${i.width}px, ${xi})`}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",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}}mi.elementDefinitions={"ft-typography":fi},mi.styles=bi,yi([o.property()],mi.prototype,"text",void 0),yi([o.property({type:Boolean})],mi.prototype,"manual",void 0),yi([o.property({type:Boolean})],mi.prototype,"inline",void 0),yi([o.property({type:Number})],mi.prototype,"delay",void 0),yi([o.property()],mi.prototype,"position",void 0),yi([o.queryAssignedNodes("",!0)],mi.prototype,"slotNodes",void 0),yi([o.query(".ft-tooltip--container")],mi.prototype,"container",void 0),yi([o.query("slot")],mi.prototype,"target",void 0),yi([o.query(".ft-tooltip")],mi.prototype,"tooltip",void 0),yi([o.query(".ft-tooltip--content")],mi.prototype,"tooltipContent",void 0),yi([o.state()],mi.prototype,"visible",void 0),i.customElement("ft-tooltip")(mi);const $i=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorContent),wi={color:$i,backgroundColor:i.FtCssVariableFactory.extend("--ft-ripple-background-color",$i),opacityContentOnSurfacePressed:i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfaceSelected,"Design system"),borderRadius:i.FtCssVariableFactory.create("--ft-ripple-border-radius","SIZE","0px")},ki=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorPrimary),zi=ki,Si=i.FtCssVariableFactory.extend("--ft-ripple-background-color",ki),Ci=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorSecondary),Ii=Ci,Oi=i.FtCssVariableFactory.extend("--ft-ripple-background-color",Ci),ji=e.css`
     :host {
         display: contents;
     }

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

@@ -94,7 +94,7 @@ var ft,dt;let ut=class extends N{constructor(){super(...arguments),this.renderOp
     display: inline-block;
     width: 0;
   }
-`;var Nt,Rt;const Mt=Symbol("internalStoresUnsubscribers"),zt=Symbol("internalStores");class jt extends kt{constructor(){super(...arguments),this[Nt]=new Map,this[Rt]=new Map}getUnnamedStore(){if(this[zt].size>1)throw new Error("Cannot resolve unnamed store when multiple stores are configured.");return[...this[zt].values()][0]}getStore(t){return null==t?this.getUnnamedStore():this[zt].get(t)}addStore(t,i){i=null!=i?i:t.name,this.unsubscribeFromStore(i),this.setupStore(i,t)}removeStore(t){const i="string"==typeof t?t:t.name;this.unsubscribeFromStore(i),this[zt].delete(i)}setupStore(t,i){this[zt].set(t,i),this.subscribeToStore(t,i),this.updateFromStores()}setupStores(){this.unsubscribeFromStores(),this[zt].forEach(((t,i)=>this.subscribeToStore(i,t))),this.updateFromStores()}updateFromStores(){this.reduxProperties&&this.reduxProperties.forEach(((t,i)=>{const e=this.constructor.getPropertyOptions(i);if(!(null==e?void 0:e.attribute)||!this.hasAttribute("string"==typeof(null==e?void 0:e.attribute)?e.attribute:i)){const e=this.getStore(t.store);e&&(this[i]=t.selector(e.getState(),this))}}))}subscribeToStore(t,i){this[Mt].set(t,i.subscribe((()=>this.updateFromStores()))),this.onStoreAvailable(t)}unsubscribeFromStores(){Object.keys(this[Mt]).forEach((t=>this.unsubscribeFromStore(t)))}unsubscribeFromStore(t){this[Mt].has(t)&&this[Mt].get(t)(),this[Mt].delete(t)}onStoreAvailable(t){}connectedCallback(){super.connectedCallback(),this.setupStores()}disconnectedCallback(){this.unsubscribeFromStores(),super.disconnectedCallback()}}var Ut,Ft,Bt;Nt=Mt,Rt=zt;const Tt=navigator.vendor&&!!navigator.vendor.match(/apple/i)||"[object SafariRemoteNotification]"===(null!==(Bt=null===(Ft=null===(Ut=window.safari)||void 0===Ut?void 0:Ut.pushNotification)||void 0===Ft?void 0:Ft.toString())&&void 0!==Bt?Bt:""),It=y`
+`;var Nt,Rt;const Mt=Symbol("internalStoresUnsubscribers"),zt=Symbol("internalStores");class jt extends kt{constructor(){super(...arguments),this[Nt]=new Map,this[Rt]=new Map}getUnnamedStore(){if(this[zt].size>1)throw new Error("Cannot resolve unnamed store when multiple stores are configured.");return[...this[zt].values()][0]}getStore(t){return null==t?this.getUnnamedStore():this[zt].get(t)}addStore(t,i){i=null!=i?i:function(t){var i;return null!==(i=null==t?void 0:t.isFtReduxStore)&&void 0!==i&&i}(t)?t.name:void 0,this.unsubscribeFromStore(i),this.setupStore(i,t)}removeStore(t){const i="string"==typeof t?t:t.name;this.unsubscribeFromStore(i),this[zt].delete(i)}setupStore(t,i){this[zt].set(t,i),this.subscribeToStore(t,i),this.updateFromStores()}setupStores(){this.unsubscribeFromStores(),this[zt].forEach(((t,i)=>this.subscribeToStore(i,t))),this.updateFromStores()}updateFromStores(){this.reduxProperties&&this.reduxProperties.forEach(((t,i)=>{const e=this.constructor.getPropertyOptions(i);if(!(null==e?void 0:e.attribute)||!this.hasAttribute("string"==typeof(null==e?void 0:e.attribute)?e.attribute:i)){const e=this.getStore(t.store);e&&(this[i]=t.selector(e.getState(),this))}}))}subscribeToStore(t,i){this[Mt].set(t,i.subscribe((()=>this.updateFromStores()))),this.onStoreAvailable(t)}unsubscribeFromStores(){Object.keys(this[Mt]).forEach((t=>this.unsubscribeFromStore(t)))}unsubscribeFromStore(t){this[Mt].has(t)&&this[Mt].get(t)(),this[Mt].delete(t)}onStoreAvailable(t){}connectedCallback(){super.connectedCallback(),this.setupStores()}disconnectedCallback(){this.unsubscribeFromStores(),super.disconnectedCallback()}}var Ut,Ft,Bt;Nt=Mt,Rt=zt;const Tt=navigator.vendor&&!!navigator.vendor.match(/apple/i)||"[object SafariRemoteNotification]"===(null!==(Bt=null===(Ft=null===(Ut=window.safari)||void 0===Ut?void 0:Ut.pushNotification)||void 0===Ft?void 0:Ft.toString())&&void 0!==Bt?Bt:""),It=y`
     :host {
         display: inline-block;
     }
@@ -255,7 +255,7 @@ var ft,dt;let ut=class extends N{constructor(){super(...arguments),this.renderOp
                     </div>
                 </div>
             </div>
-        `}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){super.contentAvailableCallback(t),["visible","text"].some((i=>t.has(i)))&&this.visible&&this.positionTooltip()}show(t){this.visible=!0,null!=t&&this.hideDebounce.run((()=>this.hide()),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.validPosition){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){this.resetTooltipContent();const t=this.slottedElement;if(this.tooltip&&t){const i=t.getBoundingClientRect(),e=(i.height-this.tooltip.clientHeight)/2,o=(i.width-this.tooltip.clientWidth)/2;let n=0,r=0;switch(this.validPosition){case"top":r=-this.tooltip.clientHeight,n=o;break;case"bottom":r=i.height,n=o;break;case"left":r=e,n=-this.tooltip.clientWidth;break;case"right":r=e,n=i.width}i.left+n+this.tooltip.clientWidth>window.innerWidth&&(n=window.innerWidth-this.tooltip.clientWidth-i.left),i.left+n<0&&(n=0);const s=this.tooltip.style;s.left=n+"px",s.top=r+"px",s.maxWidth=`max(${i.width}px, ${pe})`}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",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}}ue.elementDefinitions={"ft-typography":re},ue.styles=fe,de([o()],ue.prototype,"text",void 0),de([o({type:Boolean})],ue.prototype,"manual",void 0),de([o({type:Boolean})],ue.prototype,"inline",void 0),de([o({type:Number})],ue.prototype,"delay",void 0),de([o()],ue.prototype,"position",void 0),de([
+        `}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){super.contentAvailableCallback(t),["visible","text"].some((i=>t.has(i)))&&this.visible&&this.positionTooltip()}show(t){this.visible=!0,null!=t&&this.hideDebounce.run((()=>this.hide()),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.validPosition){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){this.resetTooltipContent();const t=this.slottedElement;if(this.tooltip&&t){const i=t.getBoundingClientRect(),e=(i.height-this.tooltip.clientHeight)/2,o=(i.width-this.tooltip.clientWidth)/2;let n=0,r=0;switch(this.validPosition){case"top":r=-this.tooltip.clientHeight,n=o;break;case"bottom":r=i.height,n=o;break;case"left":r=e,n=-this.tooltip.clientWidth;break;case"right":r=e,n=i.width}i.left+n+this.tooltip.clientWidth>window.innerWidth&&(n=window.innerWidth-this.tooltip.clientWidth-i.left),i.left+n<0&&(n=4-i.left);const s=this.tooltip.style;s.left=n+"px",s.top=r+"px",s.maxWidth=`max(${i.width}px, ${pe})`}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",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}}ue.elementDefinitions={"ft-typography":re},ue.styles=fe,de([o()],ue.prototype,"text",void 0),de([o({type:Boolean})],ue.prototype,"manual",void 0),de([o({type:Boolean})],ue.prototype,"inline",void 0),de([o({type:Number})],ue.prototype,"delay",void 0),de([o()],ue.prototype,"position",void 0),de([
 /**
      * @license
      * Copyright 2017 Google LLC

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-reader-metadata",
-  "version": "1.0.5",
+  "version": "1.0.8",
   "description": "Metadata for integrated reader",
   "keywords": [
     "Lit"
@@ -19,11 +19,11 @@
     "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
   },
   "dependencies": {
-    "@fluid-topics/ft-chip": "1.0.5",
-    "@fluid-topics/ft-reader-context": "1.0.5",
-    "@fluid-topics/ft-tooltip": "1.0.5",
-    "@fluid-topics/ft-wc-utils": "1.0.5",
+    "@fluid-topics/ft-chip": "1.0.8",
+    "@fluid-topics/ft-reader-context": "1.0.8",
+    "@fluid-topics/ft-tooltip": "1.0.8",
+    "@fluid-topics/ft-wc-utils": "1.0.8",
     "lit": "2.7.2"
   },
-  "gitHead": "a4987091424b3c8b5e36193a8b854eddfe44d439"
+  "gitHead": "b55ea6fbe362f72c42f5c26f705fde8e39261001"
 }