@fluid-topics/ftds-chip-group 2.2.0 → 2.2.1

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.
@@ -2323,7 +2323,7 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
2323
2323
  .hidden {
2324
2324
  display: none;
2325
2325
  }
2326
- `;var Li=x(Et());var J=function(e,t,o,n){var a=arguments.length,i=a<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,o):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,o,n);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(i=(a<3?s(i):a>3?s(t,o,i):s(t,o))||i);return a>3&&i&&Object.defineProperty(t,o,i),i},B=class extends Lr.FtLitElement{constructor(){super(...arguments),this.closeButtonLabel="close info",this.openButtonIcon=p.CIRCLE_QUESTION,this.openButtonIconVariant=u.regular,this.openButtonLabel="more info",this.openButtonTooltipPosition="bottom",this.opened=!1,this.hidden=!1,this.openButtonSize=pe.medium,this.openButtonFamily=it.info,this.isTriggerSlotAssigned=!1,this.heading="",this.margins=uo.default,this.wrapperId="ftds-popover-wrapper",this.headingId="ftds-popover-heading",this.contentId="ftds-popover-content",this.maxWidth=V.maxWidth,this.onTriggerSlotChange=()=>{var t,o;let n=(o=(t=this.triggerSlot)===null||t===void 0?void 0:t.assignedElements())!==null&&o!==void 0?o:[];this.isTriggerSlotAssigned=n.length>0},this.onTriggerKeydown=t=>{(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this.open())},this.watchFocusIn=t=>{this.popoverWrapper&&!t.composedPath().includes(this.popoverWrapper)&&this.close()},this.watchEscapeKey=t=>{var o;t.key==="Escape"&&(this.close(),(o=this.openingElement)===null||o===void 0||o.focus())}}get openingElement(){var t;let o=(t=this.triggerSlot)===null||t===void 0?void 0:t.assignedElements();return o?.length&&o[0]instanceof HTMLElement?o[0]:this.openingButton}render(){let t={opened:this.opened};return this.hidden?Me.nothing:Me.html`
2326
+ `;var Li=x(Et());var J=function(e,t,o,n){var a=arguments.length,i=a<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,o):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,o,n);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(i=(a<3?s(i):a>3?s(t,o,i):s(t,o))||i);return a>3&&i&&Object.defineProperty(t,o,i),i},B=class extends Lr.FtLitElement{constructor(){super(...arguments),this.closeButtonLabel="close info",this.openButtonIcon=p.QUESTION,this.openButtonIconVariant=u.solid,this.openButtonLabel="more info",this.openButtonTooltipPosition="bottom",this.opened=!1,this.hidden=!1,this.openButtonSize=pe.small,this.openButtonFamily=it.info,this.isTriggerSlotAssigned=!1,this.heading="",this.margins=uo.default,this.wrapperId="ftds-popover-wrapper",this.headingId="ftds-popover-heading",this.contentId="ftds-popover-content",this.maxWidth=V.maxWidth,this.onTriggerSlotChange=()=>{var t,o;let n=(o=(t=this.triggerSlot)===null||t===void 0?void 0:t.assignedElements())!==null&&o!==void 0?o:[];this.isTriggerSlotAssigned=n.length>0},this.onTriggerKeydown=t=>{(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this.open())},this.watchFocusIn=t=>{this.popoverWrapper&&!t.composedPath().includes(this.popoverWrapper)&&this.close()},this.watchEscapeKey=t=>{var o;t.key==="Escape"&&(this.close(),(o=this.openingElement)===null||o===void 0||o.focus())}}get openingElement(){var t;let o=(t=this.triggerSlot)===null||t===void 0?void 0:t.assignedElements();return o?.length&&o[0]instanceof HTMLElement?o[0]:this.openingButton}render(){let t={opened:this.opened};return this.hidden?Me.nothing:Me.html`
2327
2327
  <div part="root-container" class="${(0,Li.classMap)(t)}">
2328
2328
  <slot name="trigger"
2329
2329
  @slotchange=${this.onTriggerSlotChange}
@@ -2349,6 +2349,7 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
2349
2349
  </div>
2350
2350
  `:Me.nothing}renderOpeningButton(){return Me.html`
2351
2351
  <ftds-button @focusin=${this.close}
2352
+ secondary
2352
2353
  part="opening-button"
2353
2354
  icon="${this.openButtonIcon}"
2354
2355
  variant="${this.openButtonIconVariant}"
@@ -2403,7 +2403,7 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
2403
2403
  .hidden {
2404
2404
  display: none;
2405
2405
  }
2406
- `;var se=function(t,e,r,o){var a=arguments.length,i=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,r):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,r,o);else for(var c=t.length-1;c>=0;c--)(s=t[c])&&(i=(a<3?s(i):a>3?s(e,r,i):s(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Y=class extends Z{constructor(){super(...arguments),this.closeButtonLabel="close info",this.openButtonIcon=h.CIRCLE_QUESTION,this.openButtonIconVariant=p.regular,this.openButtonLabel="more info",this.openButtonTooltipPosition="bottom",this.opened=!1,this.hidden=!1,this.openButtonSize=pe.medium,this.openButtonFamily=xe.info,this.isTriggerSlotAssigned=!1,this.heading="",this.margins=Vo.default,this.wrapperId="ftds-popover-wrapper",this.headingId="ftds-popover-heading",this.contentId="ftds-popover-content",this.maxWidth=J.maxWidth,this.onTriggerSlotChange=()=>{var e,r;let o=(r=(e=this.triggerSlot)===null||e===void 0?void 0:e.assignedElements())!==null&&r!==void 0?r:[];this.isTriggerSlotAssigned=o.length>0},this.onTriggerKeydown=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.open())},this.watchFocusIn=e=>{this.popoverWrapper&&!e.composedPath().includes(this.popoverWrapper)&&this.close()},this.watchEscapeKey=e=>{var r;e.key==="Escape"&&(this.close(),(r=this.openingElement)===null||r===void 0||r.focus())}}get openingElement(){var e;let r=(e=this.triggerSlot)===null||e===void 0?void 0:e.assignedElements();return r?.length&&r[0]instanceof HTMLElement?r[0]:this.openingButton}render(){let e={opened:this.opened};return this.hidden?j:$`
2406
+ `;var se=function(t,e,r,o){var a=arguments.length,i=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,r):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,r,o);else for(var c=t.length-1;c>=0;c--)(s=t[c])&&(i=(a<3?s(i):a>3?s(e,r,i):s(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Y=class extends Z{constructor(){super(...arguments),this.closeButtonLabel="close info",this.openButtonIcon=h.QUESTION,this.openButtonIconVariant=p.solid,this.openButtonLabel="more info",this.openButtonTooltipPosition="bottom",this.opened=!1,this.hidden=!1,this.openButtonSize=pe.small,this.openButtonFamily=xe.info,this.isTriggerSlotAssigned=!1,this.heading="",this.margins=Vo.default,this.wrapperId="ftds-popover-wrapper",this.headingId="ftds-popover-heading",this.contentId="ftds-popover-content",this.maxWidth=J.maxWidth,this.onTriggerSlotChange=()=>{var e,r;let o=(r=(e=this.triggerSlot)===null||e===void 0?void 0:e.assignedElements())!==null&&r!==void 0?r:[];this.isTriggerSlotAssigned=o.length>0},this.onTriggerKeydown=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.open())},this.watchFocusIn=e=>{this.popoverWrapper&&!e.composedPath().includes(this.popoverWrapper)&&this.close()},this.watchEscapeKey=e=>{var r;e.key==="Escape"&&(this.close(),(r=this.openingElement)===null||r===void 0||r.focus())}}get openingElement(){var e;let r=(e=this.triggerSlot)===null||e===void 0?void 0:e.assignedElements();return r?.length&&r[0]instanceof HTMLElement?r[0]:this.openingButton}render(){let e={opened:this.opened};return this.hidden?j:$`
2407
2407
  <div part="root-container" class="${Ce(e)}">
2408
2408
  <slot name="trigger"
2409
2409
  @slotchange=${this.onTriggerSlotChange}
@@ -2429,6 +2429,7 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
2429
2429
  </div>
2430
2430
  `:j}renderOpeningButton(){return $`
2431
2431
  <ftds-button @focusin=${this.close}
2432
+ secondary
2432
2433
  part="opening-button"
2433
2434
  icon="${this.openButtonIcon}"
2434
2435
  variant="${this.openButtonIconVariant}"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluid-topics/ftds-chip-group",
3
- "version": "2.2.0",
3
+ "version": "2.2.1",
4
4
  "description": "A generic Fluid Topics chip",
5
5
  "keywords": [
6
6
  "Lit"
@@ -20,18 +20,18 @@
20
20
  },
21
21
  "dependencies": {
22
22
  "@fluid-topics/design-system-variables": "3.6.0",
23
- "@fluid-topics/ft-i18n": "2.2.0",
24
- "@fluid-topics/ft-tooltip": "2.2.0",
25
- "@fluid-topics/ft-wc-utils": "2.2.0",
26
- "@fluid-topics/ftds-button": "2.2.0",
27
- "@fluid-topics/ftds-chip": "2.2.0",
28
- "@fluid-topics/ftds-icon": "2.2.0",
29
- "@fluid-topics/ftds-popover": "2.2.0",
30
- "@fluid-topics/ftds-typography": "2.2.0",
23
+ "@fluid-topics/ft-i18n": "2.2.1",
24
+ "@fluid-topics/ft-tooltip": "2.2.1",
25
+ "@fluid-topics/ft-wc-utils": "2.2.1",
26
+ "@fluid-topics/ftds-button": "2.2.1",
27
+ "@fluid-topics/ftds-chip": "2.2.1",
28
+ "@fluid-topics/ftds-icon": "2.2.1",
29
+ "@fluid-topics/ftds-popover": "2.2.1",
30
+ "@fluid-topics/ftds-typography": "2.2.1",
31
31
  "lit": "3.3.3"
32
32
  },
33
33
  "devDependencies": {
34
- "@fluid-topics/ft-wc-test-utils": "2.2.0"
34
+ "@fluid-topics/ft-wc-test-utils": "2.2.1"
35
35
  },
36
- "gitHead": "524448c19965dfe37c04bfb9a6d0e7d084fa12ce"
36
+ "gitHead": "25fd63f06bb81a168e9dbd9356d8e3d86a925ad9"
37
37
  }