@fluid-topics/ft-page-layout 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?Nr.error:this.warningMessages.length?Nr.warning:Nr.default}processRules(o){return o.map(a=>a(this.value)).filter(a=>a!==!0).map(a=>a)}}return we([C()],e.prototype,"warningRules",void 0),we([C()],e.prototype,"errorRules",void 0),we([C()],e.prototype,"validateOn",void 0),we([C({type:Boolean})],e.prototype,"validateAtRender",void 0),we([C()],e.prototype,"label",void 0),we([C({type:Boolean})],e.prototype,"hideLabel",void 0),we([C()],e.prototype,"name",void 0),we([C({type:Boolean})],e.prototype,"disabled",void 0),we([C()],e.prototype,"helperText",void 0),we([C()],e.prototype,"forceStatus",void 0),we([C({reflect:!0})],e.prototype,"value",void 0),we([se()],e.prototype,"errorMessages",void 0),we([se()],e.prototype,"warningMessages",void 0),we([se()],e.prototype,"status",void 0),we([se()],e.prototype,"focused",void 0),we([se()],e.prototype,"additionalWarningRules",void 0),we([se()],e.prototype,"additionalErrorRules",void 0),e});var nn=(t,e)=>{let r=t._$AN;if(r===void 0)return!1;for(let o of r)o._$AO?.(e,!1),nn(o,e);return!0},ta=t=>{let e,r;do{if((e=t._$AM)===void 0)break;r=e._$AN,r.delete(t),t=e}while(r?.size===0)},W1=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),t3(e)}};function Jp(t){this._$AN!==void 0?(ta(this),this._$AM=t,W1(this)):this._$AM=t}function e3(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++)nn(o[i],!1),ta(o[i]);else o!=null&&(nn(o,!1),ta(o));else nn(this,t)}var t3=t=>{t.type==gt.CHILD&&(t._$AP??=e3,t._$AQ??=Jp)},uo=class extends et{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,r,o){super._$AT(e,r,o),W1(this),this.isConnected=e._$AU}_$AO(e,r=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),r&&(nn(this,e),ta(this))}setValue(e){if(Ll(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 Vs=class extends uo{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 ve}update(e){return this.part=e,this.isElementTrappable(e.element)&&this.createFocusTrap(e.element),ve}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 Je&&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}},WC=je(Vs);var V1;(function(t){t.sm="sm",t.md="md",t.lg="lg",t.xl="xl"})(V1||(V1={}));var r3={sm:640,md:768,lg:1024,xl:1280},js=class extends uo{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:r3[e]}},ZC=je(js);var Ks,Zs,qs,Ys,Mr=navigator.vendor&&!!navigator.vendor.match(/apple/i)||((qs=(Zs=(Ks=window.safari)===null||Ks===void 0?void 0:Ks.pushNotification)===null||Zs===void 0?void 0:Zs.toString())!==null&&qs!==void 0?qs:"")==="[object SafariRemoteNotification]",o3="ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0;window.ftGlobals=(Ys=window.ftGlobals)!==null&&Ys!==void 0?Ys:{lit:ja,litDecorators:Ka,litRepeat:Za,litClassMap:qa,litStyleMap:Ya,litUnsafeHTML:Xa,wcUtils:{...ii,...Ja,...fi,...Us,...ui,...pi,...Mi,...ai,...Zi,...Fs,...H1,...Ms,...qi,...Ni,...es,...Ds,...Ji,...Gs,...yd,...ri,...os,...Pi,...ns,...F1,...vd,...as,..._s,...$s,...Yi,...Qi,...ks,...ci,isSafari:Mr,isTouchScreen:o3,setVariable:R}};var Pr=t=>t??W;var j1={contentVerticalPadding:n.create("--ft-page-layout--content-vertical-padding","","SIZE","24px"),contentHorizontalPadding:n.create("--ft-page-layout--content-horizontal-padding","","SIZE","24px")},K1=D`
85
+ `}resolveStatus(){return this.forceStatus?this.forceStatus:this.errorMessages.length?Nr.error:this.warningMessages.length?Nr.warning:Nr.default}processRules(o){return o.map(a=>a(this.value)).filter(a=>a!==!0).map(a=>a)}}return we([C()],e.prototype,"warningRules",void 0),we([C()],e.prototype,"errorRules",void 0),we([C()],e.prototype,"validateOn",void 0),we([C({type:Boolean})],e.prototype,"validateAtRender",void 0),we([C()],e.prototype,"label",void 0),we([C({type:Boolean})],e.prototype,"hideLabel",void 0),we([C()],e.prototype,"name",void 0),we([C({type:Boolean})],e.prototype,"disabled",void 0),we([C()],e.prototype,"helperText",void 0),we([C()],e.prototype,"forceStatus",void 0),we([C({reflect:!0})],e.prototype,"value",void 0),we([se()],e.prototype,"errorMessages",void 0),we([se()],e.prototype,"warningMessages",void 0),we([se()],e.prototype,"status",void 0),we([se()],e.prototype,"focused",void 0),we([se()],e.prototype,"additionalWarningRules",void 0),we([se()],e.prototype,"additionalErrorRules",void 0),e});var nn=(t,e)=>{let r=t._$AN;if(r===void 0)return!1;for(let o of r)o._$AO?.(e,!1),nn(o,e);return!0},ta=t=>{let e,r;do{if((e=t._$AM)===void 0)break;r=e._$AN,r.delete(t),t=e}while(r?.size===0)},W1=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),t3(e)}};function Jp(t){this._$AN!==void 0?(ta(this),this._$AM=t,W1(this)):this._$AM=t}function e3(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++)nn(o[i],!1),ta(o[i]);else o!=null&&(nn(o,!1),ta(o));else nn(this,t)}var t3=t=>{t.type==gt.CHILD&&(t._$AP??=e3,t._$AQ??=Jp)},uo=class extends et{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,r,o){super._$AT(e,r,o),W1(this),this.isConnected=e._$AU}_$AO(e,r=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),r&&(nn(this,e),ta(this))}setValue(e){if(Ll(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 Vs=class extends uo{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 ve}update(e){return this.part=e,this.ensureFocusTrap(e.element),ve}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 Je&&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}},WC=je(Vs);var V1;(function(t){t.sm="sm",t.md="md",t.lg="lg",t.xl="xl"})(V1||(V1={}));var r3={sm:640,md:768,lg:1024,xl:1280},js=class extends uo{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:r3[e]}},ZC=je(js);var Ks,Zs,qs,Ys,Mr=navigator.vendor&&!!navigator.vendor.match(/apple/i)||((qs=(Zs=(Ks=window.safari)===null||Ks===void 0?void 0:Ks.pushNotification)===null||Zs===void 0?void 0:Zs.toString())!==null&&qs!==void 0?qs:"")==="[object SafariRemoteNotification]",o3="ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0;window.ftGlobals=(Ys=window.ftGlobals)!==null&&Ys!==void 0?Ys:{lit:ja,litDecorators:Ka,litRepeat:Za,litClassMap:qa,litStyleMap:Ya,litUnsafeHTML:Xa,wcUtils:{...ii,...Ja,...fi,...Us,...ui,...pi,...Mi,...ai,...Zi,...Fs,...H1,...Ms,...qi,...Ni,...es,...Ds,...Ji,...Gs,...yd,...ri,...os,...Pi,...ns,...F1,...vd,...as,..._s,...$s,...Yi,...Qi,...ks,...ci,isSafari:Mr,isTouchScreen:o3,setVariable:R}};var Pr=t=>t??W;var j1={contentVerticalPadding:n.create("--ft-page-layout--content-vertical-padding","","SIZE","24px"),contentHorizontalPadding:n.create("--ft-page-layout--content-horizontal-padding","","SIZE","24px")},K1=D`
86
86
  :host {
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-page-layout",
3
- "version": "2.0.23",
3
+ "version": "2.0.24",
4
4
  "description": "A page layout component",
5
5
  "keywords": [
6
6
  "Lit"
@@ -20,15 +20,15 @@
20
20
  },
21
21
  "dependencies": {
22
22
  "@fluid-topics/design-system-variables": "3.2.8",
23
- "@fluid-topics/ft-chip": "2.0.23",
24
- "@fluid-topics/ft-link": "2.0.23",
25
- "@fluid-topics/ft-popover": "2.0.23",
26
- "@fluid-topics/ft-typography": "2.0.23",
27
- "@fluid-topics/ft-wc-utils": "2.0.23",
23
+ "@fluid-topics/ft-chip": "2.0.24",
24
+ "@fluid-topics/ft-link": "2.0.24",
25
+ "@fluid-topics/ft-popover": "2.0.24",
26
+ "@fluid-topics/ft-typography": "2.0.24",
27
+ "@fluid-topics/ft-wc-utils": "2.0.24",
28
28
  "lit": "3.1.0"
29
29
  },
30
30
  "devDependencies": {
31
- "@fluid-topics/ft-wc-test-utils": "2.0.23"
31
+ "@fluid-topics/ft-wc-test-utils": "2.0.24"
32
32
  },
33
- "gitHead": "e441ae21f5027730992e39b7dc728ac0f7b17dc0"
33
+ "gitHead": "5407e83b63be10ccc5bdeb3551c9f798b9559ae0"
34
34
  }