@fluid-topics/ft-skeleton 2.0.23 → 2.0.25

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.`,c.colorGray200),contentGlobalSubtle:r.extend("--ftds-con
82
82
  <li>${this.helperText}</li>
83
83
  `)}
84
84
  </ul>
85
- `}resolveStatus(){return this.forceStatus?this.forceStatus:this.errorMessages.length?Ze.error:this.warningMessages.length?Ze.warning:Ze.default}processRules(n){return n.map(a=>a(this.value)).filter(a=>a!==!0).map(a=>a)}}return j([M()],e.prototype,"warningRules",void 0),j([M()],e.prototype,"errorRules",void 0),j([M()],e.prototype,"validateOn",void 0),j([M({type:Boolean})],e.prototype,"validateAtRender",void 0),j([M()],e.prototype,"label",void 0),j([M({type:Boolean})],e.prototype,"hideLabel",void 0),j([M()],e.prototype,"name",void 0),j([M({type:Boolean})],e.prototype,"disabled",void 0),j([M()],e.prototype,"helperText",void 0),j([M()],e.prototype,"forceStatus",void 0),j([M({reflect:!0})],e.prototype,"value",void 0),j([le()],e.prototype,"errorMessages",void 0),j([le()],e.prototype,"warningMessages",void 0),j([le()],e.prototype,"status",void 0),j([le()],e.prototype,"focused",void 0),j([le()],e.prototype,"additionalWarningRules",void 0),j([le()],e.prototype,"additionalErrorRules",void 0),e});var Kt=(t,e)=>{let o=t._$AN;if(o===void 0)return!1;for(let n of o)n._$AO?.(e,!1),Kt(n,e);return!0},Er=t=>{let e,o;do{if((e=t._$AM)===void 0)break;o=e._$AN,o.delete(t),t=e}while(o?.size===0)},Fs=t=>{for(let e;e=t._$AM;t=e){let o=e._$AN;if(o===void 0)e._$AN=o=new Set;else if(o.has(t))break;o.add(t),Zd(e)}};function Vd(t){this._$AN!==void 0?(Er(this),this._$AM=t,Fs(this)):this._$AM=t}function Kd(t,e=!1,o=0){let n=this._$AH,a=this._$AN;if(a!==void 0&&a.size!==0)if(e)if(Array.isArray(n))for(let i=o;i<n.length;i++)Kt(n[i],!1),Er(n[i]);else n!=null&&(Kt(n,!1),Er(n));else Kt(this,t)}var Zd=t=>{t.type==de.CHILD&&(t._$AP??=Kd,t._$AQ??=Vd)},bt=class extends te{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,o,n){super._$AT(e,o,n),Fs(this),this.isConnected=e._$AU}_$AO(e,o=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),o&&(Kt(this,e),Er(this))}setValue(e){if(Xn(this._$Ct))this._$Ct._$AI(e,this);else{let o=[...this._$Ct._$AH];o[this._$Ci]=e,this._$Ct._$AI(o,this,0)}}disconnected(){}reconnected(){}};var Tn=class extends bt{get element(){var e;return(e=this.part)===null||e===void 0?void 0:e.element}constructor(e){super(e),this.onFirstTrapFocus=async o=>{if(!this.element||!o.relatedTarget)return;let n=o.relatedTarget;this.isInsideElement(n,this.element)?await this.focusLastDescendant(this.element):await this.focusFirstDescendant(this.element)},this.onLastTrapFocus=async o=>{if(!this.element||!o.relatedTarget)return;let n=o.relatedTarget;this.isInsideElement(n,this.element)?await this.focusFirstDescendant(this.element):await this.focusLastDescendant(this.element)}}render(){return W}update(e){return this.part=e,this.isElementTrappable(e.element)&&this.createFocusTrap(e.element),W}reconnected(){var e;this.isElementTrappable((e=this.part)===null||e===void 0?void 0:e.element)&&this.createFocusTrap(this.part.element)}disconnected(){var e,o,n,a;(e=this.firstTrap)===null||e===void 0||e.removeEventListener("focus",this.onFirstTrapFocus),(o=this.lastTrap)===null||o===void 0||o.removeEventListener("focus",this.onLastTrapFocus),(n=this.firstTrap)===null||n===void 0||n.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 o=this.getChildren(e);for(let n=0;n<o.length;n++){let a=o[n];if(a instanceof HTMLElement&&(this.attemptFocus(a)||await this.focusFirstDescendant(a)))return!0}return!1}async focusLastDescendant(e){await this.updateCompleteIfNecessary(e);let o=this.getChildren(e);for(let n=o.length-1;n>=0;n--){let a=o[n];if(a instanceof HTMLElement&&(this.attemptFocus(a)||await this.focusLastDescendant(a)))return!0}return!1}async updateCompleteIfNecessary(e){e instanceof ee&&await e.updateComplete}isInsideElement(e,o){for(let n=e;n;n=n.parentNode){if(n===o)return!0;n instanceof ShadowRoot?n=n.host:n.assignedSlot&&(n=n.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}},Lb=X(Tn);var Ms;(function(t){t.sm="sm",t.md="md",t.lg="lg",t.xl="xl"})(Ms||(Ms={}));var qd={sm:640,md:768,lg:1024,xl:1280},In=class extends bt{constructor(e){super(e),this.size=0,this.onResize=()=>{let o=window.innerWidth;this.size!==o&&(this.size=o,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,[o,n,a]){return this.lastArgs=[o,n,a],this.render(o,n,a)}render(e,o,n){let a=this.resolveThreshold(e),i=n??(()=>B);return this.size>a?o():i()}resolveThreshold(e){return typeof e=="number"?e:qd[e]}},Fb=X(In);var _n,Pn,Ln,kn,Yd=navigator.vendor&&!!navigator.vendor.match(/apple/i)||((Ln=(Pn=(_n=window.safari)===null||_n===void 0?void 0:_n.pushNotification)===null||Pn===void 0?void 0:Pn.toString())!==null&&Ln!==void 0?Ln:"")==="[object SafariRemoteNotification]",Xd="ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0;window.ftGlobals=(kn=window.ftGlobals)!==null&&kn!==void 0?kn:{lit:Fr,litDecorators:Mr,litRepeat:Ur,litClassMap:Br,litStyleMap:$r,litUnsafeHTML:Hr,wcUtils:{...Xr,...zr,...ro,...Sn,...oo,...io,...fo,...qr,...wo,...An,...ks,...yn,...Ro,...lo,...ko,...xn,...Po,...wn,...di,...Vr,...Do,...po,...Fo,...Ns,...fi,...Uo,...fn,...En,...To,..._o,...gn,...Qr,isSafari:Yd,isTouchScreen:Xd,setVariable:et}};var Y={display:r.create("--ft-skeleton--display","","DISPLAY","block"),width:r.create("--ft-skeleton--width","","SIZE","100%"),height:r.create("--ft-skeleton--height","","SIZE","20px"),backgroundColor:r.create("--ft-skeleton--background-color","","COLOR","#f1f1f1"),glareWidth:r.create("--ft-skeleton--glare-width","","SIZE","200px"),glareColor:r.create("--ft-skeleton--glare-color","","COLOR","rgba(255, 255, 255, .6)"),animationDuration:r.create("--ft-skeleton--animation-duration","","UNKNOWN","2s"),borderRadiusM:r.external(uo.borderRadiusM,"Design system")},Us=H`
85
+ `}resolveStatus(){return this.forceStatus?this.forceStatus:this.errorMessages.length?Ze.error:this.warningMessages.length?Ze.warning:Ze.default}processRules(n){return n.map(a=>a(this.value)).filter(a=>a!==!0).map(a=>a)}}return j([M()],e.prototype,"warningRules",void 0),j([M()],e.prototype,"errorRules",void 0),j([M()],e.prototype,"validateOn",void 0),j([M({type:Boolean})],e.prototype,"validateAtRender",void 0),j([M()],e.prototype,"label",void 0),j([M({type:Boolean})],e.prototype,"hideLabel",void 0),j([M()],e.prototype,"name",void 0),j([M({type:Boolean})],e.prototype,"disabled",void 0),j([M()],e.prototype,"helperText",void 0),j([M()],e.prototype,"forceStatus",void 0),j([M({reflect:!0})],e.prototype,"value",void 0),j([le()],e.prototype,"errorMessages",void 0),j([le()],e.prototype,"warningMessages",void 0),j([le()],e.prototype,"status",void 0),j([le()],e.prototype,"focused",void 0),j([le()],e.prototype,"additionalWarningRules",void 0),j([le()],e.prototype,"additionalErrorRules",void 0),e});var Kt=(t,e)=>{let o=t._$AN;if(o===void 0)return!1;for(let n of o)n._$AO?.(e,!1),Kt(n,e);return!0},Er=t=>{let e,o;do{if((e=t._$AM)===void 0)break;o=e._$AN,o.delete(t),t=e}while(o?.size===0)},Fs=t=>{for(let e;e=t._$AM;t=e){let o=e._$AN;if(o===void 0)e._$AN=o=new Set;else if(o.has(t))break;o.add(t),Zd(e)}};function Vd(t){this._$AN!==void 0?(Er(this),this._$AM=t,Fs(this)):this._$AM=t}function Kd(t,e=!1,o=0){let n=this._$AH,a=this._$AN;if(a!==void 0&&a.size!==0)if(e)if(Array.isArray(n))for(let i=o;i<n.length;i++)Kt(n[i],!1),Er(n[i]);else n!=null&&(Kt(n,!1),Er(n));else Kt(this,t)}var Zd=t=>{t.type==de.CHILD&&(t._$AP??=Kd,t._$AQ??=Vd)},bt=class extends te{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,o,n){super._$AT(e,o,n),Fs(this),this.isConnected=e._$AU}_$AO(e,o=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),o&&(Kt(this,e),Er(this))}setValue(e){if(Xn(this._$Ct))this._$Ct._$AI(e,this);else{let o=[...this._$Ct._$AH];o[this._$Ci]=e,this._$Ct._$AI(o,this,0)}}disconnected(){}reconnected(){}};var Tn=class extends bt{get element(){var e;return(e=this.part)===null||e===void 0?void 0:e.element}constructor(e){super(e),this.onFirstTrapFocus=async o=>{if(!this.element||!o.relatedTarget)return;let n=o.relatedTarget;this.isInsideElement(n,this.element)?await this.focusLastDescendant(this.element):await this.focusFirstDescendant(this.element)},this.onLastTrapFocus=async o=>{if(!this.element||!o.relatedTarget)return;let n=o.relatedTarget;this.isInsideElement(n,this.element)?await this.focusFirstDescendant(this.element):await this.focusLastDescendant(this.element)}}render(){return W}update(e){return this.part=e,this.ensureFocusTrap(e.element),W}reconnected(){var e;this.ensureFocusTrap((e=this.part)===null||e===void 0?void 0:e.element)}disconnected(){this.removeFocusTrap()}ensureFocusTrap(e){var o,n;this.isElementTrappable(e)&&(((o=this.firstTrap)===null||o===void 0?void 0:o.parentElement)===e&&((n=this.lastTrap)===null||n===void 0?void 0:n.parentElement)===e||(this.removeFocusTrap(),this.createFocusTrap(e)))}removeFocusTrap(){var e,o,n,a;(e=this.firstTrap)===null||e===void 0||e.removeEventListener("focus",this.onFirstTrapFocus),(o=this.lastTrap)===null||o===void 0||o.removeEventListener("focus",this.onLastTrapFocus),(n=this.firstTrap)===null||n===void 0||n.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 o=this.getChildren(e);for(let n=0;n<o.length;n++){let a=o[n];if(a instanceof HTMLElement&&(this.attemptFocus(a)||await this.focusFirstDescendant(a)))return!0}return!1}async focusLastDescendant(e){await this.updateCompleteIfNecessary(e);let o=this.getChildren(e);for(let n=o.length-1;n>=0;n--){let a=o[n];if(a instanceof HTMLElement&&(this.attemptFocus(a)||await this.focusLastDescendant(a)))return!0}return!1}async updateCompleteIfNecessary(e){e instanceof ee&&await e.updateComplete}isInsideElement(e,o){for(let n=e;n;n=n.parentNode){if(n===o)return!0;n instanceof ShadowRoot?n=n.host:n.assignedSlot&&(n=n.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}},Lb=X(Tn);var Ms;(function(t){t.sm="sm",t.md="md",t.lg="lg",t.xl="xl"})(Ms||(Ms={}));var qd={sm:640,md:768,lg:1024,xl:1280},In=class extends bt{constructor(e){super(e),this.size=0,this.onResize=()=>{let o=window.innerWidth;this.size!==o&&(this.size=o,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,[o,n,a]){return this.lastArgs=[o,n,a],this.render(o,n,a)}render(e,o,n){let a=this.resolveThreshold(e),i=n??(()=>B);return this.size>a?o():i()}resolveThreshold(e){return typeof e=="number"?e:qd[e]}},Fb=X(In);var _n,Pn,Ln,kn,Yd=navigator.vendor&&!!navigator.vendor.match(/apple/i)||((Ln=(Pn=(_n=window.safari)===null||_n===void 0?void 0:_n.pushNotification)===null||Pn===void 0?void 0:Pn.toString())!==null&&Ln!==void 0?Ln:"")==="[object SafariRemoteNotification]",Xd="ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0;window.ftGlobals=(kn=window.ftGlobals)!==null&&kn!==void 0?kn:{lit:Fr,litDecorators:Mr,litRepeat:Ur,litClassMap:Br,litStyleMap:$r,litUnsafeHTML:Hr,wcUtils:{...Xr,...zr,...ro,...Sn,...oo,...io,...fo,...qr,...wo,...An,...ks,...yn,...Ro,...lo,...ko,...xn,...Po,...wn,...di,...Vr,...Do,...po,...Fo,...Ns,...fi,...Uo,...fn,...En,...To,..._o,...gn,...Qr,isSafari:Yd,isTouchScreen:Xd,setVariable:et}};var Y={display:r.create("--ft-skeleton--display","","DISPLAY","block"),width:r.create("--ft-skeleton--width","","SIZE","100%"),height:r.create("--ft-skeleton--height","","SIZE","20px"),backgroundColor:r.create("--ft-skeleton--background-color","","COLOR","#f1f1f1"),glareWidth:r.create("--ft-skeleton--glare-width","","SIZE","200px"),glareColor:r.create("--ft-skeleton--glare-color","","COLOR","rgba(255, 255, 255, .6)"),animationDuration:r.create("--ft-skeleton--animation-duration","","UNKNOWN","2s"),borderRadiusM:r.external(uo.borderRadiusM,"Design system")},Us=H`
86
86
  :host {
87
87
  width: ${Y.width};
88
88
  height: ${Y.height};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluid-topics/ft-skeleton",
3
- "version": "2.0.23",
3
+ "version": "2.0.25",
4
4
  "description": "Placeholder for loading content",
5
5
  "keywords": [
6
6
  "Lit"
@@ -19,8 +19,8 @@
19
19
  "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
20
20
  },
21
21
  "dependencies": {
22
- "@fluid-topics/ft-wc-utils": "2.0.23",
22
+ "@fluid-topics/ft-wc-utils": "2.0.25",
23
23
  "lit": "3.1.0"
24
24
  },
25
- "gitHead": "e441ae21f5027730992e39b7dc728ac0f7b17dc0"
25
+ "gitHead": "f7582c9f28ac8fb59807834b4cbdcf09144478cf"
26
26
  }