@fluid-topics/ft-dialog 1.3.50 → 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.
@@ -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.external(Ze.designSystemVariables.borderRadiusS,"Design system"),maxWidth:Ze.FtCssVariableFactory.create("--ft-tooltip-max-width","","SIZE","150px")},Ci=Oi.css`
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
  }
@@ -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.external(G.borderRadiusS,"Design system"),maxWidth:r.create("--ft-tooltip-max-width","","SIZE","150px")},ql=M`
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.50",
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.50",
23
- "@fluid-topics/ft-icon": "1.3.50",
24
- "@fluid-topics/ft-typography": "1.3.50",
25
- "@fluid-topics/ft-wc-utils": "1.3.50",
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": "8624905b03e700cf33965e24ed75f491d5d39141"
28
+ "gitHead": "8cd9d8b95748384e70ead4c45af71bd9781ddf44"
29
29
  }