@fluid-topics/ft-chip 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?fr.error:this.warningMessages.length?fr.warning:fr.default}processRules(o){return o.map(a=>a(this.value)).filter(a=>a!==!0).map(a=>a)}}return ve([A()],e.prototype,"warningRules",void 0),ve([A()],e.prototype,"errorRules",void 0),ve([A()],e.prototype,"validateOn",void 0),ve([A({type:Boolean})],e.prototype,"validateAtRender",void 0),ve([A()],e.prototype,"label",void 0),ve([A({type:Boolean})],e.prototype,"hideLabel",void 0),ve([A()],e.prototype,"name",void 0),ve([A({type:Boolean})],e.prototype,"disabled",void 0),ve([A()],e.prototype,"helperText",void 0),ve([A()],e.prototype,"forceStatus",void 0),ve([A({reflect:!0})],e.prototype,"value",void 0),ve([le()],e.prototype,"errorMessages",void 0),ve([le()],e.prototype,"warningMessages",void 0),ve([le()],e.prototype,"status",void 0),ve([le()],e.prototype,"focused",void 0),ve([le()],e.prototype,"additionalWarningRules",void 0),ve([le()],e.prototype,"additionalErrorRules",void 0),e});var Do=(t,e)=>{let r=t._$AN;if(r===void 0)return!1;for(let o of r)o._$AO?.(e,!1),Do(o,e);return!0},Dn=t=>{let e,r;do{if((e=t._$AM)===void 0)break;r=e._$AN,r.delete(t),t=e}while(r?.size===0)},A2=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),Pp(e)}};function Np(t){this._$AN!==void 0?(Dn(this),this._$AM=t,A2(this)):this._$AM=t}function Mp(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++)Do(o[i],!1),Dn(o[i]);else o!=null&&(Do(o,!1),Dn(o));else Do(this,t)}var Pp=t=>{t.type==st.CHILD&&(t._$AP??=Mp,t._$AQ??=Np)},Gr=class extends Be{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,r,o){super._$AT(e,r,o),A2(this),this.isConnected=e._$AU}_$AO(e,r=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),r&&(Do(this,e),Dn(this))}setValue(e){if(nl(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 As=class extends Gr{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 pe}update(e){return this.part=e,this.isElementTrappable(e.element)&&this.createFocusTrap(e.element),pe}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 Ue&&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}},CC=Ne(As);var L2;(function(t){t.sm="sm",t.md="md",t.lg="lg",t.xl="xl"})(L2||(L2={}));var kp={sm:640,md:768,lg:1024,xl:1280},Ls=class extends Gr{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??(()=>X);return this.size>a?r():i()}resolveThreshold(e){return typeof e=="number"?e:kp[e]}},OC=Ne(Ls);var Os,Rs,ws,_s,Uo=navigator.vendor&&!!navigator.vendor.match(/apple/i)||((ws=(Rs=(Os=window.safari)===null||Os===void 0?void 0:Os.pushNotification)===null||Rs===void 0?void 0:Rs.toString())!==null&&ws!==void 0?ws:"")==="[object SafariRemoteNotification]",Ip="ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0;window.ftGlobals=(_s=window.ftGlobals)!==null&&_s!==void 0?_s:{lit:La,litDecorators:Ra,litRepeat:wa,litClassMap:_a,litStyleMap:Ta,litUnsafeHTML:Na,wcUtils:{...$a,...Pa,...Va,...ys,...ja,...Ka,...ui,...Ba,...Ri,...Ss,...S2,...fs,...wi,...fi,...Pi,...gs,...Mi,...Cs,...Xl,...za,...zi,...pi,...Di,...C2,...Jl,...Ui,...cs,...vs,..._i,...Ni,...ps,...Fa,isSafari:Uo,isTouchScreen:Ip,setVariable:w}};var O2=n.extend("--ft-ripple-color","",Z.colorContent),P={color:O2,backgroundColor:n.extend("--ft-ripple-background-color","",O2),opacityContentOnSurfacePressed:n.external(Z.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:n.external(Z.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:n.external(Z.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:n.external(Z.opacityContentOnSurfaceSelected,"Design system"),borderRadius:n.create("--ft-ripple-border-radius","","SIZE","0px")},R2=n.extend("--ft-ripple-color","",Z.colorPrimary),w2={color:R2,backgroundColor:n.extend("--ft-ripple-background-color","",R2)},_2=n.extend("--ft-ripple-color","",Z.colorSecondary),T2={color:_2,backgroundColor:n.extend("--ft-ripple-background-color","",_2)},N2=U`
85
+ `}resolveStatus(){return this.forceStatus?this.forceStatus:this.errorMessages.length?fr.error:this.warningMessages.length?fr.warning:fr.default}processRules(o){return o.map(a=>a(this.value)).filter(a=>a!==!0).map(a=>a)}}return ve([A()],e.prototype,"warningRules",void 0),ve([A()],e.prototype,"errorRules",void 0),ve([A()],e.prototype,"validateOn",void 0),ve([A({type:Boolean})],e.prototype,"validateAtRender",void 0),ve([A()],e.prototype,"label",void 0),ve([A({type:Boolean})],e.prototype,"hideLabel",void 0),ve([A()],e.prototype,"name",void 0),ve([A({type:Boolean})],e.prototype,"disabled",void 0),ve([A()],e.prototype,"helperText",void 0),ve([A()],e.prototype,"forceStatus",void 0),ve([A({reflect:!0})],e.prototype,"value",void 0),ve([le()],e.prototype,"errorMessages",void 0),ve([le()],e.prototype,"warningMessages",void 0),ve([le()],e.prototype,"status",void 0),ve([le()],e.prototype,"focused",void 0),ve([le()],e.prototype,"additionalWarningRules",void 0),ve([le()],e.prototype,"additionalErrorRules",void 0),e});var Do=(t,e)=>{let r=t._$AN;if(r===void 0)return!1;for(let o of r)o._$AO?.(e,!1),Do(o,e);return!0},Dn=t=>{let e,r;do{if((e=t._$AM)===void 0)break;r=e._$AN,r.delete(t),t=e}while(r?.size===0)},A2=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),Pp(e)}};function Np(t){this._$AN!==void 0?(Dn(this),this._$AM=t,A2(this)):this._$AM=t}function Mp(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++)Do(o[i],!1),Dn(o[i]);else o!=null&&(Do(o,!1),Dn(o));else Do(this,t)}var Pp=t=>{t.type==st.CHILD&&(t._$AP??=Mp,t._$AQ??=Np)},Gr=class extends Be{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,r,o){super._$AT(e,r,o),A2(this),this.isConnected=e._$AU}_$AO(e,r=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),r&&(Do(this,e),Dn(this))}setValue(e){if(nl(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 As=class extends Gr{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 pe}update(e){return this.part=e,this.ensureFocusTrap(e.element),pe}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 Ue&&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}},CC=Ne(As);var L2;(function(t){t.sm="sm",t.md="md",t.lg="lg",t.xl="xl"})(L2||(L2={}));var kp={sm:640,md:768,lg:1024,xl:1280},Ls=class extends Gr{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??(()=>X);return this.size>a?r():i()}resolveThreshold(e){return typeof e=="number"?e:kp[e]}},OC=Ne(Ls);var Os,Rs,ws,_s,Uo=navigator.vendor&&!!navigator.vendor.match(/apple/i)||((ws=(Rs=(Os=window.safari)===null||Os===void 0?void 0:Os.pushNotification)===null||Rs===void 0?void 0:Rs.toString())!==null&&ws!==void 0?ws:"")==="[object SafariRemoteNotification]",Ip="ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0;window.ftGlobals=(_s=window.ftGlobals)!==null&&_s!==void 0?_s:{lit:La,litDecorators:Ra,litRepeat:wa,litClassMap:_a,litStyleMap:Ta,litUnsafeHTML:Na,wcUtils:{...$a,...Pa,...Va,...ys,...ja,...Ka,...ui,...Ba,...Ri,...Ss,...S2,...fs,...wi,...fi,...Pi,...gs,...Mi,...Cs,...Xl,...za,...zi,...pi,...Di,...C2,...Jl,...Ui,...cs,...vs,..._i,...Ni,...ps,...Fa,isSafari:Uo,isTouchScreen:Ip,setVariable:w}};var O2=n.extend("--ft-ripple-color","",Z.colorContent),P={color:O2,backgroundColor:n.extend("--ft-ripple-background-color","",O2),opacityContentOnSurfacePressed:n.external(Z.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:n.external(Z.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:n.external(Z.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:n.external(Z.opacityContentOnSurfaceSelected,"Design system"),borderRadius:n.create("--ft-ripple-border-radius","","SIZE","0px")},R2=n.extend("--ft-ripple-color","",Z.colorPrimary),w2={color:R2,backgroundColor:n.extend("--ft-ripple-background-color","",R2)},_2=n.extend("--ft-ripple-color","",Z.colorSecondary),T2={color:_2,backgroundColor:n.extend("--ft-ripple-background-color","",_2)},N2=U`
86
86
  :host {
87
87
  display: contents;
88
88
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluid-topics/ft-chip",
3
- "version": "2.0.23",
3
+ "version": "2.0.24",
4
4
  "description": "A generic Fluid Topics chip",
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-icon": "2.0.23",
24
- "@fluid-topics/ft-ripple": "2.0.23",
25
- "@fluid-topics/ft-typography": "2.0.23",
26
- "@fluid-topics/ft-wc-utils": "2.0.23",
23
+ "@fluid-topics/ft-icon": "2.0.24",
24
+ "@fluid-topics/ft-ripple": "2.0.24",
25
+ "@fluid-topics/ft-typography": "2.0.24",
26
+ "@fluid-topics/ft-wc-utils": "2.0.24",
27
27
  "lit": "3.1.0"
28
28
  },
29
- "gitHead": "e441ae21f5027730992e39b7dc728ac0f7b17dc0"
29
+ "gitHead": "5407e83b63be10ccc5bdeb3551c9f798b9559ae0"
30
30
  }