@fluid-topics/ftds-chip-group 2.2.8 → 2.2.10

package/build/ftds-chip-group.light.js

@@ -2361,11 +2361,15 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
             <ftds-button @focusin=${this.close}
                          secondary
                          part="opening-button"
-                         icon="${this.openButtonIcon}"
-                         variant="${this.openButtonIconVariant}"
-                         size="${this.openButtonSize}" family="${this.openButtonFamily}"
-                         label="${this.openButtonLabel}" tooltipposition="${this.openButtonTooltipPosition}"
-                         aria-haspopup="true" aria-expanded="${this.opened}" aria-controls="${this.wrapperId}"
+                         .icon=${this.openButtonIcon}
+                         .iconVariant=${this.openButtonIconVariant}
+                         .family=${this.openButtonFamily}
+                         .label=${this.openButtonLabel}
+                         .tooltipPosition=${this.openButtonTooltipPosition}
+                         size="${this.openButtonSize}"
+                         aria-haspopup="true"
+                         aria-expanded="${this.opened}"
+                         aria-controls="${this.wrapperId}"
                          @click=${this.open}>
             </ftds-button>
         `}renderClosingButton(){return ze.html`
@@ -2400,7 +2404,7 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
             <div part="popover-sections">
                 <slot name="sections" part="popover-sections-slot"></slot>
             </div>
-        `}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`
+        `}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`
     .ftds-popover-section--heading ftds-typography {
         flex-grow: 1;
         flex-shrink: 1;

package/build/ftds-chip-group.min.js

@@ -2441,11 +2441,15 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
             <ftds-button @focusin=${this.close}
                          secondary
                          part="opening-button"
-                         icon="${this.openButtonIcon}"
-                         variant="${this.openButtonIconVariant}"
-                         size="${this.openButtonSize}" family="${this.openButtonFamily}"
-                         label="${this.openButtonLabel}" tooltipposition="${this.openButtonTooltipPosition}"
-                         aria-haspopup="true" aria-expanded="${this.opened}" aria-controls="${this.wrapperId}"
+                         .icon=${this.openButtonIcon}
+                         .iconVariant=${this.openButtonIconVariant}
+                         .family=${this.openButtonFamily}
+                         .label=${this.openButtonLabel}
+                         .tooltipPosition=${this.openButtonTooltipPosition}
+                         size="${this.openButtonSize}"
+                         aria-haspopup="true"
+                         aria-expanded="${this.opened}"
+                         aria-controls="${this.wrapperId}"
                          @click=${this.open}>
             </ftds-button>
         `}renderClosingButton(){return $`
@@ -2480,7 +2484,7 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
             <div part="popover-sections">
                 <slot name="sections" part="popover-sections-slot"></slot>
             </div>
-        `}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`
+        `}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`
     .ftds-popover-section--heading ftds-typography {
         flex-grow: 1;
         flex-shrink: 1;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fluid-topics/ftds-chip-group",
-    "version": "2.2.8",
+    "version": "2.2.10",
     "description": "A generic Fluid Topics chip",
     "keywords": [
         "Lit"
@@ -20,18 +20,18 @@
     },
     "dependencies": {
         "@fluid-topics/design-system-variables": "3.8.0",
-        "@fluid-topics/ft-i18n": "2.2.8",
-        "@fluid-topics/ft-tooltip": "2.2.8",
-        "@fluid-topics/ft-wc-utils": "2.2.8",
-        "@fluid-topics/ftds-button": "2.2.8",
-        "@fluid-topics/ftds-chip": "2.2.8",
-        "@fluid-topics/ftds-icon": "2.2.8",
-        "@fluid-topics/ftds-popover": "2.2.8",
-        "@fluid-topics/ftds-typography": "2.2.8",
+        "@fluid-topics/ft-i18n": "2.2.10",
+        "@fluid-topics/ft-tooltip": "2.2.10",
+        "@fluid-topics/ft-wc-utils": "2.2.10",
+        "@fluid-topics/ftds-button": "2.2.10",
+        "@fluid-topics/ftds-chip": "2.2.10",
+        "@fluid-topics/ftds-icon": "2.2.10",
+        "@fluid-topics/ftds-popover": "2.2.10",
+        "@fluid-topics/ftds-typography": "2.2.10",
         "lit": "3.3.3"
     },
     "devDependencies": {
-        "@fluid-topics/ft-wc-test-utils": "2.2.8"
+        "@fluid-topics/ft-wc-test-utils": "2.2.10"
     },
-    "gitHead": "ab4f238ee886c127d570b5c97eaff3c945ad2561"
+    "gitHead": "6d512a5adc05ec93a10f0c7cafd20a6ebb5adfee"
 }