@fluid-topics/ft-reorderable-list 2.0.23 → 2.0.24

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.
@@ -82,7 +82,7 @@ Also for action icons.`,l.colorGray200),contentGlobalSubtle:n.extend("--ftds-con
82
82
  <li>${this.helperText}</li>
83
83
  `)}
84
84
  </ul>
85
- `}resolveStatus(){return this.forceStatus?this.forceStatus:this.errorMessages.length?mr.error:this.warningMessages.length?mr.warning:mr.default}processRules(o){return o.map(a=>a(this.value)).filter(a=>a!==!0).map(a=>a)}}return Ce([L()],e.prototype,"warningRules",void 0),Ce([L()],e.prototype,"errorRules",void 0),Ce([L()],e.prototype,"validateOn",void 0),Ce([L({type:Boolean})],e.prototype,"validateAtRender",void 0),Ce([L()],e.prototype,"label",void 0),Ce([L({type:Boolean})],e.prototype,"hideLabel",void 0),Ce([L()],e.prototype,"name",void 0),Ce([L({type:Boolean})],e.prototype,"disabled",void 0),Ce([L()],e.prototype,"helperText",void 0),Ce([L()],e.prototype,"forceStatus",void 0),Ce([L({reflect:!0})],e.prototype,"value",void 0),Ce([fe()],e.prototype,"errorMessages",void 0),Ce([fe()],e.prototype,"warningMessages",void 0),Ce([fe()],e.prototype,"status",void 0),Ce([fe()],e.prototype,"focused",void 0),Ce([fe()],e.prototype,"additionalWarningRules",void 0),Ce([fe()],e.prototype,"additionalErrorRules",void 0),e});var Go=(t,e)=>{let r=t._$AN;if(r===void 0)return!1;for(let o of r)o._$AO?.(e,!1),Go(o,e);return!0},Vn=t=>{let e,r;do{if((e=t._$AM)===void 0)break;r=e._$AN,r.delete(t),t=e}while(r?.size===0)},_2=t=>{for(let e;e=t._$AM;t=e){let r=e._$AN;if(r===void 0)e._$AN=r=new Set;else if(r.has(t))break;r.add(t),Ip(e)}};function Pp(t){this._$AN!==void 0?(Vn(this),this._$AM=t,_2(this)):this._$AM=t}function kp(t,e=!1,r=0){let o=this._$AH,a=this._$AN;if(a!==void 0&&a.size!==0)if(e)if(Array.isArray(o))for(let i=r;i<o.length;i++)Go(o[i],!1),Vn(o[i]);else o!=null&&(Go(o,!1),Vn(o));else Go(this,t)}var Ip=t=>{t.type==xe.CHILD&&(t._$AP??=kp,t._$AQ??=Pp)},Kr=class extends Te{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,r,o){super._$AT(e,r,o),_2(this),this.isConnected=e._$AU}_$AO(e,r=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),r&&(Go(this,e),Vn(this))}setValue(e){if(xn(this._$Ct))this._$Ct._$AI(e,this);else{let r=[...this._$Ct._$AH];r[this._$Ci]=e,this._$Ct._$AI(r,this,0)}}disconnected(){}reconnected(){}};var Ps=class extends Kr{get element(){var e;return(e=this.part)===null||e===void 0?void 0:e.element}constructor(e){super(e),this.onFirstTrapFocus=async r=>{if(!this.element||!r.relatedTarget)return;let o=r.relatedTarget;this.isInsideElement(o,this.element)?await this.focusLastDescendant(this.element):await this.focusFirstDescendant(this.element)},this.onLastTrapFocus=async r=>{if(!this.element||!r.relatedTarget)return;let o=r.relatedTarget;this.isInsideElement(o,this.element)?await this.focusFirstDescendant(this.element):await this.focusLastDescendant(this.element)}}render(){return ne}update(e){return this.part=e,this.isElementTrappable(e.element)&&this.createFocusTrap(e.element),ne}reconnected(){var e;this.isElementTrappable((e=this.part)===null||e===void 0?void 0:e.element)&&this.createFocusTrap(this.part.element)}disconnected(){var e,r,o,a;(e=this.firstTrap)===null||e===void 0||e.removeEventListener("focus",this.onFirstTrapFocus),(r=this.lastTrap)===null||r===void 0||r.removeEventListener("focus",this.onLastTrapFocus),(o=this.firstTrap)===null||o===void 0||o.remove(),(a=this.lastTrap)===null||a===void 0||a.remove(),this.firstTrap=void 0,this.lastTrap=void 0}isElementTrappable(e){return!!e&&e instanceof HTMLElement&&e.childElementCount>0}createFocusTrap(e){this.firstTrap=this.createTrap(),this.lastTrap=this.createTrap(),e.insertBefore(this.firstTrap,e.firstChild),e.appendChild(this.lastTrap),this.lastTrap.addEventListener("focus",this.onLastTrapFocus),this.firstTrap.addEventListener("focus",this.onFirstTrapFocus)}createTrap(){let e=document.createElement("div");return e.tabIndex=0,e}getChildren(e){return e instanceof HTMLSlotElement?e.assignedElements():e.shadowRoot?e.shadowRoot.children:e.children}async focusFirstDescendant(e){await this.updateCompleteIfNecessary(e);let r=this.getChildren(e);for(let o=0;o<r.length;o++){let a=r[o];if(a instanceof HTMLElement&&(this.attemptFocus(a)||await this.focusFirstDescendant(a)))return!0}return!1}async focusLastDescendant(e){await this.updateCompleteIfNecessary(e);let r=this.getChildren(e);for(let o=r.length-1;o>=0;o--){let a=r[o];if(a instanceof HTMLElement&&(this.attemptFocus(a)||await this.focusLastDescendant(a)))return!0}return!1}async updateCompleteIfNecessary(e){e instanceof Ve&&await e.updateComplete}isInsideElement(e,r){for(let o=e;o;o=o.parentNode){if(o===r)return!0;o instanceof ShadowRoot?o=o.host:o.assignedSlot&&(o=o.assignedSlot)}return!1}attemptFocus(e){return e===this.firstTrap||e===this.lastTrap||!this.isFocusable(e)?!1:(e.focus(),!0)}isFocusable(e){return!e.checkVisibility()||this.isElementDisabled(e)?!1:e instanceof HTMLAnchorElement?!!e.href&&e.rel!=="ignore":e instanceof HTMLInputElement?e.type!=="hidden":e.tabIndex>=0}isElementDisabled(e){return"disabled"in e&&!!e.disabled}},OC=we(Ps);var T2;(function(t){t.sm="sm",t.md="md",t.lg="lg",t.xl="xl"})(T2||(T2={}));var zp={sm:640,md:768,lg:1024,xl:1280},ks=class extends Kr{constructor(e){super(e),this.size=0,this.onResize=()=>{let r=window.innerWidth;this.size!==r&&(this.size=r,this.lastArgs&&this.setValue(this.render(...this.lastArgs)))},this.size=window.innerWidth,window.addEventListener("resize",this.onResize)}disconnected(){window.removeEventListener("resize",this.onResize)}reconnected(){window.addEventListener("resize",this.onResize)}update(e,[r,o,a]){return this.lastArgs=[r,o,a],this.render(r,o,a)}render(e,r,o){let a=this.resolveThreshold(e),i=o??(()=>W);return this.size>a?r():i()}resolveThreshold(e){return typeof e=="number"?e:zp[e]}},TC=we(ks);var Is,zs,Ds,Us,Bs=navigator.vendor&&!!navigator.vendor.match(/apple/i)||((Ds=(zs=(Is=window.safari)===null||Is===void 0?void 0:Is.pushNotification)===null||zs===void 0?void 0:zs.toString())!==null&&Ds!==void 0?Ds:"")==="[object SafariRemoteNotification]",Dp="ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0;window.ftGlobals=(Us=window.ftGlobals)!==null&&Us!==void 0?Us:{lit:ka,litDecorators:za,litRepeat:Da,litClassMap:Ua,litStyleMap:Ba,litUnsafeHTML:$a,wcUtils:{...Ya,...Fa,...ei,...Os,...ti,...ri,...Si,...Za,...zi,...Ts,...O2,...xs,...Di,...xi,...Fi,...Ls,...Hi,...Ns,...r1,...Va,...Vi,...Ci,...ji,...R2,...n1,...Ki,...ys,...ws,...Ui,...$i,...Cs,...Xa,isSafari:Bs,isTouchScreen:Dp,setVariable:w}};var Zr=t=>t??W;var N2=we(class extends Te{constructor(t){if(super(t),t.type!==xe.PROPERTY&&t.type!==xe.ATTRIBUTE&&t.type!==xe.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!xn(t))throw Error("`live` bindings can only contain a single expression")}render(t){return t}update(t,[e]){if(e===ne||e===W)return e;let r=t.element,o=t.name;if(t.type===xe.PROPERTY){if(e===r[o])return ne}else if(t.type===xe.BOOLEAN_ATTRIBUTE){if(!!e===r.hasAttribute(o))return ne}else if(t.type===xe.ATTRIBUTE&&r.getAttribute(o)===e+"")return ne;return Sn(t),e}});var Up={padding:n.create("--ftds-reorderable-list-item--padding","","SIZE","8px")},M2=U`
85
+ `}resolveStatus(){return this.forceStatus?this.forceStatus:this.errorMessages.length?mr.error:this.warningMessages.length?mr.warning:mr.default}processRules(o){return o.map(a=>a(this.value)).filter(a=>a!==!0).map(a=>a)}}return Ce([L()],e.prototype,"warningRules",void 0),Ce([L()],e.prototype,"errorRules",void 0),Ce([L()],e.prototype,"validateOn",void 0),Ce([L({type:Boolean})],e.prototype,"validateAtRender",void 0),Ce([L()],e.prototype,"label",void 0),Ce([L({type:Boolean})],e.prototype,"hideLabel",void 0),Ce([L()],e.prototype,"name",void 0),Ce([L({type:Boolean})],e.prototype,"disabled",void 0),Ce([L()],e.prototype,"helperText",void 0),Ce([L()],e.prototype,"forceStatus",void 0),Ce([L({reflect:!0})],e.prototype,"value",void 0),Ce([fe()],e.prototype,"errorMessages",void 0),Ce([fe()],e.prototype,"warningMessages",void 0),Ce([fe()],e.prototype,"status",void 0),Ce([fe()],e.prototype,"focused",void 0),Ce([fe()],e.prototype,"additionalWarningRules",void 0),Ce([fe()],e.prototype,"additionalErrorRules",void 0),e});var Go=(t,e)=>{let r=t._$AN;if(r===void 0)return!1;for(let o of r)o._$AO?.(e,!1),Go(o,e);return!0},Vn=t=>{let e,r;do{if((e=t._$AM)===void 0)break;r=e._$AN,r.delete(t),t=e}while(r?.size===0)},_2=t=>{for(let e;e=t._$AM;t=e){let r=e._$AN;if(r===void 0)e._$AN=r=new Set;else if(r.has(t))break;r.add(t),Ip(e)}};function Pp(t){this._$AN!==void 0?(Vn(this),this._$AM=t,_2(this)):this._$AM=t}function kp(t,e=!1,r=0){let o=this._$AH,a=this._$AN;if(a!==void 0&&a.size!==0)if(e)if(Array.isArray(o))for(let i=r;i<o.length;i++)Go(o[i],!1),Vn(o[i]);else o!=null&&(Go(o,!1),Vn(o));else Go(this,t)}var Ip=t=>{t.type==xe.CHILD&&(t._$AP??=kp,t._$AQ??=Pp)},Kr=class extends Te{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,r,o){super._$AT(e,r,o),_2(this),this.isConnected=e._$AU}_$AO(e,r=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),r&&(Go(this,e),Vn(this))}setValue(e){if(xn(this._$Ct))this._$Ct._$AI(e,this);else{let r=[...this._$Ct._$AH];r[this._$Ci]=e,this._$Ct._$AI(r,this,0)}}disconnected(){}reconnected(){}};var Ps=class extends Kr{get element(){var e;return(e=this.part)===null||e===void 0?void 0:e.element}constructor(e){super(e),this.onFirstTrapFocus=async r=>{if(!this.element||!r.relatedTarget)return;let o=r.relatedTarget;this.isInsideElement(o,this.element)?await this.focusLastDescendant(this.element):await this.focusFirstDescendant(this.element)},this.onLastTrapFocus=async r=>{if(!this.element||!r.relatedTarget)return;let o=r.relatedTarget;this.isInsideElement(o,this.element)?await this.focusFirstDescendant(this.element):await this.focusLastDescendant(this.element)}}render(){return ne}update(e){return this.part=e,this.ensureFocusTrap(e.element),ne}reconnected(){var e;this.ensureFocusTrap((e=this.part)===null||e===void 0?void 0:e.element)}disconnected(){this.removeFocusTrap()}ensureFocusTrap(e){var r,o;this.isElementTrappable(e)&&(((r=this.firstTrap)===null||r===void 0?void 0:r.parentElement)===e&&((o=this.lastTrap)===null||o===void 0?void 0:o.parentElement)===e||(this.removeFocusTrap(),this.createFocusTrap(e)))}removeFocusTrap(){var e,r,o,a;(e=this.firstTrap)===null||e===void 0||e.removeEventListener("focus",this.onFirstTrapFocus),(r=this.lastTrap)===null||r===void 0||r.removeEventListener("focus",this.onLastTrapFocus),(o=this.firstTrap)===null||o===void 0||o.remove(),(a=this.lastTrap)===null||a===void 0||a.remove(),this.firstTrap=void 0,this.lastTrap=void 0}isElementTrappable(e){return!!e&&e instanceof HTMLElement&&e.childElementCount>0}createFocusTrap(e){this.firstTrap=this.createTrap(),this.lastTrap=this.createTrap(),e.insertBefore(this.firstTrap,e.firstChild),e.appendChild(this.lastTrap),this.lastTrap.addEventListener("focus",this.onLastTrapFocus),this.firstTrap.addEventListener("focus",this.onFirstTrapFocus)}createTrap(){let e=document.createElement("div");return e.tabIndex=0,e}getChildren(e){return e instanceof HTMLSlotElement?e.assignedElements():e.shadowRoot?e.shadowRoot.children:e.children}async focusFirstDescendant(e){await this.updateCompleteIfNecessary(e);let r=this.getChildren(e);for(let o=0;o<r.length;o++){let a=r[o];if(a instanceof HTMLElement&&(this.attemptFocus(a)||await this.focusFirstDescendant(a)))return!0}return!1}async focusLastDescendant(e){await this.updateCompleteIfNecessary(e);let r=this.getChildren(e);for(let o=r.length-1;o>=0;o--){let a=r[o];if(a instanceof HTMLElement&&(this.attemptFocus(a)||await this.focusLastDescendant(a)))return!0}return!1}async updateCompleteIfNecessary(e){e instanceof Ve&&await e.updateComplete}isInsideElement(e,r){for(let o=e;o;o=o.parentNode){if(o===r)return!0;o instanceof ShadowRoot?o=o.host:o.assignedSlot&&(o=o.assignedSlot)}return!1}attemptFocus(e){return e===this.firstTrap||e===this.lastTrap||!this.isFocusable(e)?!1:(e.focus(),!0)}isFocusable(e){return!e.checkVisibility()||this.isElementDisabled(e)?!1:e instanceof HTMLAnchorElement?!!e.href&&e.rel!=="ignore":e instanceof HTMLInputElement?e.type!=="hidden":e.tabIndex>=0}isElementDisabled(e){return"disabled"in e&&!!e.disabled}},OC=we(Ps);var T2;(function(t){t.sm="sm",t.md="md",t.lg="lg",t.xl="xl"})(T2||(T2={}));var zp={sm:640,md:768,lg:1024,xl:1280},ks=class extends Kr{constructor(e){super(e),this.size=0,this.onResize=()=>{let r=window.innerWidth;this.size!==r&&(this.size=r,this.lastArgs&&this.setValue(this.render(...this.lastArgs)))},this.size=window.innerWidth,window.addEventListener("resize",this.onResize)}disconnected(){window.removeEventListener("resize",this.onResize)}reconnected(){window.addEventListener("resize",this.onResize)}update(e,[r,o,a]){return this.lastArgs=[r,o,a],this.render(r,o,a)}render(e,r,o){let a=this.resolveThreshold(e),i=o??(()=>W);return this.size>a?r():i()}resolveThreshold(e){return typeof e=="number"?e:zp[e]}},TC=we(ks);var Is,zs,Ds,Us,Bs=navigator.vendor&&!!navigator.vendor.match(/apple/i)||((Ds=(zs=(Is=window.safari)===null||Is===void 0?void 0:Is.pushNotification)===null||zs===void 0?void 0:zs.toString())!==null&&Ds!==void 0?Ds:"")==="[object SafariRemoteNotification]",Dp="ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0;window.ftGlobals=(Us=window.ftGlobals)!==null&&Us!==void 0?Us:{lit:ka,litDecorators:za,litRepeat:Da,litClassMap:Ua,litStyleMap:Ba,litUnsafeHTML:$a,wcUtils:{...Ya,...Fa,...ei,...Os,...ti,...ri,...Si,...Za,...zi,...Ts,...O2,...xs,...Di,...xi,...Fi,...Ls,...Hi,...Ns,...r1,...Va,...Vi,...Ci,...ji,...R2,...n1,...Ki,...ys,...ws,...Ui,...$i,...Cs,...Xa,isSafari:Bs,isTouchScreen:Dp,setVariable:w}};var Zr=t=>t??W;var N2=we(class extends Te{constructor(t){if(super(t),t.type!==xe.PROPERTY&&t.type!==xe.ATTRIBUTE&&t.type!==xe.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!xn(t))throw Error("`live` bindings can only contain a single expression")}render(t){return t}update(t,[e]){if(e===ne||e===W)return e;let r=t.element,o=t.name;if(t.type===xe.PROPERTY){if(e===r[o])return ne}else if(t.type===xe.BOOLEAN_ATTRIBUTE){if(!!e===r.hasAttribute(o))return ne}else if(t.type===xe.ATTRIBUTE&&r.getAttribute(o)===e+"")return ne;return Sn(t),e}});var Up={padding:n.create("--ftds-reorderable-list-item--padding","","SIZE","8px")},M2=U`
86
86
  .ftds-reorderable-list--container {
87
87
  display: flex;
88
88
  flex-direction: column;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluid-topics/ft-reorderable-list",
3
- "version": "2.0.23",
3
+ "version": "2.0.24",
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": "3.2.8",
23
- "@fluid-topics/ft-wc-utils": "2.0.23",
23
+ "@fluid-topics/ft-wc-utils": "2.0.24",
24
24
  "lit": "3.1.0"
25
25
  },
26
26
  "devDependencies": {
27
- "@fluid-topics/ft-wc-test-utils": "2.0.23"
27
+ "@fluid-topics/ft-wc-test-utils": "2.0.24"
28
28
  },
29
- "gitHead": "e441ae21f5027730992e39b7dc728ac0f7b17dc0"
29
+ "gitHead": "5407e83b63be10ccc5bdeb3551c9f798b9559ae0"
30
30
  }