@fluid-topics/ft-dialog 1.3.51 → 1.3.52
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.
package/build/ft-dialog.light.js
CHANGED
|
@@ -515,7 +515,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:t.extend("--ftds-con
|
|
|
515
515
|
<div class="ft-ripple--background"></div>
|
|
516
516
|
<div class="ft-ripple--effect"></div>
|
|
517
517
|
</div>
|
|
518
|
-
`}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 o,n;super.update(r),r.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 r,o;let n=(r=this.shadowRoot)===null||r===void 0?void 0:r.host.parentElement;n&&this.setupFor((o=this.target)!==null&&o!==void 0?o:n)}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 o=(...l)=>u=>{l.forEach(p=>window.addEventListener(p,this.endPress,{once:!0})),this.startPress(u)},n=o("mouseup","contextmenu"),a=o("touchend","touchcancel"),i=l=>{["Enter"," "].includes(l.key)&&o("keyup")(l)},c={passive:!0};r.addEventListener("mouseover",this.startHover,c),r.addEventListener("mousemove",this.moveRipple,c),r.addEventListener("mouseleave",this.endHover,c),r.addEventListener("mousedown",n,c),r.addEventListener("touchstart",a,c),r.addEventListener("touchmove",this.moveRipple,c),r.addEventListener("keydown",i,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",n,c),r.removeEventListener("touchstart",a,c),r.removeEventListener("touchmove",this.moveRipple,c),r.removeEventListener("keydown",i,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 o=r,n=r,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(r){return r instanceof HTMLElement?r.matches(":focus-visible"):!0}isIgnored(r){if(this.disabled)return!0;if(r!=null)for(let o of r.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=ui;he([(0,ae.property)({type:Boolean})],K.prototype,"primary",void 0);he([(0,ae.property)({type:Boolean})],K.prototype,"secondary",void 0);he([(0,ae.property)({type:Boolean})],K.prototype,"unbounded",void 0);he([(0,ae.property)({type:Boolean})],K.prototype,"activated",void 0);he([(0,ae.property)({type:Boolean})],K.prototype,"selected",void 0);he([(0,ae.property)({type:Boolean})],K.prototype,"disabled",void 0);he([(0,ae.state)()],K.prototype,"hovered",void 0);he([(0,ae.state)()],K.prototype,"focused",void 0);he([(0,ae.state)()],K.prototype,"pressed",void 0);he([(0,ae.state)()],K.prototype,"rippling",void 0);he([(0,ae.state)()],K.prototype,"originX",void 0);he([(0,ae.state)()],K.prototype,"originY",void 0);he([(0,ae.query)(".ft-ripple")],K.prototype,"ripple",void 0);he([(0,ae.query)(".ft-ripple--effect")],K.prototype,"rippleEffect",void 0);(0,Si.customElement)("ft-ripple")(K);var jc=C(k());var Gc=C(j()),we=C(ne()),Ae=C(k());var Oi=C(j()),Ze=C(k()),Kt={distance:Ze.FtCssVariableFactory.create("--ft-tooltip-distance","","SIZE","4px"),color:Ze.FtCssVariableFactory.create("--ft-tooltip-color","","COLOR","#FFFFFF"),backgroundColor:Ze.FtCssVariableFactory.create("--ft-tooltip-background-color","","COLOR","#666666"),zIndex:Ze.FtCssVariableFactory.create("--ft-tooltip-z-index","","NUMBER","100"),borderRadiusS:Ze.FtCssVariableFactory.
|
|
518
|
+
`}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 o,n;super.update(r),r.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 r,o;let n=(r=this.shadowRoot)===null||r===void 0?void 0:r.host.parentElement;n&&this.setupFor((o=this.target)!==null&&o!==void 0?o:n)}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 o=(...l)=>u=>{l.forEach(p=>window.addEventListener(p,this.endPress,{once:!0})),this.startPress(u)},n=o("mouseup","contextmenu"),a=o("touchend","touchcancel"),i=l=>{["Enter"," "].includes(l.key)&&o("keyup")(l)},c={passive:!0};r.addEventListener("mouseover",this.startHover,c),r.addEventListener("mousemove",this.moveRipple,c),r.addEventListener("mouseleave",this.endHover,c),r.addEventListener("mousedown",n,c),r.addEventListener("touchstart",a,c),r.addEventListener("touchmove",this.moveRipple,c),r.addEventListener("keydown",i,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",n,c),r.removeEventListener("touchstart",a,c),r.removeEventListener("touchmove",this.moveRipple,c),r.removeEventListener("keydown",i,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 o=r,n=r,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(r){return r instanceof HTMLElement?r.matches(":focus-visible"):!0}isIgnored(r){if(this.disabled)return!0;if(r!=null)for(let o of r.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=ui;he([(0,ae.property)({type:Boolean})],K.prototype,"primary",void 0);he([(0,ae.property)({type:Boolean})],K.prototype,"secondary",void 0);he([(0,ae.property)({type:Boolean})],K.prototype,"unbounded",void 0);he([(0,ae.property)({type:Boolean})],K.prototype,"activated",void 0);he([(0,ae.property)({type:Boolean})],K.prototype,"selected",void 0);he([(0,ae.property)({type:Boolean})],K.prototype,"disabled",void 0);he([(0,ae.state)()],K.prototype,"hovered",void 0);he([(0,ae.state)()],K.prototype,"focused",void 0);he([(0,ae.state)()],K.prototype,"pressed",void 0);he([(0,ae.state)()],K.prototype,"rippling",void 0);he([(0,ae.state)()],K.prototype,"originX",void 0);he([(0,ae.state)()],K.prototype,"originY",void 0);he([(0,ae.query)(".ft-ripple")],K.prototype,"ripple",void 0);he([(0,ae.query)(".ft-ripple--effect")],K.prototype,"rippleEffect",void 0);(0,Si.customElement)("ft-ripple")(K);var jc=C(k());var Gc=C(j()),we=C(ne()),Ae=C(k());var Oi=C(j()),Ze=C(k()),Kt={distance:Ze.FtCssVariableFactory.create("--ft-tooltip-distance","","SIZE","4px"),color:Ze.FtCssVariableFactory.create("--ft-tooltip-color","","COLOR","#FFFFFF"),backgroundColor:Ze.FtCssVariableFactory.create("--ft-tooltip-background-color","","COLOR","#666666"),zIndex:Ze.FtCssVariableFactory.create("--ft-tooltip-z-index","","NUMBER","100"),borderRadiusS:Ze.FtCssVariableFactory.extend("--ft-tooltip-border-radius","",Ze.designSystemVariables.borderRadiusS),maxWidth:Ze.FtCssVariableFactory.create("--ft-tooltip-max-width","","SIZE","150px")},Ci=Oi.css`
|
|
519
519
|
.ft-tooltip--container {
|
|
520
520
|
display: block;
|
|
521
521
|
}
|
package/build/ft-dialog.min.js
CHANGED
|
@@ -595,7 +595,7 @@ Also for action icons.`,l.colorGray200),contentGlobalSubtle:r.extend("--ftds-con
|
|
|
595
595
|
<div class="ft-ripple--background"></div>
|
|
596
596
|
<div class="ft-ripple--effect"></div>
|
|
597
597
|
</div>
|
|
598
|
-
`}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()}};te.elementDefinitions={};te.styles=Gl;xe([E({type:Boolean})],te.prototype,"primary",void 0);xe([E({type:Boolean})],te.prototype,"secondary",void 0);xe([E({type:Boolean})],te.prototype,"unbounded",void 0);xe([E({type:Boolean})],te.prototype,"activated",void 0);xe([E({type:Boolean})],te.prototype,"selected",void 0);xe([E({type:Boolean})],te.prototype,"disabled",void 0);xe([J()],te.prototype,"hovered",void 0);xe([J()],te.prototype,"focused",void 0);xe([J()],te.prototype,"pressed",void 0);xe([J()],te.prototype,"rippling",void 0);xe([J()],te.prototype,"originX",void 0);xe([J()],te.prototype,"originY",void 0);xe([ge(".ft-ripple")],te.prototype,"ripple",void 0);xe([ge(".ft-ripple--effect")],te.prototype,"rippleEffect",void 0);re("ft-ripple")(te);var wr={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.
|
|
598
|
+
`}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()}};te.elementDefinitions={};te.styles=Gl;xe([E({type:Boolean})],te.prototype,"primary",void 0);xe([E({type:Boolean})],te.prototype,"secondary",void 0);xe([E({type:Boolean})],te.prototype,"unbounded",void 0);xe([E({type:Boolean})],te.prototype,"activated",void 0);xe([E({type:Boolean})],te.prototype,"selected",void 0);xe([E({type:Boolean})],te.prototype,"disabled",void 0);xe([J()],te.prototype,"hovered",void 0);xe([J()],te.prototype,"focused",void 0);xe([J()],te.prototype,"pressed",void 0);xe([J()],te.prototype,"rippling",void 0);xe([J()],te.prototype,"originX",void 0);xe([J()],te.prototype,"originY",void 0);xe([ge(".ft-ripple")],te.prototype,"ripple",void 0);xe([ge(".ft-ripple--effect")],te.prototype,"rippleEffect",void 0);re("ft-ripple")(te);var wr={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","",G.borderRadiusS),maxWidth:r.create("--ft-tooltip-max-width","","SIZE","150px")},ql=M`
|
|
599
599
|
.ft-tooltip--container {
|
|
600
600
|
display: block;
|
|
601
601
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluid-topics/ft-dialog",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.52",
|
|
4
4
|
"description": "A simple dialog component",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Lit"
|
|
@@ -19,11 +19,11 @@
|
|
|
19
19
|
"url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@fluid-topics/ft-button": "1.3.
|
|
23
|
-
"@fluid-topics/ft-icon": "1.3.
|
|
24
|
-
"@fluid-topics/ft-typography": "1.3.
|
|
25
|
-
"@fluid-topics/ft-wc-utils": "1.3.
|
|
22
|
+
"@fluid-topics/ft-button": "1.3.52",
|
|
23
|
+
"@fluid-topics/ft-icon": "1.3.52",
|
|
24
|
+
"@fluid-topics/ft-typography": "1.3.52",
|
|
25
|
+
"@fluid-topics/ft-wc-utils": "1.3.52",
|
|
26
26
|
"lit": "3.1.0"
|
|
27
27
|
},
|
|
28
|
-
"gitHead": "
|
|
28
|
+
"gitHead": "8cd9d8b95748384e70ead4c45af71bd9781ddf44"
|
|
29
29
|
}
|