@fluid-topics/ftds-chip-group 2.2.7 → 2.2.9

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.
@@ -2333,7 +2333,7 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
2333
2333
  .hidden {
2334
2334
  display: none;
2335
2335
  }
2336
- `;var Ai=v(Et());var te=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},$=class extends wr.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.openButtonFamily=it.info,this.isTriggerSlotAssigned=!1,this.heading="",this.margins=mo.default,this.wrapperId="ftds-popover-wrapper",this.headingId="ftds-popover-heading",this.contentId="ftds-popover-content",this.maxWidth=V.maxWidth,this.openButtonSize=he.small,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?ze.nothing:ze.html`
2336
+ `;var Ai=v(Et());var te=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},$=class extends wr.FtLitElement{constructor(){super(...arguments),this.closeButtonLabel="close info",this.openButtonIcon=p.QUESTION,this.openButtonIconVariant=u.regular,this.openButtonLabel="more info",this.openButtonTooltipPosition="bottom",this.opened=!1,this.hidden=!1,this.openButtonFamily=it.info,this.isTriggerSlotAssigned=!1,this.heading="",this.margins=mo.default,this.wrapperId="ftds-popover-wrapper",this.headingId="ftds-popover-heading",this.contentId="ftds-popover-content",this.maxWidth=V.maxWidth,this.openButtonSize=he.small,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?ze.nothing:ze.html`
2337
2337
  <div part="root-container" class="${(0,Ai.classMap)(t)}">
2338
2338
  <slot name="trigger"
2339
2339
  @slotchange=${this.onTriggerSlotChange}
@@ -2361,11 +2361,15 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
2361
2361
  <ftds-button @focusin=${this.close}
2362
2362
  secondary
2363
2363
  part="opening-button"
2364
- icon="${this.openButtonIcon}"
2365
- variant="${this.openButtonIconVariant}"
2366
- size="${this.openButtonSize}" family="${this.openButtonFamily}"
2367
- label="${this.openButtonLabel}" tooltipposition="${this.openButtonTooltipPosition}"
2368
- aria-haspopup="true" aria-expanded="${this.opened}" aria-controls="${this.wrapperId}"
2364
+ .icon=${this.openButtonIcon}
2365
+ .iconVariant=${this.openButtonIconVariant}
2366
+ .family=${this.openButtonFamily}
2367
+ .label=${this.openButtonLabel}
2368
+ .tooltipPosition=${this.openButtonTooltipPosition}
2369
+ size="${this.openButtonSize}"
2370
+ aria-haspopup="true"
2371
+ aria-expanded="${this.opened}"
2372
+ aria-controls="${this.wrapperId}"
2369
2373
  @click=${this.open}>
2370
2374
  </ftds-button>
2371
2375
  `}renderClosingButton(){return ze.html`
@@ -2400,7 +2404,7 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
2400
2404
  <div part="popover-sections">
2401
2405
  <slot name="sections" part="popover-sections-slot"></slot>
2402
2406
  </div>
2403
- `}hideUnusedSlots(){var t,o,n;(t=this.popoverLinkTypography)===null||t===void 0||t.classList.toggle("hidden",this.hasEmptySlot(this.slottedLinkContent)),(o=this.popoverContentDiv)===null||o===void 0||o.classList.toggle("hidden",this.hasEmptySlot(this.popoverContentSlot)),(n=this.popoverSectionsDiv)===null||n===void 0||n.classList.toggle("hidden",this.hasEmptySlot(this.popoverSectionsSlot))}hasEmptySlot(t){return(0,wr.unslotText)(t).trim().length===0}updated(t){super.updated(t),t.has("opened")&&(this.opened?setTimeout(()=>{this.positionWrapper(),document.addEventListener("keydown",this.watchEscapeKey),document.addEventListener("focusin",this.watchFocusIn)},0):(document.removeEventListener("keydown",this.watchEscapeKey),document.removeEventListener("focusin",this.watchFocusIn)))}close(){this.opened=!1,this.dispatchEvent(new CustomEvent("opened-changed",{detail:{opened:!1}}))}open(){this.opened=!0,this.dispatchEvent(new CustomEvent("opened-changed",{detail:{opened:!0}}))}closeAndFocusOpeningButton(){var t;this.close(),(t=this.openingElement)===null||t===void 0||t.focus(),window.FluidTopicsA11yHints.isKeyboardNavigation&&this.openingElement instanceof F&&this.openingElement.showTooltip()}async positionWrapper(){var t,o;if(this.popoverWrapper){if(this.popoverWrapper.classList.remove("positioned"),this.popoverWrapper.style.left="",this.popoverWrapper.style.top="",this.openingElement){let i={placement:"bottom-start",allowedPlacements:["bottom-start","right-start","bottom-end","right-end","left-start","left-end","top-start","top-end"],maxWidthCssVariable:this.maxWidth},{x:s,y:l}=await(0,wr.computeOffsetAutoPosition)(this.openingElement,this.popoverWrapper,i);this.popoverWrapper.style.left=`${s}px`,this.popoverWrapper.style.top=`${l}px`}this.popoverWrapper.classList.add("positioned")}this.hideUnusedSlots(),(t=this.closingButton)===null||t===void 0||t.focus(),window.FluidTopicsA11yHints.isKeyboardNavigation&&((o=this.closingButton)===null||o===void 0||o.showTooltip())}};$.styles=Y0;$.elementDefinitions={"ftds-typography":de,"ftds-button":F};te([(0,Z.property)()],$.prototype,"closeButtonLabel",void 0);te([(0,Z.property)()],$.prototype,"openButtonIcon",void 0);te([(0,Z.property)()],$.prototype,"openButtonIconVariant",void 0);te([(0,Z.property)()],$.prototype,"openButtonLabel",void 0);te([(0,Z.property)()],$.prototype,"openButtonTooltipPosition",void 0);te([(0,Z.property)({type:Boolean})],$.prototype,"opened",void 0);te([(0,Z.property)({type:Boolean})],$.prototype,"hidden",void 0);te([(0,Z.property)({type:it})],$.prototype,"openButtonFamily",void 0);te([(0,Z.state)()],$.prototype,"isTriggerSlotAssigned",void 0);te([(0,Z.property)()],$.prototype,"heading",void 0);te([(0,Z.property)()],$.prototype,"margins",void 0);te([(0,Z.query)('[part="wrapper"]')],$.prototype,"popoverWrapper",void 0);te([(0,Z.query)('slot[name="trigger"]')],$.prototype,"triggerSlot",void 0);te([(0,Z.query)('[part="opening-button"]')],$.prototype,"openingButton",void 0);te([(0,Z.query)('[part="closing-button"]')],$.prototype,"closingButton",void 0);te([(0,Z.query)('[part="content"]')],$.prototype,"popoverContentDiv",void 0);te([(0,Z.query)('[part="popover-content-slot"]')],$.prototype,"popoverContentSlot",void 0);te([(0,Z.query)('[part="popover-link"]')],$.prototype,"slottedLinkContent",void 0);te([(0,Z.query)('[part="popover-link-typography"]')],$.prototype,"popoverLinkTypography",void 0);te([(0,Z.query)('[part="popover-sections"]')],$.prototype,"popoverSectionsDiv",void 0);te([(0,Z.query)('[part="popover-sections-slot"]')],$.prototype,"popoverSectionsSlot",void 0);var ho=v(H()),go=v(ae()),Bn=v(P());var X0=v(H());var Q0=X0.css`
2407
+ `}hideUnusedSlots(){var t,o,n;(t=this.popoverLinkTypography)===null||t===void 0||t.classList.toggle("hidden",this.hasEmptySlot(this.slottedLinkContent)),(o=this.popoverContentDiv)===null||o===void 0||o.classList.toggle("hidden",this.hasEmptySlot(this.popoverContentSlot)),(n=this.popoverSectionsDiv)===null||n===void 0||n.classList.toggle("hidden",this.hasEmptySlot(this.popoverSectionsSlot))}hasEmptySlot(t){return(0,wr.unslotText)(t).trim().length===0}updated(t){super.updated(t),t.has("opened")&&(this.opened?setTimeout(()=>{this.positionWrapper(),document.addEventListener("keydown",this.watchEscapeKey),document.addEventListener("focusin",this.watchFocusIn)},0):(document.removeEventListener("keydown",this.watchEscapeKey),document.removeEventListener("focusin",this.watchFocusIn)))}close(){this.opened=!1,this.dispatchEvent(new CustomEvent("opened-changed",{detail:{opened:!1}}))}open(){this.opened=!0,this.dispatchEvent(new CustomEvent("opened-changed",{detail:{opened:!0}}))}closeAndFocusOpeningButton(){var t;this.close(),(t=this.openingElement)===null||t===void 0||t.focus(),window.FluidTopicsA11yHints.isKeyboardNavigation&&this.openingElement instanceof F&&this.openingElement.showTooltip()}async positionWrapper(){var t,o;if(this.popoverWrapper){if(this.popoverWrapper.classList.remove("positioned"),this.popoverWrapper.style.left="",this.popoverWrapper.style.top="",this.openingElement){let i={placement:"bottom-start",allowedPlacements:["bottom-start","right-start","bottom-end","right-end","left-start","left-end","top-start","top-end"],maxWidthCssVariable:this.maxWidth},{x:s,y:l}=await(0,wr.computeOffsetAutoPosition)(this.openingElement,this.popoverWrapper,i);this.popoverWrapper.style.left=`${s}px`,this.popoverWrapper.style.top=`${l}px`}this.popoverWrapper.classList.add("positioned")}this.hideUnusedSlots(),(t=this.closingButton)===null||t===void 0||t.focus(),window.FluidTopicsA11yHints.isKeyboardNavigation&&((o=this.closingButton)===null||o===void 0||o.showTooltip())}};$.styles=Y0;$.elementDefinitions={"ftds-typography":de,"ftds-button":F};te([(0,Z.property)()],$.prototype,"closeButtonLabel",void 0);te([(0,Z.property)({type:p})],$.prototype,"openButtonIcon",void 0);te([(0,Z.property)({type:u})],$.prototype,"openButtonIconVariant",void 0);te([(0,Z.property)()],$.prototype,"openButtonLabel",void 0);te([(0,Z.property)()],$.prototype,"openButtonTooltipPosition",void 0);te([(0,Z.property)({type:Boolean})],$.prototype,"opened",void 0);te([(0,Z.property)({type:Boolean})],$.prototype,"hidden",void 0);te([(0,Z.property)({type:it})],$.prototype,"openButtonFamily",void 0);te([(0,Z.state)()],$.prototype,"isTriggerSlotAssigned",void 0);te([(0,Z.property)()],$.prototype,"heading",void 0);te([(0,Z.property)()],$.prototype,"margins",void 0);te([(0,Z.query)('[part="wrapper"]')],$.prototype,"popoverWrapper",void 0);te([(0,Z.query)('slot[name="trigger"]')],$.prototype,"triggerSlot",void 0);te([(0,Z.query)('[part="opening-button"]')],$.prototype,"openingButton",void 0);te([(0,Z.query)('[part="closing-button"]')],$.prototype,"closingButton",void 0);te([(0,Z.query)('[part="content"]')],$.prototype,"popoverContentDiv",void 0);te([(0,Z.query)('[part="popover-content-slot"]')],$.prototype,"popoverContentSlot",void 0);te([(0,Z.query)('[part="popover-link"]')],$.prototype,"slottedLinkContent",void 0);te([(0,Z.query)('[part="popover-link-typography"]')],$.prototype,"popoverLinkTypography",void 0);te([(0,Z.query)('[part="popover-sections"]')],$.prototype,"popoverSectionsDiv",void 0);te([(0,Z.query)('[part="popover-sections-slot"]')],$.prototype,"popoverSectionsSlot",void 0);var ho=v(H()),go=v(ae()),Bn=v(P());var X0=v(H());var Q0=X0.css`
2404
2408
  .ftds-popover-section--heading ftds-typography {
2405
2409
  flex-grow: 1;
2406
2410
  flex-shrink: 1;
@@ -2413,7 +2413,7 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
2413
2413
  .hidden {
2414
2414
  display: none;
2415
2415
  }
2416
- `;var le=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.openButtonFamily=xe.info,this.isTriggerSlotAssigned=!1,this.heading="",this.margins=jo.default,this.wrapperId="ftds-popover-wrapper",this.headingId="ftds-popover-heading",this.contentId="ftds-popover-content",this.maxWidth=J.maxWidth,this.openButtonSize=me.small,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:$`
2416
+ `;var le=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.regular,this.openButtonLabel="more info",this.openButtonTooltipPosition="bottom",this.opened=!1,this.hidden=!1,this.openButtonFamily=xe.info,this.isTriggerSlotAssigned=!1,this.heading="",this.margins=jo.default,this.wrapperId="ftds-popover-wrapper",this.headingId="ftds-popover-heading",this.contentId="ftds-popover-content",this.maxWidth=J.maxWidth,this.openButtonSize=me.small,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:$`
2417
2417
  <div part="root-container" class="${Ce(e)}">
2418
2418
  <slot name="trigger"
2419
2419
  @slotchange=${this.onTriggerSlotChange}
@@ -2441,11 +2441,15 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
2441
2441
  <ftds-button @focusin=${this.close}
2442
2442
  secondary
2443
2443
  part="opening-button"
2444
- icon="${this.openButtonIcon}"
2445
- variant="${this.openButtonIconVariant}"
2446
- size="${this.openButtonSize}" family="${this.openButtonFamily}"
2447
- label="${this.openButtonLabel}" tooltipposition="${this.openButtonTooltipPosition}"
2448
- aria-haspopup="true" aria-expanded="${this.opened}" aria-controls="${this.wrapperId}"
2444
+ .icon=${this.openButtonIcon}
2445
+ .iconVariant=${this.openButtonIconVariant}
2446
+ .family=${this.openButtonFamily}
2447
+ .label=${this.openButtonLabel}
2448
+ .tooltipPosition=${this.openButtonTooltipPosition}
2449
+ size="${this.openButtonSize}"
2450
+ aria-haspopup="true"
2451
+ aria-expanded="${this.opened}"
2452
+ aria-controls="${this.wrapperId}"
2449
2453
  @click=${this.open}>
2450
2454
  </ftds-button>
2451
2455
  `}renderClosingButton(){return $`
@@ -2480,7 +2484,7 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
2480
2484
  <div part="popover-sections">
2481
2485
  <slot name="sections" part="popover-sections-slot"></slot>
2482
2486
  </div>
2483
- `}hideUnusedSlots(){var e,r,o;(e=this.popoverLinkTypography)===null||e===void 0||e.classList.toggle("hidden",this.hasEmptySlot(this.slottedLinkContent)),(r=this.popoverContentDiv)===null||r===void 0||r.classList.toggle("hidden",this.hasEmptySlot(this.popoverContentSlot)),(o=this.popoverSectionsDiv)===null||o===void 0||o.classList.toggle("hidden",this.hasEmptySlot(this.popoverSectionsSlot))}hasEmptySlot(e){return St(e).trim().length===0}updated(e){super.updated(e),e.has("opened")&&(this.opened?setTimeout(()=>{this.positionWrapper(),document.addEventListener("keydown",this.watchEscapeKey),document.addEventListener("focusin",this.watchFocusIn)},0):(document.removeEventListener("keydown",this.watchEscapeKey),document.removeEventListener("focusin",this.watchFocusIn)))}close(){this.opened=!1,this.dispatchEvent(new CustomEvent("opened-changed",{detail:{opened:!1}}))}open(){this.opened=!0,this.dispatchEvent(new CustomEvent("opened-changed",{detail:{opened:!0}}))}closeAndFocusOpeningButton(){var e;this.close(),(e=this.openingElement)===null||e===void 0||e.focus(),window.FluidTopicsA11yHints.isKeyboardNavigation&&this.openingElement instanceof q&&this.openingElement.showTooltip()}async positionWrapper(){var e,r;if(this.popoverWrapper){if(this.popoverWrapper.classList.remove("positioned"),this.popoverWrapper.style.left="",this.popoverWrapper.style.top="",this.openingElement){let i={placement:"bottom-start",allowedPlacements:["bottom-start","right-start","bottom-end","right-end","left-start","left-end","top-start","top-end"],maxWidthCssVariable:this.maxWidth},{x:s,y:c}=await Ti(this.openingElement,this.popoverWrapper,i);this.popoverWrapper.style.left=`${s}px`,this.popoverWrapper.style.top=`${c}px`}this.popoverWrapper.classList.add("positioned")}this.hideUnusedSlots(),(e=this.closingButton)===null||e===void 0||e.focus(),window.FluidTopicsA11yHints.isKeyboardNavigation&&((r=this.closingButton)===null||r===void 0||r.showTooltip())}};Y.styles=f4;Y.elementDefinitions={"ftds-typography":ve,"ftds-button":q};le([E()],Y.prototype,"closeButtonLabel",void 0);le([E()],Y.prototype,"openButtonIcon",void 0);le([E()],Y.prototype,"openButtonIconVariant",void 0);le([E()],Y.prototype,"openButtonLabel",void 0);le([E()],Y.prototype,"openButtonTooltipPosition",void 0);le([E({type:Boolean})],Y.prototype,"opened",void 0);le([E({type:Boolean})],Y.prototype,"hidden",void 0);le([E({type:xe})],Y.prototype,"openButtonFamily",void 0);le([Q()],Y.prototype,"isTriggerSlotAssigned",void 0);le([E()],Y.prototype,"heading",void 0);le([E()],Y.prototype,"margins",void 0);le([X('[part="wrapper"]')],Y.prototype,"popoverWrapper",void 0);le([X('slot[name="trigger"]')],Y.prototype,"triggerSlot",void 0);le([X('[part="opening-button"]')],Y.prototype,"openingButton",void 0);le([X('[part="closing-button"]')],Y.prototype,"closingButton",void 0);le([X('[part="content"]')],Y.prototype,"popoverContentDiv",void 0);le([X('[part="popover-content-slot"]')],Y.prototype,"popoverContentSlot",void 0);le([X('[part="popover-link"]')],Y.prototype,"slottedLinkContent",void 0);le([X('[part="popover-link-typography"]')],Y.prototype,"popoverLinkTypography",void 0);le([X('[part="popover-sections"]')],Y.prototype,"popoverSectionsDiv",void 0);le([X('[part="popover-sections-slot"]')],Y.prototype,"popoverSectionsSlot",void 0);var p4=z`
2487
+ `}hideUnusedSlots(){var e,r,o;(e=this.popoverLinkTypography)===null||e===void 0||e.classList.toggle("hidden",this.hasEmptySlot(this.slottedLinkContent)),(r=this.popoverContentDiv)===null||r===void 0||r.classList.toggle("hidden",this.hasEmptySlot(this.popoverContentSlot)),(o=this.popoverSectionsDiv)===null||o===void 0||o.classList.toggle("hidden",this.hasEmptySlot(this.popoverSectionsSlot))}hasEmptySlot(e){return St(e).trim().length===0}updated(e){super.updated(e),e.has("opened")&&(this.opened?setTimeout(()=>{this.positionWrapper(),document.addEventListener("keydown",this.watchEscapeKey),document.addEventListener("focusin",this.watchFocusIn)},0):(document.removeEventListener("keydown",this.watchEscapeKey),document.removeEventListener("focusin",this.watchFocusIn)))}close(){this.opened=!1,this.dispatchEvent(new CustomEvent("opened-changed",{detail:{opened:!1}}))}open(){this.opened=!0,this.dispatchEvent(new CustomEvent("opened-changed",{detail:{opened:!0}}))}closeAndFocusOpeningButton(){var e;this.close(),(e=this.openingElement)===null||e===void 0||e.focus(),window.FluidTopicsA11yHints.isKeyboardNavigation&&this.openingElement instanceof q&&this.openingElement.showTooltip()}async positionWrapper(){var e,r;if(this.popoverWrapper){if(this.popoverWrapper.classList.remove("positioned"),this.popoverWrapper.style.left="",this.popoverWrapper.style.top="",this.openingElement){let i={placement:"bottom-start",allowedPlacements:["bottom-start","right-start","bottom-end","right-end","left-start","left-end","top-start","top-end"],maxWidthCssVariable:this.maxWidth},{x:s,y:c}=await Ti(this.openingElement,this.popoverWrapper,i);this.popoverWrapper.style.left=`${s}px`,this.popoverWrapper.style.top=`${c}px`}this.popoverWrapper.classList.add("positioned")}this.hideUnusedSlots(),(e=this.closingButton)===null||e===void 0||e.focus(),window.FluidTopicsA11yHints.isKeyboardNavigation&&((r=this.closingButton)===null||r===void 0||r.showTooltip())}};Y.styles=f4;Y.elementDefinitions={"ftds-typography":ve,"ftds-button":q};le([E()],Y.prototype,"closeButtonLabel",void 0);le([E({type:h})],Y.prototype,"openButtonIcon",void 0);le([E({type:p})],Y.prototype,"openButtonIconVariant",void 0);le([E()],Y.prototype,"openButtonLabel",void 0);le([E()],Y.prototype,"openButtonTooltipPosition",void 0);le([E({type:Boolean})],Y.prototype,"opened",void 0);le([E({type:Boolean})],Y.prototype,"hidden",void 0);le([E({type:xe})],Y.prototype,"openButtonFamily",void 0);le([Q()],Y.prototype,"isTriggerSlotAssigned",void 0);le([E()],Y.prototype,"heading",void 0);le([E()],Y.prototype,"margins",void 0);le([X('[part="wrapper"]')],Y.prototype,"popoverWrapper",void 0);le([X('slot[name="trigger"]')],Y.prototype,"triggerSlot",void 0);le([X('[part="opening-button"]')],Y.prototype,"openingButton",void 0);le([X('[part="closing-button"]')],Y.prototype,"closingButton",void 0);le([X('[part="content"]')],Y.prototype,"popoverContentDiv",void 0);le([X('[part="popover-content-slot"]')],Y.prototype,"popoverContentSlot",void 0);le([X('[part="popover-link"]')],Y.prototype,"slottedLinkContent",void 0);le([X('[part="popover-link-typography"]')],Y.prototype,"popoverLinkTypography",void 0);le([X('[part="popover-sections"]')],Y.prototype,"popoverSectionsDiv",void 0);le([X('[part="popover-sections-slot"]')],Y.prototype,"popoverSectionsSlot",void 0);var p4=z`
2484
2488
  .ftds-popover-section--heading ftds-typography {
2485
2489
  flex-grow: 1;
2486
2490
  flex-shrink: 1;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluid-topics/ftds-chip-group",
3
- "version": "2.2.7",
3
+ "version": "2.2.9",
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.8.0",
23
- "@fluid-topics/ft-i18n": "2.2.7",
24
- "@fluid-topics/ft-tooltip": "2.2.7",
25
- "@fluid-topics/ft-wc-utils": "2.2.7",
26
- "@fluid-topics/ftds-button": "2.2.7",
27
- "@fluid-topics/ftds-chip": "2.2.7",
28
- "@fluid-topics/ftds-icon": "2.2.7",
29
- "@fluid-topics/ftds-popover": "2.2.7",
30
- "@fluid-topics/ftds-typography": "2.2.7",
23
+ "@fluid-topics/ft-i18n": "2.2.9",
24
+ "@fluid-topics/ft-tooltip": "2.2.9",
25
+ "@fluid-topics/ft-wc-utils": "2.2.9",
26
+ "@fluid-topics/ftds-button": "2.2.9",
27
+ "@fluid-topics/ftds-chip": "2.2.9",
28
+ "@fluid-topics/ftds-icon": "2.2.9",
29
+ "@fluid-topics/ftds-popover": "2.2.9",
30
+ "@fluid-topics/ftds-typography": "2.2.9",
31
31
  "lit": "3.3.3"
32
32
  },
33
33
  "devDependencies": {
34
- "@fluid-topics/ft-wc-test-utils": "2.2.7"
34
+ "@fluid-topics/ft-wc-test-utils": "2.2.9"
35
35
  },
36
- "gitHead": "dff67505fe1e41bc42e0bdfafc7060ca40f8dc9d"
36
+ "gitHead": "e12bf480f5ee00623f87caff8c918fccae85585c"
37
37
  }