@fluid-topics/ft-reader-toc 1.0.3 → 1.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -290,7 +290,7 @@ const X=Symbol.for(""),q=t=>{if((null==t?void 0:t.r)===X)return null==t?void 0:t
|
|
|
290
290
|
<div class="ft-ripple--background"></div>
|
|
291
291
|
<div class="ft-ripple--effect"></div>
|
|
292
292
|
</div>
|
|
293
|
-
`}contentAvailableCallback(t){super.contentAvailableCallback(t),this.ripple&&this.resizeObserver.observe(this.ripple),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}updated(t){var e,i;super.updated(t),t.has("disabled")&&(this.disabled?(this.endRipple(),null===(e=this.target)||void 0===e||e.removeAttribute("data-is-ft-ripple-target")):null===(i=this.target)||void 0===i||i.setAttribute("data-is-ft-ripple-target","true")),t.has("unbounded")&&this.setRippleSize()}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}setRippleSize(){if(this.ripple){const t=this.ripple.getBoundingClientRect();this.rippleSize=(this.unbounded?1:1.7)*Math.max(t.width,t.height)}}connectedCallback(){super.connectedCallback(),this.setupDebouncer.run((()=>{var t;const
|
|
293
|
+
`}contentAvailableCallback(t){super.contentAvailableCallback(t),this.ripple&&this.resizeObserver.observe(this.ripple),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}updated(t){var e,i;super.updated(t),t.has("disabled")&&(this.disabled?(this.endRipple(),null===(e=this.target)||void 0===e||e.removeAttribute("data-is-ft-ripple-target")):null===(i=this.target)||void 0===i||i.setAttribute("data-is-ft-ripple-target","true")),t.has("unbounded")&&this.setRippleSize()}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}setRippleSize(){if(this.ripple){const t=this.ripple.getBoundingClientRect();this.rippleSize=(this.unbounded?1:1.7)*Math.max(t.width,t.height)}}connectedCallback(){super.connectedCallback(),this.setupDebouncer.run((()=>this.defaultSetup()))}defaultSetup(){var t,e;const i=null===(t=this.shadowRoot)||void 0===t?void 0:t.host.parentElement;i&&this.setupFor(null!==(e=this.target)&&void 0!==e?e:i),this.setRippleSize()}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");const e=(...t)=>e=>{t.forEach((t=>window.addEventListener(t,this.endPress,{once:!0}))),this.startPress(e)},i=e("mouseup","contextmenu"),o=e("touchend","touchcancel"),n=t=>{["Enter"," "].includes(t.key)&&e("keyup")(t)};t.addEventListener("mouseover",this.startHover),t.addEventListener("mousemove",this.moveRipple),t.addEventListener("mouseleave",this.endHover),t.addEventListener("mousedown",i),t.addEventListener("touchstart",o),t.addEventListener("touchmove",this.moveRipple),t.addEventListener("keydown",n),t.addEventListener("focus",this.startFocus),t.addEventListener("blur",this.endFocus),t.addEventListener("focusin",this.startFocus),t.addEventListener("focusout",this.endFocus),this.onDisconnect=()=>{t.removeAttribute("data-is-ft-ripple-target"),t.removeEventListener("mouseover",this.startHover),t.removeEventListener("mousemove",this.moveRipple),t.removeEventListener("mouseleave",this.endHover),t.removeEventListener("mousedown",i),t.removeEventListener("touchstart",o),t.removeEventListener("touchmove",this.moveRipple),t.removeEventListener("keydown",n),t.removeEventListener("focus",this.startFocus),t.removeEventListener("blur",this.endFocus),t.removeEventListener("focusin",this.startFocus),t.removeEventListener("focusout",this.endFocus),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(t){const e=t,i=t;let o,n;return null!=e.x?({x:o,y:n}=e):null!=i.touches&&(o=i.touches[0].clientX,n=i.touches[0].clientY),{x:o,y:n}}isIgnored(t){if(this.disabled)return!0;if(null!=t)for(let e of t.composedPath()){if(e===this.target)break;if("hasAttribute"in e&&e.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.resizeObserver.disconnect(),this.endRipple()}}Ue.elementDefinitions={},Ue.styles=Fe,Me([r.property({type:Boolean})],Ue.prototype,"primary",void 0),Me([r.property({type:Boolean})],Ue.prototype,"secondary",void 0),Me([r.property({type:Boolean})],Ue.prototype,"unbounded",void 0),Me([r.property({type:Boolean})],Ue.prototype,"activated",void 0),Me([r.property({type:Boolean})],Ue.prototype,"selected",void 0),Me([r.property({type:Boolean})],Ue.prototype,"disabled",void 0),Me([r.state()],Ue.prototype,"hovered",void 0),Me([r.state()],Ue.prototype,"focused",void 0),Me([r.state()],Ue.prototype,"pressed",void 0),Me([r.state()],Ue.prototype,"rippling",void 0),Me([r.state()],Ue.prototype,"rippleSize",void 0),Me([r.state()],Ue.prototype,"originX",void 0),Me([r.state()],Ue.prototype,"originY",void 0),Me([r.query(".ft-ripple")],Ue.prototype,"ripple",void 0),Me([r.query(".ft-ripple--effect")],Ue.prototype,"rippleEffect",void 0),e.customElement("ft-ripple")(Ue);const Ze=e.FtCssVariableFactory.create("--ft-tooltip-distance","SIZE","4px"),Pe=e.FtCssVariableFactory.create("--ft-tooltip-color","COLOR","#FFFFFF"),Re=e.FtCssVariableFactory.create("--ft-tooltip-background-color","COLOR","#666666"),We=e.FtCssVariableFactory.create("--ft-tooltip-z-index","NUMBER","1"),De=e.FtCssVariableFactory.external(e.designSystemVariables.borderRadiusS,"Design system"),He=e.FtCssVariableFactory.create("--ft-tooltip-max-width","SIZE","150px"),Ge=i.css`
|
|
294
294
|
.ft-tooltip--container {
|
|
295
295
|
display: block;
|
|
296
296
|
position: relative;
|
|
@@ -400,7 +400,7 @@ class Fi extends Kt{constructor(t){if(super(t),this.et=Q,t.type!==Wt)throw Error
|
|
|
400
400
|
<div class="ft-ripple--background"></div>
|
|
401
401
|
<div class="ft-ripple--effect"></div>
|
|
402
402
|
</div>
|
|
403
|
-
`}contentAvailableCallback(t){super.contentAvailableCallback(t),this.ripple&&this.resizeObserver.observe(this.ripple),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}updated(t){var e,i;super.updated(t),t.has("disabled")&&(this.disabled?(this.endRipple(),null===(e=this.target)||void 0===e||e.removeAttribute("data-is-ft-ripple-target")):null===(i=this.target)||void 0===i||i.setAttribute("data-is-ft-ripple-target","true")),t.has("unbounded")&&this.setRippleSize()}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}setRippleSize(){if(this.ripple){const t=this.ripple.getBoundingClientRect();this.rippleSize=(this.unbounded?1:1.7)*Math.max(t.width,t.height)}}connectedCallback(){super.connectedCallback(),this.setupDebouncer.run((()=>{var t;const
|
|
403
|
+
`}contentAvailableCallback(t){super.contentAvailableCallback(t),this.ripple&&this.resizeObserver.observe(this.ripple),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}updated(t){var e,i;super.updated(t),t.has("disabled")&&(this.disabled?(this.endRipple(),null===(e=this.target)||void 0===e||e.removeAttribute("data-is-ft-ripple-target")):null===(i=this.target)||void 0===i||i.setAttribute("data-is-ft-ripple-target","true")),t.has("unbounded")&&this.setRippleSize()}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}setRippleSize(){if(this.ripple){const t=this.ripple.getBoundingClientRect();this.rippleSize=(this.unbounded?1:1.7)*Math.max(t.width,t.height)}}connectedCallback(){super.connectedCallback(),this.setupDebouncer.run((()=>this.defaultSetup()))}defaultSetup(){var t,e;const i=null===(t=this.shadowRoot)||void 0===t?void 0:t.host.parentElement;i&&this.setupFor(null!==(e=this.target)&&void 0!==e?e:i),this.setRippleSize()}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");const e=(...t)=>e=>{t.forEach((t=>window.addEventListener(t,this.endPress,{once:!0}))),this.startPress(e)},i=e("mouseup","contextmenu"),o=e("touchend","touchcancel"),n=t=>{["Enter"," "].includes(t.key)&&e("keyup")(t)};t.addEventListener("mouseover",this.startHover),t.addEventListener("mousemove",this.moveRipple),t.addEventListener("mouseleave",this.endHover),t.addEventListener("mousedown",i),t.addEventListener("touchstart",o),t.addEventListener("touchmove",this.moveRipple),t.addEventListener("keydown",n),t.addEventListener("focus",this.startFocus),t.addEventListener("blur",this.endFocus),t.addEventListener("focusin",this.startFocus),t.addEventListener("focusout",this.endFocus),this.onDisconnect=()=>{t.removeAttribute("data-is-ft-ripple-target"),t.removeEventListener("mouseover",this.startHover),t.removeEventListener("mousemove",this.moveRipple),t.removeEventListener("mouseleave",this.endHover),t.removeEventListener("mousedown",i),t.removeEventListener("touchstart",o),t.removeEventListener("touchmove",this.moveRipple),t.removeEventListener("keydown",n),t.removeEventListener("focus",this.startFocus),t.removeEventListener("blur",this.endFocus),t.removeEventListener("focusin",this.startFocus),t.removeEventListener("focusout",this.endFocus),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(t){const e=t,i=t;let o,n;return null!=e.x?({x:o,y:n}=e):null!=i.touches&&(o=i.touches[0].clientX,n=i.touches[0].clientY),{x:o,y:n}}isIgnored(t){if(this.disabled)return!0;if(null!=t)for(let e of t.composedPath()){if(e===this.target)break;if("hasAttribute"in e&&e.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.resizeObserver.disconnect(),this.endRipple()}}to.elementDefinitions={},to.styles=Gi,Qi([o({type:Boolean})],to.prototype,"primary",void 0),Qi([o({type:Boolean})],to.prototype,"secondary",void 0),Qi([o({type:Boolean})],to.prototype,"unbounded",void 0),Qi([o({type:Boolean})],to.prototype,"activated",void 0),Qi([o({type:Boolean})],to.prototype,"selected",void 0),Qi([o({type:Boolean})],to.prototype,"disabled",void 0),Qi([n()],to.prototype,"hovered",void 0),Qi([n()],to.prototype,"focused",void 0),Qi([n()],to.prototype,"pressed",void 0),Qi([n()],to.prototype,"rippling",void 0),Qi([n()],to.prototype,"rippleSize",void 0),Qi([n()],to.prototype,"originX",void 0),Qi([n()],to.prototype,"originY",void 0),Qi([r(".ft-ripple")],to.prototype,"ripple",void 0),Qi([r(".ft-ripple--effect")],to.prototype,"rippleEffect",void 0),c("ft-ripple")(to);const eo=gt.create("--ft-tooltip-distance","SIZE","4px"),io=gt.create("--ft-tooltip-color","COLOR","#FFFFFF"),oo=gt.create("--ft-tooltip-background-color","COLOR","#666666"),no=gt.create("--ft-tooltip-z-index","NUMBER","1"),so=gt.external(wt.borderRadiusS,"Design system"),ro=gt.create("--ft-tooltip-max-width","SIZE","150px"),ao=b`
|
|
404
404
|
.ft-tooltip--container {
|
|
405
405
|
display: block;
|
|
406
406
|
position: relative;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluid-topics/ft-reader-toc",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.5",
|
|
4
4
|
"description": "Main table of content for integrated reader",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Lit"
|
|
@@ -19,12 +19,12 @@
|
|
|
19
19
|
"url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@fluid-topics/ft-icon": "1.0.
|
|
23
|
-
"@fluid-topics/ft-reader-context": "1.0.
|
|
24
|
-
"@fluid-topics/ft-size-watcher": "1.0.
|
|
25
|
-
"@fluid-topics/ft-typography": "1.0.
|
|
26
|
-
"@fluid-topics/ft-wc-utils": "1.0.
|
|
22
|
+
"@fluid-topics/ft-icon": "1.0.5",
|
|
23
|
+
"@fluid-topics/ft-reader-context": "1.0.5",
|
|
24
|
+
"@fluid-topics/ft-size-watcher": "1.0.5",
|
|
25
|
+
"@fluid-topics/ft-typography": "1.0.5",
|
|
26
|
+
"@fluid-topics/ft-wc-utils": "1.0.5",
|
|
27
27
|
"lit": "2.7.2"
|
|
28
28
|
},
|
|
29
|
-
"gitHead": "
|
|
29
|
+
"gitHead": "a4987091424b3c8b5e36193a8b854eddfe44d439"
|
|
30
30
|
}
|