@fluid-topics/ft-reorderable-list 1.3.51 → 1.3.53

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.
@@ -572,7 +572,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:r.extend("--ftds-con
572
572
  <div class="ft-ripple--background"></div>
573
573
  <div class="ft-ripple--effect"></div>
574
574
  </div>
575
- `}contentAvailableCallback(t){super.contentAvailableCallback(t),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}update(t){var o,n;super.update(t),t.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 t,o;let n=(t=this.shadowRoot)===null||t===void 0?void 0:t.host.parentElement;n&&this.setupFor((o=this.target)!==null&&o!==void 0?o:n)}forceFocusUpdate(){var t;!((t=this.target)===null||t===void 0)&&t.matches(":focus-within")?this.startFocus():this.endFocus()}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");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};t.addEventListener("mouseover",this.startHover,c),t.addEventListener("mousemove",this.moveRipple,c),t.addEventListener("mouseleave",this.endHover,c),t.addEventListener("mousedown",n,c),t.addEventListener("touchstart",a,c),t.addEventListener("touchmove",this.moveRipple,c),t.addEventListener("keydown",i,c),t.addEventListener("focus",this.startFocus,c),t.addEventListener("blur",this.endFocus,c),t.addEventListener("focusin",this.startFocus,c),t.addEventListener("focusout",this.endFocus,c),this.onDisconnect=()=>{t.removeAttribute("data-is-ft-ripple-target"),t.removeEventListener("mouseover",this.startHover,c),t.removeEventListener("mousemove",this.moveRipple,c),t.removeEventListener("mouseleave",this.endHover,c),t.removeEventListener("mousedown",n,c),t.removeEventListener("touchstart",a,c),t.removeEventListener("touchmove",this.moveRipple,c),t.removeEventListener("keydown",i,c),t.removeEventListener("focus",this.startFocus,c),t.removeEventListener("blur",this.endFocus,c),t.removeEventListener("focusin",this.startFocus,c),t.removeEventListener("focusout",this.endFocus,c),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(t){let o=t,n=t,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(t){return t instanceof HTMLElement?t.matches(":focus-visible"):!0}isIgnored(t){if(this.disabled)return!0;if(t!=null)for(let o of t.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()}};q.elementDefinitions={};q.styles=Di;be([(0,de.property)({type:Boolean})],q.prototype,"primary",void 0);be([(0,de.property)({type:Boolean})],q.prototype,"secondary",void 0);be([(0,de.property)({type:Boolean})],q.prototype,"unbounded",void 0);be([(0,de.property)({type:Boolean})],q.prototype,"activated",void 0);be([(0,de.property)({type:Boolean})],q.prototype,"selected",void 0);be([(0,de.property)({type:Boolean})],q.prototype,"disabled",void 0);be([(0,de.state)()],q.prototype,"hovered",void 0);be([(0,de.state)()],q.prototype,"focused",void 0);be([(0,de.state)()],q.prototype,"pressed",void 0);be([(0,de.state)()],q.prototype,"rippling",void 0);be([(0,de.state)()],q.prototype,"originX",void 0);be([(0,de.state)()],q.prototype,"originY",void 0);be([(0,de.query)(".ft-ripple")],q.prototype,"ripple",void 0);be([(0,de.query)(".ft-ripple--effect")],q.prototype,"rippleEffect",void 0);(0,Vi.customElement)("ft-ripple")(q);var gl=S(P());var ml=S(W()),ke=S(Q()),Pe=S(P());var Zi=S(W()),nt=S(P()),ir={distance:nt.FtCssVariableFactory.create("--ft-tooltip-distance","","SIZE","4px"),color:nt.FtCssVariableFactory.create("--ft-tooltip-color","","COLOR","#FFFFFF"),backgroundColor:nt.FtCssVariableFactory.create("--ft-tooltip-background-color","","COLOR","#666666"),zIndex:nt.FtCssVariableFactory.create("--ft-tooltip-z-index","","NUMBER","100"),borderRadiusS:nt.FtCssVariableFactory.external(nt.designSystemVariables.borderRadiusS,"Design system"),maxWidth:nt.FtCssVariableFactory.create("--ft-tooltip-max-width","","SIZE","150px")},qi=Zi.css`
575
+ `}contentAvailableCallback(t){super.contentAvailableCallback(t),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}update(t){var o,n;super.update(t),t.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 t,o;let n=(t=this.shadowRoot)===null||t===void 0?void 0:t.host.parentElement;n&&this.setupFor((o=this.target)!==null&&o!==void 0?o:n)}forceFocusUpdate(){var t;!((t=this.target)===null||t===void 0)&&t.matches(":focus-within")?this.startFocus():this.endFocus()}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");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};t.addEventListener("mouseover",this.startHover,c),t.addEventListener("mousemove",this.moveRipple,c),t.addEventListener("mouseleave",this.endHover,c),t.addEventListener("mousedown",n,c),t.addEventListener("touchstart",a,c),t.addEventListener("touchmove",this.moveRipple,c),t.addEventListener("keydown",i,c),t.addEventListener("focus",this.startFocus,c),t.addEventListener("blur",this.endFocus,c),t.addEventListener("focusin",this.startFocus,c),t.addEventListener("focusout",this.endFocus,c),this.onDisconnect=()=>{t.removeAttribute("data-is-ft-ripple-target"),t.removeEventListener("mouseover",this.startHover,c),t.removeEventListener("mousemove",this.moveRipple,c),t.removeEventListener("mouseleave",this.endHover,c),t.removeEventListener("mousedown",n,c),t.removeEventListener("touchstart",a,c),t.removeEventListener("touchmove",this.moveRipple,c),t.removeEventListener("keydown",i,c),t.removeEventListener("focus",this.startFocus,c),t.removeEventListener("blur",this.endFocus,c),t.removeEventListener("focusin",this.startFocus,c),t.removeEventListener("focusout",this.endFocus,c),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(t){let o=t,n=t,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(t){return t instanceof HTMLElement?t.matches(":focus-visible"):!0}isIgnored(t){if(this.disabled)return!0;if(t!=null)for(let o of t.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()}};q.elementDefinitions={};q.styles=Di;be([(0,de.property)({type:Boolean})],q.prototype,"primary",void 0);be([(0,de.property)({type:Boolean})],q.prototype,"secondary",void 0);be([(0,de.property)({type:Boolean})],q.prototype,"unbounded",void 0);be([(0,de.property)({type:Boolean})],q.prototype,"activated",void 0);be([(0,de.property)({type:Boolean})],q.prototype,"selected",void 0);be([(0,de.property)({type:Boolean})],q.prototype,"disabled",void 0);be([(0,de.state)()],q.prototype,"hovered",void 0);be([(0,de.state)()],q.prototype,"focused",void 0);be([(0,de.state)()],q.prototype,"pressed",void 0);be([(0,de.state)()],q.prototype,"rippling",void 0);be([(0,de.state)()],q.prototype,"originX",void 0);be([(0,de.state)()],q.prototype,"originY",void 0);be([(0,de.query)(".ft-ripple")],q.prototype,"ripple",void 0);be([(0,de.query)(".ft-ripple--effect")],q.prototype,"rippleEffect",void 0);(0,Vi.customElement)("ft-ripple")(q);var gl=S(P());var ml=S(W()),ke=S(Q()),Pe=S(P());var Zi=S(W()),nt=S(P()),ir={distance:nt.FtCssVariableFactory.create("--ft-tooltip-distance","","SIZE","4px"),color:nt.FtCssVariableFactory.create("--ft-tooltip-color","","COLOR","#FFFFFF"),backgroundColor:nt.FtCssVariableFactory.create("--ft-tooltip-background-color","","COLOR","#666666"),zIndex:nt.FtCssVariableFactory.create("--ft-tooltip-z-index","","NUMBER","100"),borderRadiusS:nt.FtCssVariableFactory.extend("--ft-tooltip-border-radius","",nt.designSystemVariables.borderRadiusS),maxWidth:nt.FtCssVariableFactory.create("--ft-tooltip-max-width","","SIZE","150px")},qi=Zi.css`
576
576
  .ft-tooltip--container {
577
577
  display: block;
578
578
  }
@@ -652,7 +652,7 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:r.extend("--ftds-con
652
652
  <div class="ft-ripple--background"></div>
653
653
  <div class="ft-ripple--effect"></div>
654
654
  </div>
655
- `}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=(...l)=>d=>{l.forEach(u=>window.addEventListener(u,this.endPress,{once:!0})),this.startPress(d)},n=o("mouseup","contextmenu"),a=o("touchend","touchcancel"),i=l=>{["Enter"," "].includes(l.key)&&o("keyup")(l)},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()}};ae.elementDefinitions={};ae.styles=rd;we([O({type:Boolean})],ae.prototype,"primary",void 0);we([O({type:Boolean})],ae.prototype,"secondary",void 0);we([O({type:Boolean})],ae.prototype,"unbounded",void 0);we([O({type:Boolean})],ae.prototype,"activated",void 0);we([O({type:Boolean})],ae.prototype,"selected",void 0);we([O({type:Boolean})],ae.prototype,"disabled",void 0);we([Q()],ae.prototype,"hovered",void 0);we([Q()],ae.prototype,"focused",void 0);we([Q()],ae.prototype,"pressed",void 0);we([Q()],ae.prototype,"rippling",void 0);we([Q()],ae.prototype,"originX",void 0);we([Q()],ae.prototype,"originY",void 0);we([xe(".ft-ripple")],ae.prototype,"ripple",void 0);we([xe(".ft-ripple--effect")],ae.prototype,"rippleEffect",void 0);ee("ft-ripple")(ae);var Dr={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(W.borderRadiusS,"Design system"),maxWidth:r.create("--ft-tooltip-max-width","","SIZE","150px")},ld=P`
655
+ `}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=(...l)=>d=>{l.forEach(u=>window.addEventListener(u,this.endPress,{once:!0})),this.startPress(d)},n=o("mouseup","contextmenu"),a=o("touchend","touchcancel"),i=l=>{["Enter"," "].includes(l.key)&&o("keyup")(l)},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()}};ae.elementDefinitions={};ae.styles=rd;we([O({type:Boolean})],ae.prototype,"primary",void 0);we([O({type:Boolean})],ae.prototype,"secondary",void 0);we([O({type:Boolean})],ae.prototype,"unbounded",void 0);we([O({type:Boolean})],ae.prototype,"activated",void 0);we([O({type:Boolean})],ae.prototype,"selected",void 0);we([O({type:Boolean})],ae.prototype,"disabled",void 0);we([Q()],ae.prototype,"hovered",void 0);we([Q()],ae.prototype,"focused",void 0);we([Q()],ae.prototype,"pressed",void 0);we([Q()],ae.prototype,"rippling",void 0);we([Q()],ae.prototype,"originX",void 0);we([Q()],ae.prototype,"originY",void 0);we([xe(".ft-ripple")],ae.prototype,"ripple",void 0);we([xe(".ft-ripple--effect")],ae.prototype,"rippleEffect",void 0);ee("ft-ripple")(ae);var Dr={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","",W.borderRadiusS),maxWidth:r.create("--ft-tooltip-max-width","","SIZE","150px")},ld=P`
656
656
  .ft-tooltip--container {
657
657
  display: block;
658
658
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluid-topics/ft-reorderable-list",
3
- "version": "1.3.51",
3
+ "version": "1.3.53",
4
4
  "description": "An reorderable list component",
5
5
  "keywords": [
6
6
  "Lit"
@@ -20,11 +20,11 @@
20
20
  },
21
21
  "dependencies": {
22
22
  "@fluid-topics/design-system-variables": "2.53.1",
23
- "@fluid-topics/ft-wc-utils": "1.3.51",
23
+ "@fluid-topics/ft-wc-utils": "1.3.53",
24
24
  "lit": "3.1.0"
25
25
  },
26
26
  "devDependencies": {
27
- "@fluid-topics/ft-wc-test-utils": "1.3.51"
27
+ "@fluid-topics/ft-wc-test-utils": "1.3.53"
28
28
  },
29
- "gitHead": "02e21de480825149da06349c73a08934a05c3a65"
29
+ "gitHead": "1eb4ee8a448ded2e0d54517a08200d0109c0722e"
30
30
  }