@pine-ds/core 3.4.2 → 3.5.0

package/dist/collection/components/pds-textarea/stories/pds-textarea.stories.js

@@ -11,6 +11,7 @@ export default {
     disabled: false,
     errorMessage: null,
     helperMessage: null,
+    hideLabel: false,
     invalid: false,
     label: null,
     name: null,
@@ -37,18 +38,19 @@ export default {
 
 const BaseTemplate = (args) => html`<pds-textarea
   autocomplete="${args.autocomplete}"
-  clear-on-edit="${args.clearOnEdit}"
+  ?clear-on-edit=${args.clearOnEdit}
   component-id="${args.componentId}"
-  disabled="${args.disabled}"
+  ?disabled=${args.disabled}
   error-message="${args.errorMessage}"
   helper-message="${args.helperMessage}"
-  invalid="${args.invalid}"
+  ?hide-label=${args.hideLabel}
+  ?invalid=${args.invalid}
   label="${args.label}"
   name="${args.name}"
   onChange="${args.onChange}"
   placeholder="${args.placeholder}"
-  readonly="${args.readonly}"
-  required="${args.required}"
+  ?readonly=${args.readonly}
+  ?required=${args.required}
   rows="${args.rows}"
   value="${args.value}"
   data-tooltip-id="foo"
@@ -134,18 +136,19 @@ Autocomplete.args = {
 
 export const withActionLink = (args) => html`<pds-textarea
   autocomplete="${args.autocomplete}"
-  clear-on-edit="${args.clearOnEdit}"
+  ?clear-on-edit=${args.clearOnEdit}
   component-id="pds-textarea-action-link"
-  disabled="${args.disabled}"
+  ?disabled=${args.disabled}
   error-message="${args.errorMessage}"
   helper-message="${args.helperMessage}"
-  invalid="${args.invalid}"
+  ?hide-label=${args.hideLabel}
+  ?invalid=${args.invalid}
   label="Notes"
   name="${args.name}"
   onChange="${args.onChange}"
   placeholder="${args.placeholder}"
-  readonly="${args.readonly}"
-  required="${args.required}"
+  ?readonly=${args.readonly}
+  ?required=${args.required}
   rows="3"
   value="${args.value}"
   data-tooltip-id="foo"
@@ -157,18 +160,19 @@ export const withActionLink = (args) => html`<pds-textarea
 
 export const withActionButton = (args) => html`<pds-textarea
   autocomplete="${args.autocomplete}"
-  clear-on-edit="${args.clearOnEdit}"
+  ?clear-on-edit=${args.clearOnEdit}
   component-id="pds-textarea-action-button"
-  disabled="${args.disabled}"
+  ?disabled=${args.disabled}
   error-message="${args.errorMessage}"
   helper-message="${args.helperMessage}"
-  invalid="${args.invalid}"
+  ?hide-label=${args.hideLabel}
+  ?invalid=${args.invalid}
   label="Description"
   name="${args.name}"
   onChange="${args.onChange}"
   placeholder="${args.placeholder}"
-  readonly="${args.readonly}"
-  required="${args.required}"
+  ?readonly=${args.readonly}
+  ?required=${args.required}
   rows="4"
   value="${args.value}"
   data-tooltip-id="foo"

package/dist/collection/components/pds-toast/stories/pds-toast.stories.js

@@ -18,7 +18,7 @@ export default {
 
 const BaseTemplate = (args) => html`
 <pds-toast
-  .dismissible="${args.dismissible}"
+  ?dismissible=${args.dismissible}
   component-id="${args.componentId}"
   duration="${args.duration}"
   icon="${args.icon || ''}"
@@ -29,7 +29,7 @@ const BaseTemplate = (args) => html`
 
 const WithLinkTemplate = (args) => html`
 <pds-toast
-  .dismissible="${args.dismissible}"
+  ?dismissible=${args.dismissible}
   component-id="${args.componentId}"
   duration="${args.duration}"
   icon="${args.icon || ''}"

package/dist/collection/components/pds-tooltip/pds-tooltip.css

@@ -16,7 +16,6 @@
   max-width: var(--tooltip-dimension-max-width);
   opacity: 0;
   padding: var(--pine-dimension-xs) calc(var(--pine-dimension-md) / 2);
-  position: absolute;
   visibility: hidden;
   width: max-content;
 }

package/dist/collection/components/pds-tooltip/pds-tooltip.js

@@ -1,5 +1,5 @@
 import { Host, h } from "@stencil/core";
-import { positionTooltip } from "../../utils/overlay";
+import { autoUpdate, computePosition, flip, offset, shift, } from "@floating-ui/dom";
 /**
  * @slot (default) - The tooltip's target element
  * @slot content - HTML content for the tooltip
@@ -12,17 +12,13 @@ export class PdsTooltip {
          */
         this._isInteractiveOpen = false;
         this.portalEl = null;
+        this.resolvedPlacement = 'right';
         this.triggerEl = null;
         this.contentDiv = null;
         this.slotMutationObserver = null;
-        this.overlayResizeObserver = null;
         this.currentPathname = '';
         this.pathnameCheckInterval = null;
-        /**
-         * Determines when the tooltip is open
-         * @defaultValue false
-         */
-        this.isOpen = false;
+        this.stopAutoUpdate = null;
         /**
          * Determines whether or not the tooltip has an arrow
          * @defaultValue true
@@ -69,17 +65,6 @@ export class PdsTooltip {
             this.opened = false;
             this._isInteractiveOpen = false;
         };
-        this.handleScroll = () => {
-            if (this.opened) {
-                if (!this._isInteractiveOpen) {
-                    this.repositionPortal();
-                }
-                else {
-                    this.hideTooltip();
-                    this._isInteractiveOpen = false;
-                }
-            }
-        };
         this.handleSpaNavigation = () => {
             if (this.opened && !this._isInteractiveOpen) {
                 return;
@@ -101,6 +86,7 @@ export class PdsTooltip {
     }
     componentWillLoad() {
         this._isInteractiveOpen = false;
+        this.resolvedPlacement = this.placement;
     }
     componentDidLoad() {
         window.addEventListener('pageshow', this.handlePageShow);
@@ -116,12 +102,27 @@ export class PdsTooltip {
             });
             this.slotMutationObserver.observe(contentSlotWrapper, { childList: true, subtree: false });
         }
-        return () => {
-            window.removeEventListener('pageshow', this.handlePageShow);
-            if (this.slotMutationObserver !== null) {
-                this.slotMutationObserver.disconnect();
-            }
-        };
+        // no return; Stencil ignores teardown functions here
+    }
+    disconnectedCallback() {
+        window.removeEventListener('pageshow', this.handlePageShow);
+        if (this.slotMutationObserver !== null) {
+            this.slotMutationObserver.disconnect();
+            this.slotMutationObserver = null;
+        }
+        // Ensure global listeners/intervals are removed if still present
+        if (this.portalEl !== null) {
+            this.removePortal();
+        }
+        if (this.pathnameCheckInterval !== null) {
+            clearInterval(this.pathnameCheckInterval);
+            this.pathnameCheckInterval = null;
+        }
+        // Ensure autoUpdate is stopped if still present
+        if (this.stopAutoUpdate !== null) {
+            this.stopAutoUpdate();
+            this.stopAutoUpdate = null;
+        }
     }
     componentDidRender() {
         if (this.opened && this.portalEl === null) {
@@ -130,6 +131,13 @@ export class PdsTooltip {
         else if (!this.opened && this.portalEl !== null) {
             this.removePortal();
         }
+        // Update portal class when opened state changes
+        if (this.portalEl !== null) {
+            this.portalEl.className = `pds-tooltip pds-tooltip--${this.resolvedPlacement} ${this.htmlContent ? 'pds-tooltip--has-html-content' : ''} ${this.opened ? 'pds-tooltip--is-open' : ''} ${this.hasArrow ? '' : 'pds-tooltip--no-arrow'}`;
+            // Update ARIA attributes to stay in sync with visual open state
+            this.portalEl.setAttribute('aria-hidden', this.opened ? 'false' : 'true');
+            this.portalEl.setAttribute('aria-live', this.opened ? 'polite' : 'off');
+        }
     }
     /**
      * Shows the tooltip by enabling the opened property
@@ -166,37 +174,35 @@ export class PdsTooltip {
         return positioningAnchor;
     }
     /**
-     * Centralized method to calculate and apply the tooltip's position.
-     * Uses the determined anchor element and the current content dimensions.
+     * Centralized method to calculate and apply the tooltip's position using floating UI.
+     * Uses the determined anchor element and applies computePosition with flip, offset, and shift.
      */
-    repositionPortal() {
+    async repositionPortal() {
         const anchor = this.determinePositioningAnchor();
-        if (anchor !== null && this.contentDiv !== null) {
-            positionTooltip({ elem: anchor, elemPlacement: this.placement, overlay: this.contentDiv });
-            const placementParts = this.placement.split('-');
-            const primaryPlacement = placementParts[0];
-            const isCardinalCenterPlacement = placementParts.length === 1;
-            if (isCardinalCenterPlacement) {
+        if (anchor !== null && this.portalEl !== null) {
+            try {
+                const { x, y, placement: computedPlacement } = await computePosition(anchor, this.portalEl, {
+                    placement: this.placement,
+                    strategy: 'fixed',
+                    middleware: [offset(8), flip(), shift({ padding: 5 })],
+                });
+                this.resolvedPlacement = computedPlacement;
+                Object.assign(this.portalEl.style, {
+                    left: `${x}px`,
+                    top: `${y}px`,
+                    position: 'fixed',
+                });
+                // Update CSS classes to match the resolved placement
+                this.portalEl.className = `pds-tooltip pds-tooltip--${this.resolvedPlacement} ${this.htmlContent ? 'pds-tooltip--has-html-content' : ''} ${this.opened ? 'pds-tooltip--is-open' : ''} ${this.hasArrow ? '' : 'pds-tooltip--no-arrow'}`;
+            }
+            catch (error) {
+                console.warn('Failed to position tooltip:', error);
+                this.resolvedPlacement = this.placement; // Fallback to requested placement
+                // Fallback to basic positioning if floating UI fails
                 const anchorRect = anchor.getBoundingClientRect();
-                const overlayRect = this.contentDiv.getBoundingClientRect();
-                if (primaryPlacement === 'left' || primaryPlacement === 'right') {
-                    const currentOverlayTop = parseFloat(this.contentDiv.style.top || '0');
-                    const anchorCenterY = anchorRect.top + (anchorRect.height / 2);
-                    const overlayCenterY = overlayRect.top + (overlayRect.height / 2);
-                    const adjustmentY = anchorCenterY - overlayCenterY;
-                    if (Math.abs(adjustmentY) > 0.5) {
-                        this.contentDiv.style.top = `${currentOverlayTop + adjustmentY}px`;
-                    }
-                }
-                else if (primaryPlacement === 'top' || primaryPlacement === 'bottom') {
-                    const currentOverlayLeft = parseFloat(this.contentDiv.style.left || '0');
-                    const anchorCenterX = anchorRect.left + (anchorRect.width / 2);
-                    const overlayCenterX = overlayRect.left + (overlayRect.width / 2);
-                    const adjustmentX = anchorCenterX - overlayCenterX;
-                    if (Math.abs(adjustmentX) > 0.5) {
-                        this.contentDiv.style.left = `${currentOverlayLeft + adjustmentX}px`;
-                    }
-                }
+                this.portalEl.style.left = `${anchorRect.right + 8}px`;
+                this.portalEl.style.top = `${anchorRect.top}px`;
+                this.portalEl.style.position = 'fixed';
             }
         }
     }
@@ -204,11 +210,13 @@ export class PdsTooltip {
         if (this.portalEl !== null)
             return;
         this.portalEl = document.createElement('div');
-        this.portalEl.className = `pds-tooltip pds-tooltip--${this.placement} ${this.htmlContent ? 'pds-tooltip--has-html-content' : ''} ${this.opened ? 'pds-tooltip--is-open' : ''} ${this.hasArrow ? '' : 'pds-tooltip--no-arrow'}`;
+        this.portalEl.className = `pds-tooltip pds-tooltip--${this.resolvedPlacement} ${this.htmlContent ? 'pds-tooltip--has-html-content' : ''} ${this.opened ? 'pds-tooltip--is-open' : ''} ${this.hasArrow ? '' : 'pds-tooltip--no-arrow'}`;
         this.portalEl.style.position = 'fixed';
         this.portalEl.style.zIndex = '9999';
         if (this.portalEl.id === '') {
-            this.portalEl.id = this.componentId || this.el.id || `pds-tooltip-portal-${PdsTooltip.instanceCounter++}`;
+            const suffix = PdsTooltip.instanceCounter++;
+            const baseId = this.componentId || this.el.id || 'pds-tooltip';
+            this.portalEl.id = `${baseId}-portal-${suffix}`;
         }
         if (this.portalEl.getAttribute('id') !== this.portalEl.id) {
             this.portalEl.setAttribute('id', this.portalEl.id);
@@ -221,8 +229,6 @@ export class PdsTooltip {
         this.contentDiv.className = 'pds-tooltip__content';
         this.contentDiv.setAttribute('aria-hidden', this.opened ? 'false' : 'true');
         this.contentDiv.setAttribute('aria-live', this.opened ? 'polite' : 'off');
-        this.contentDiv.setAttribute('role', 'tooltip');
-        this.contentDiv.style.maxWidth = this.maxWidth;
         const contentSlotWrapper = this.el.querySelector('.pds-tooltip__content-slot-wrapper');
         const slottedContentContainer = contentSlotWrapper === null || contentSlotWrapper === void 0 ? void 0 : contentSlotWrapper.querySelector('[slot="content"]');
         let hasSlottedContent = false;
@@ -245,22 +251,23 @@ export class PdsTooltip {
                 }
             }
         }
-        if (!hasSlottedContent) {
-            if (this.content !== '') {
-                this.contentDiv.textContent = this.content;
-            }
+        if (!hasSlottedContent && typeof this.content === 'string' && this.content.trim() !== '') {
+            this.contentDiv.textContent = this.content;
         }
         this.portalEl.appendChild(this.contentDiv);
         document.body.appendChild(this.portalEl);
-        this.repositionPortal();
-        if (this.contentDiv !== null) {
-            this.overlayResizeObserver = new ResizeObserver(() => {
-                this.repositionPortal();
+        this.repositionPortal().catch(error => {
+            console.warn('Failed to position tooltip on creation:', error);
+        });
+        // Use Floating UI's autoUpdate to handle scroll/resize automatically
+        if (this.triggerEl && this.portalEl) {
+            this.stopAutoUpdate = autoUpdate(this.triggerEl, this.portalEl, () => {
+                this.repositionPortal().catch(error => {
+                    console.warn('Failed to reposition tooltip on auto update:', error);
+                });
             });
-            this.overlayResizeObserver.observe(this.contentDiv);
         }
-        // Add global listeners when portal is created
-        window.addEventListener('scroll', this.handleScroll, true);
+        // Keep only SPA navigation listeners (not handled by autoUpdate)
         window.addEventListener('popstate', this.handleSpaNavigation, true);
         window.addEventListener('hashchange', this.handleSpaNavigation, true);
         // Start pathname change detection
@@ -271,9 +278,10 @@ export class PdsTooltip {
         }
     }
     removePortal() {
-        if (this.overlayResizeObserver !== null && this.contentDiv !== null) {
-            this.overlayResizeObserver.unobserve(this.contentDiv);
-            this.overlayResizeObserver = null;
+        // Stop Floating UI's autoUpdate
+        if (this.stopAutoUpdate !== null) {
+            this.stopAutoUpdate();
+            this.stopAutoUpdate = null;
         }
         // Stop pathname change detection
         if (this.pathnameCheckInterval !== null) {
@@ -281,10 +289,19 @@ export class PdsTooltip {
             this.pathnameCheckInterval = null;
         }
         if (this.portalEl !== null) {
-            window.removeEventListener('scroll', this.handleScroll, true);
+            // Remove only SPA navigation listeners (scroll/resize handled by autoUpdate)
             window.removeEventListener('popstate', this.handleSpaNavigation, true);
             window.removeEventListener('hashchange', this.handleSpaNavigation, true);
-            document.body.removeChild(this.portalEl);
+            // Safely remove portal from DOM
+            try {
+                if (this.portalEl.parentNode) {
+                    this.portalEl.parentNode.removeChild(this.portalEl);
+                }
+            }
+            catch (error) {
+                // Portal might have already been removed by test cleanup
+                console.warn('Portal element could not be removed from DOM:', error);
+            }
             this.portalEl = null;
         }
         // Remove ARIA attribute from trigger
@@ -295,7 +312,9 @@ export class PdsTooltip {
     }
     render() {
         const hostId = this.componentId || undefined;
-        return (h(Host, { key: 'd0651080fc68d70a01d8c487d08a59f356f06e88', id: hostId, class: { 'pds-tooltip--is-open': this.opened } }, h("span", { key: '9f8c246c63a80c0d30c73687faa133b213c6bb63', class: "pds-tooltip__trigger", onMouseEnter: this.handleShow, onMouseLeave: this.handleHide, onFocus: this.handleShow, onBlur: this.handleHide, ref: el => this.triggerEl = el }, h("slot", { key: '2295b22ac9ec244f31410cd6a3764248100a1c48' })), h("div", { key: '7c8a59703b7c6ff43b0aa9352a869d59bca9b2b1', class: "pds-tooltip__content-slot-wrapper", style: { display: 'none' } }, h("slot", { key: '612dab7daf61394624177c45d47f542d551af52c', name: "content" }))));
+        return (h(Host, { key: '71fb8114cbf8db309eba0c19c0d9bd491d250157', id: hostId, class: { 'pds-tooltip--is-open': this.opened } }, h("span", { key: '9df511e60bc96c462a80f6bf6431f695e2effa3c', class: "pds-tooltip__trigger", onMouseEnter: this.handleShow, onMouseLeave: this.handleHide,
+            /* focusin/out bubble; ensure keyboard users see tooltips */
+            onFocusin: this.handleShow, onFocusout: this.handleHide, ref: el => this.triggerEl = el }, h("slot", { key: 'eae36227df5fd93edf1af61e58b6369c0162944f' })), h("div", { key: '4c3a3f86d7e24aeff9299a9ef19396e078421467', class: "pds-tooltip__content-slot-wrapper", hidden: true }, h("slot", { key: 'babfdd5793e8007015dab364985c1451d976383f', name: "content" }))));
     }
     static get is() { return "pds-tooltip"; }
     static get originalStyleUrls() {
@@ -357,7 +376,7 @@ export class PdsTooltip {
                     "references": {}
                 },
                 "required": false,
-                "optional": true,
+                "optional": false,
                 "docs": {
                     "tags": [{
                             "name": "defaultValue",
@@ -398,9 +417,15 @@ export class PdsTooltip {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'",
+                    "original": "PlacementType",
                     "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
-                    "references": {}
+                    "references": {
+                        "PlacementType": {
+                            "location": "import",
+                            "path": "@utils/types",
+                            "id": "src/utils/types.ts::PlacementType"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,
@@ -467,8 +492,7 @@ export class PdsTooltip {
     }
     static get states() {
         return {
-            "_isInteractiveOpen": {},
-            "isOpen": {}
+            "_isInteractiveOpen": {}
         };
     }
     static get methods() {

package/dist/collection/components/pds-tooltip/pds-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"pds-tooltip.js","sourceRoot":"","sources":["../../../src/components/pds-tooltip/pds-tooltip.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Host, Prop, State, h, Method, Watch } from '@stencil/core';\nimport { positionTooltip } from '../../utils/overlay';\n\n/**\n * @slot (default) - The tooltip's target element\n * @slot content - HTML content for the tooltip\n */\n\n@Component({\n  tag: 'pds-tooltip',\n  styleUrls: ['pds-tooltip.scss'],\n  shadow: false,\n})\n\nexport class PdsTooltip {\n  private static instanceCounter = 0;\n\n  /**\n   * Internal state: true if the tooltip was opened by user interaction (hover/focus),\n   * false if opened via the `opened` prop or currently closed.\n   */\n  @State() private _isInteractiveOpen = false;\n\n  private portalEl: HTMLElement | null = null;\n  private triggerEl: HTMLElement | null = null;\n  private contentDiv: HTMLElement | null = null;\n  private slotMutationObserver: MutationObserver | null = null;\n  private overlayResizeObserver: ResizeObserver | null = null;\n  private currentPathname: string = '';\n  private pathnameCheckInterval: NodeJS.Timeout | null = null;\n\n  /**\n   * Reference to the Host element\n   */\n  @Element() el: HTMLPdsTooltipElement;\n\n  /**\n   * Determines when the tooltip is open\n   * @defaultValue false\n   */\n  @State() isOpen = false;\n\n  /**\n   * Content for the tooltip. If HTML is required, use the content slot\n   */\n  @Prop() content: string;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Determines whether or not the tooltip has an arrow\n   * @defaultValue true\n   */\n  @Prop() hasArrow? = true;\n\n  /**\n   * Enable this option when using the content slot\n   * @defaultValue false\n   */\n  @Prop() htmlContent = false;\n\n  /**\n   * Determines the preferred position of the tooltip\n   * @defaultValue \"right\"\n   */\n  @Prop({ reflect: true }) placement:\n    'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end' = 'right';\n\n  /**\n   * Sets the maximum width of the tooltip content\n   * @defaultValue \"352px\"\n   */\n  @Prop() maxWidth: string = '352px';\n\n  /**\n   * Determines whether or not the tooltip is visible\n   * @defaultValue false\n   */\n  @Prop({mutable: true, reflect: true}) opened = false;\n\n  @Watch('opened')\n\n  handleOpenToggle(newValue: boolean, oldValue: boolean) {\n    if (newValue === false && oldValue === true) {\n      this._isInteractiveOpen = false;\n    }\n  }\n\n  componentWillLoad() {\n    this._isInteractiveOpen = false;\n  }\n\n  componentDidLoad() {\n    window.addEventListener('pageshow', this.handlePageShow);\n    this.currentPathname = window.location.pathname;\n    this.triggerEl = this.el.querySelector('.pds-tooltip__trigger') as HTMLElement;\n    const contentSlotWrapper = this.el.querySelector('.pds-tooltip__content-slot-wrapper');\n\n    if (contentSlotWrapper !== null) {\n      this.slotMutationObserver = new MutationObserver(() => {\n        if (this.opened && this.portalEl !== null) {\n          this.removePortal();\n          this.createPortal();\n        }\n      });\n      this.slotMutationObserver.observe(contentSlotWrapper, { childList: true, subtree: false });\n    }\n\n    return () => {\n      window.removeEventListener('pageshow', this.handlePageShow);\n\n      if (this.slotMutationObserver !== null) {\n        this.slotMutationObserver.disconnect();\n      }\n    };\n  }\n\n  componentDidRender() {\n    if (this.opened && this.portalEl === null) {\n      this.createPortal();\n    } else if (!this.opened && this.portalEl !== null) {\n      this.removePortal();\n    }\n  }\n\n  /**\n   * Shows the tooltip by enabling the opened property\n   */\n  @Method()\n  async showTooltip() {\n    this.opened = true;\n  }\n\n  /**\n   * Hides the tooltip by disabling the opened property\n   */\n  @Method()\n  async hideTooltip() {\n    this.opened = false;\n  }\n\n  private handleHide = () => {\n    if (this.opened && !this._isInteractiveOpen) {\n      return;\n    }\n\n    this.hideTooltip();\n    this._isInteractiveOpen = false;\n  };\n\n  private handleShow = () => {\n    if (this.opened && !this._isInteractiveOpen) {\n      return;\n    }\n\n    this._isInteractiveOpen = true;\n    this.showTooltip();\n  };\n\n  private handlePageShow = () => {\n    if (this.opened && !this._isInteractiveOpen) {\n      return;\n    }\n\n    this.opened = false;\n    this._isInteractiveOpen = false;\n  };\n\n  private handleScroll = () => {\n    if (this.opened) {\n      if (!this._isInteractiveOpen) {\n        this.repositionPortal();\n      } else {\n        this.hideTooltip();\n        this._isInteractiveOpen = false;\n      }\n    }\n  };\n\n  private handleSpaNavigation = () => {\n    if (this.opened && !this._isInteractiveOpen) {\n      return;\n    }\n\n    this.hideTooltip();\n    this._isInteractiveOpen = false;\n  };\n\n  private checkPathnameChange = () => {\n    if (window.location.pathname !== this.currentPathname) {\n      this.currentPathname = window.location.pathname;\n      this.handleSpaNavigation();\n    }\n  };\n\n  /**\n   * Determines the most accurate HTML element to use as the anchor for positioning the tooltip.\n   * If `htmlContent` is false, it attempts to find the actual element slotted as the trigger.\n   * Otherwise, or if no specific element is found, it defaults to the span wrapper around the trigger slot.\n   * This helps with precise alignment.\n   */\n  private determinePositioningAnchor(): HTMLElement | null {\n    let positioningAnchor: HTMLElement | null = this.triggerEl;\n\n    if (this.triggerEl !== null) {\n      const children = this.triggerEl.childNodes;\n\n      for (let i = 0; i < children.length; i++) {\n        const childNode = children[i];\n\n        if (childNode.nodeType === Node.ELEMENT_NODE) {\n          positioningAnchor = childNode as HTMLElement;\n          break; // Found the first element, use it as the anchor\n        }\n      }\n    }\n\n    // If no ELEMENT_NODE is found within this.triggerEl (e.g., if trigger is just text),\n    // positioningAnchor will correctly remain this.triggerEl (the span).\n    return positioningAnchor;\n  }\n\n  /**\n   * Centralized method to calculate and apply the tooltip's position.\n   * Uses the determined anchor element and the current content dimensions.\n   */\n  private repositionPortal() {\n    const anchor = this.determinePositioningAnchor();\n\n    if (anchor !== null && this.contentDiv !== null) {\n      positionTooltip({ elem: anchor, elemPlacement: this.placement, overlay: this.contentDiv });\n      const placementParts = this.placement.split('-');\n      const primaryPlacement = placementParts[0];\n      const isCardinalCenterPlacement = placementParts.length === 1;\n\n      if (isCardinalCenterPlacement) {\n        const anchorRect = anchor.getBoundingClientRect();\n        const overlayRect = this.contentDiv.getBoundingClientRect();\n\n        if (primaryPlacement === 'left' || primaryPlacement === 'right') {\n          const currentOverlayTop = parseFloat(this.contentDiv.style.top || '0');\n          const anchorCenterY = anchorRect.top + (anchorRect.height / 2);\n          const overlayCenterY = overlayRect.top + (overlayRect.height / 2);\n          const adjustmentY = anchorCenterY - overlayCenterY;\n\n          if (Math.abs(adjustmentY) > 0.5) {\n            this.contentDiv.style.top = `${currentOverlayTop + adjustmentY}px`;\n          }\n\n        } else if (primaryPlacement === 'top' || primaryPlacement === 'bottom') {\n          const currentOverlayLeft = parseFloat(this.contentDiv.style.left || '0');\n          const anchorCenterX = anchorRect.left + (anchorRect.width / 2);\n          const overlayCenterX = overlayRect.left + (overlayRect.width / 2);\n          const adjustmentX = anchorCenterX - overlayCenterX;\n\n          if (Math.abs(adjustmentX) > 0.5) {\n            this.contentDiv.style.left = `${currentOverlayLeft + adjustmentX}px`;\n          }\n        }\n      }\n    }\n  }\n\n  private createPortal() {\n    if (this.portalEl !== null) return;\n\n    this.portalEl = document.createElement('div');\n    this.portalEl.className = `pds-tooltip pds-tooltip--${this.placement} ${this.htmlContent ? 'pds-tooltip--has-html-content' : ''} ${this.opened ? 'pds-tooltip--is-open' : ''} ${this.hasArrow ? '' : 'pds-tooltip--no-arrow'}`;\n    this.portalEl.style.position = 'fixed';\n    this.portalEl.style.zIndex = '9999';\n\n    if (this.portalEl.id === '') {\n      this.portalEl.id = this.componentId || this.el.id || `pds-tooltip-portal-${PdsTooltip.instanceCounter++}`;\n    }\n\n    if (this.portalEl.getAttribute('id') !== this.portalEl.id) {\n      this.portalEl.setAttribute('id', this.portalEl.id);\n    }\n\n    this.portalEl.setAttribute('role', 'tooltip');\n    this.portalEl.setAttribute('aria-hidden', this.opened ? 'false' : 'true');\n    this.portalEl.setAttribute('aria-live', this.opened ? 'polite' : 'off');\n    this.portalEl.style.maxWidth = this.maxWidth;\n\n    this.contentDiv = document.createElement('div');\n    this.contentDiv.className = 'pds-tooltip__content';\n    this.contentDiv.setAttribute('aria-hidden', this.opened ? 'false' : 'true');\n    this.contentDiv.setAttribute('aria-live', this.opened ? 'polite' : 'off');\n    this.contentDiv.setAttribute('role', 'tooltip');\n    this.contentDiv.style.maxWidth = this.maxWidth;\n\n    const contentSlotWrapper = this.el.querySelector('.pds-tooltip__content-slot-wrapper');\n    const slottedContentContainer = contentSlotWrapper?.querySelector('[slot=\"content\"]') as HTMLElement | null;\n    let hasSlottedContent = false;\n\n    if (slottedContentContainer !== null) {\n      const childrenToClone = Array.from(slottedContentContainer.childNodes);\n\n      if (childrenToClone.length > 0) {\n        const hasMeaningfulNode = childrenToClone.some(node =>\n          node.nodeType === Node.ELEMENT_NODE ||\n          (node.nodeType === Node.TEXT_NODE && node.textContent?.trim() !== '')\n        );\n\n        if (hasMeaningfulNode) {\n          hasSlottedContent = true;\n          childrenToClone.forEach((node /*, index*/) => {\n            if (node.nodeType === Node.ELEMENT_NODE || (node.nodeType === Node.TEXT_NODE && node.textContent?.trim() !== '')) {\n              this.contentDiv.appendChild(node.cloneNode(true));\n            }\n          });\n        }\n      }\n    }\n\n    if (!hasSlottedContent) {\n      if (this.content !== '') {\n        this.contentDiv.textContent = this.content;\n      }\n    }\n\n    this.portalEl.appendChild(this.contentDiv);\n    document.body.appendChild(this.portalEl);\n\n    this.repositionPortal();\n\n    if (this.contentDiv !== null) {\n      this.overlayResizeObserver = new ResizeObserver(() => {\n        this.repositionPortal();\n      });\n      this.overlayResizeObserver.observe(this.contentDiv);\n    }\n\n    // Add global listeners when portal is created\n    window.addEventListener('scroll', this.handleScroll, true);\n    window.addEventListener('popstate', this.handleSpaNavigation, true);\n    window.addEventListener('hashchange', this.handleSpaNavigation, true);\n\n    // Start pathname change detection\n    this.pathnameCheckInterval = setInterval(this.checkPathnameChange, 100);\n\n    // Add ARIA attribute to trigger, now that portalEl and its ID are confirmed\n    if (this.triggerEl !== null && this.portalEl.id !== '') {\n      this.triggerEl.setAttribute('aria-describedby', this.portalEl.id);\n    }\n  }\n\n  private removePortal() {\n    if (this.overlayResizeObserver !== null && this.contentDiv !== null) {\n      this.overlayResizeObserver.unobserve(this.contentDiv);\n      this.overlayResizeObserver = null;\n    }\n\n    // Stop pathname change detection\n    if (this.pathnameCheckInterval !== null) {\n      clearInterval(this.pathnameCheckInterval);\n      this.pathnameCheckInterval = null;\n    }\n\n    if (this.portalEl !== null) {\n      window.removeEventListener('scroll', this.handleScroll, true);\n      window.removeEventListener('popstate', this.handleSpaNavigation, true);\n      window.removeEventListener('hashchange', this.handleSpaNavigation, true);\n      document.body.removeChild(this.portalEl);\n      this.portalEl = null;\n    }\n\n    // Remove ARIA attribute from trigger\n    if (this.triggerEl !== null) {\n      this.triggerEl.removeAttribute('aria-describedby');\n    }\n    this.contentDiv = null;\n  }\n\n  render() {\n    const hostId = this.componentId || undefined;\n\n    return (\n      <Host id={hostId} class={{ 'pds-tooltip--is-open': this.opened }}>\n        <span\n          class=\"pds-tooltip__trigger\"\n          onMouseEnter={this.handleShow}\n          onMouseLeave={this.handleHide}\n          onFocus={this.handleShow}\n          onBlur={this.handleHide}\n          ref={el => this.triggerEl = el}\n        >\n          <slot />\n        </span>\n        <div class=\"pds-tooltip__content-slot-wrapper\" style={{ display: 'none' }}>\n          <slot name=\"content\"></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"pds-tooltip.js","sourceRoot":"","sources":["../../../src/components/pds-tooltip/pds-tooltip.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Host, Prop, State, h, Method, Watch } from '@stencil/core';\nimport { PlacementType } from '@utils/types';\nimport {\n  autoUpdate,\n  computePosition,\n  flip,\n  offset,\n  shift,\n} from '@floating-ui/dom';\n\n/**\n * @slot (default) - The tooltip's target element\n * @slot content - HTML content for the tooltip\n */\n\n@Component({\n  tag: 'pds-tooltip',\n  styleUrls: ['pds-tooltip.scss'],\n  shadow: false,\n})\n\nexport class PdsTooltip {\n  private static instanceCounter = 0;\n\n  /**\n   * Internal state: true if the tooltip was opened by user interaction (hover/focus),\n   * false if opened via the `opened` prop or currently closed.\n   */\n  @State() private _isInteractiveOpen = false;\n\n  private portalEl: HTMLElement | null = null;\n  private resolvedPlacement: PlacementType = 'right';\n  private triggerEl: HTMLElement | null = null;\n  private contentDiv: HTMLElement | null = null;\n  private slotMutationObserver: MutationObserver | null = null;\n  private currentPathname: string = '';\n  private pathnameCheckInterval: ReturnType<typeof setInterval> | null = null;\n  private stopAutoUpdate: (() => void) | null = null;\n\n  /**\n   * Reference to the Host element\n   */\n  @Element() el: HTMLPdsTooltipElement;\n\n  /**\n   * Content for the tooltip. If HTML is required, use the content slot\n   */\n  @Prop() content: string;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Determines whether or not the tooltip has an arrow\n   * @defaultValue true\n   */\n  @Prop() hasArrow = true;\n\n  /**\n   * Enable this option when using the content slot\n   * @defaultValue false\n   */\n  @Prop() htmlContent = false;\n\n  /**\n   * Determines the preferred position of the tooltip\n   * @defaultValue \"right\"\n   */\n  @Prop({ reflect: true }) placement: PlacementType = 'right';\n\n  /**\n   * Sets the maximum width of the tooltip content\n   * @defaultValue \"352px\"\n   */\n  @Prop() maxWidth: string = '352px';\n\n  /**\n   * Determines whether or not the tooltip is visible\n   * @defaultValue false\n   */\n  @Prop({mutable: true, reflect: true}) opened = false;\n\n  @Watch('opened')\n\n  handleOpenToggle(newValue: boolean, oldValue: boolean) {\n    if (newValue === false && oldValue === true) {\n      this._isInteractiveOpen = false;\n    }\n  }\n\n  componentWillLoad() {\n    this._isInteractiveOpen = false;\n    this.resolvedPlacement = this.placement;\n  }\n\n  componentDidLoad() {\n    window.addEventListener('pageshow', this.handlePageShow);\n    this.currentPathname = window.location.pathname;\n    this.triggerEl = this.el.querySelector('.pds-tooltip__trigger') as HTMLElement;\n    const contentSlotWrapper = this.el.querySelector('.pds-tooltip__content-slot-wrapper');\n\n    if (contentSlotWrapper !== null) {\n      this.slotMutationObserver = new MutationObserver(() => {\n        if (this.opened && this.portalEl !== null) {\n          this.removePortal();\n          this.createPortal();\n        }\n      });\n      this.slotMutationObserver.observe(contentSlotWrapper, { childList: true, subtree: false });\n    }\n\n    // no return; Stencil ignores teardown functions here\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('pageshow', this.handlePageShow);\n    if (this.slotMutationObserver !== null) {\n      this.slotMutationObserver.disconnect();\n      this.slotMutationObserver = null;\n    }\n    // Ensure global listeners/intervals are removed if still present\n    if (this.portalEl !== null) {\n      this.removePortal();\n    }\n    if (this.pathnameCheckInterval !== null) {\n      clearInterval(this.pathnameCheckInterval);\n      this.pathnameCheckInterval = null;\n    }\n    // Ensure autoUpdate is stopped if still present\n    if (this.stopAutoUpdate !== null) {\n      this.stopAutoUpdate();\n      this.stopAutoUpdate = null;\n    }\n  }\n\n  componentDidRender() {\n    if (this.opened && this.portalEl === null) {\n      this.createPortal();\n    } else if (!this.opened && this.portalEl !== null) {\n      this.removePortal();\n    }\n\n    // Update portal class when opened state changes\n    if (this.portalEl !== null) {\n      this.portalEl.className = `pds-tooltip pds-tooltip--${this.resolvedPlacement} ${this.htmlContent ? 'pds-tooltip--has-html-content' : ''} ${this.opened ? 'pds-tooltip--is-open' : ''} ${this.hasArrow ? '' : 'pds-tooltip--no-arrow'}`;\n\n      // Update ARIA attributes to stay in sync with visual open state\n      this.portalEl.setAttribute('aria-hidden', this.opened ? 'false' : 'true');\n      this.portalEl.setAttribute('aria-live', this.opened ? 'polite' : 'off');\n    }\n  }\n\n  /**\n   * Shows the tooltip by enabling the opened property\n   */\n  @Method()\n  async showTooltip() {\n    this.opened = true;\n  }\n\n  /**\n   * Hides the tooltip by disabling the opened property\n   */\n  @Method()\n  async hideTooltip() {\n    this.opened = false;\n  }\n\n  private handleHide = () => {\n    if (this.opened && !this._isInteractiveOpen) {\n      return;\n    }\n\n    this.hideTooltip();\n    this._isInteractiveOpen = false;\n  };\n\n  private handleShow = () => {\n    if (this.opened && !this._isInteractiveOpen) {\n      return;\n    }\n\n    this._isInteractiveOpen = true;\n    this.showTooltip();\n  };\n\n  private handlePageShow = () => {\n    if (this.opened && !this._isInteractiveOpen) {\n      return;\n    }\n\n    this.opened = false;\n    this._isInteractiveOpen = false;\n  };\n\n\n  private handleSpaNavigation = () => {\n    if (this.opened && !this._isInteractiveOpen) {\n      return;\n    }\n\n    this.hideTooltip();\n    this._isInteractiveOpen = false;\n  };\n\n  private checkPathnameChange = () => {\n    if (window.location.pathname !== this.currentPathname) {\n      this.currentPathname = window.location.pathname;\n      this.handleSpaNavigation();\n    }\n  };\n\n  /**\n   * Determines the most accurate HTML element to use as the anchor for positioning the tooltip.\n   * If `htmlContent` is false, it attempts to find the actual element slotted as the trigger.\n   * Otherwise, or if no specific element is found, it defaults to the span wrapper around the trigger slot.\n   * This helps with precise alignment.\n   */\n  private determinePositioningAnchor(): HTMLElement | null {\n    let positioningAnchor: HTMLElement | null = this.triggerEl;\n\n    if (this.triggerEl !== null) {\n      const children = this.triggerEl.childNodes;\n\n      for (let i = 0; i < children.length; i++) {\n        const childNode = children[i];\n\n        if (childNode.nodeType === Node.ELEMENT_NODE) {\n          positioningAnchor = childNode as HTMLElement;\n          break; // Found the first element, use it as the anchor\n        }\n      }\n    }\n\n    // If no ELEMENT_NODE is found within this.triggerEl (e.g., if trigger is just text),\n    // positioningAnchor will correctly remain this.triggerEl (the span).\n    return positioningAnchor;\n  }\n\n  /**\n   * Centralized method to calculate and apply the tooltip's position using floating UI.\n   * Uses the determined anchor element and applies computePosition with flip, offset, and shift.\n   */\n  private async repositionPortal() {\n    const anchor = this.determinePositioningAnchor();\n\n    if (anchor !== null && this.portalEl !== null) {\n      try {\n        const { x, y, placement: computedPlacement } = await computePosition(anchor, this.portalEl, {\n          placement: this.placement,\n          strategy: 'fixed',\n          middleware: [offset(8), flip(), shift({ padding: 5 })],\n        });\n\n        this.resolvedPlacement = computedPlacement as PlacementType;\n\n        Object.assign(this.portalEl.style, {\n          left: `${x}px`,\n          top: `${y}px`,\n          position: 'fixed',\n        });\n\n        // Update CSS classes to match the resolved placement\n        this.portalEl.className = `pds-tooltip pds-tooltip--${this.resolvedPlacement} ${this.htmlContent ? 'pds-tooltip--has-html-content' : ''} ${this.opened ? 'pds-tooltip--is-open' : ''} ${this.hasArrow ? '' : 'pds-tooltip--no-arrow'}`;\n      } catch (error) {\n        console.warn('Failed to position tooltip:', error);\n        this.resolvedPlacement = this.placement; // Fallback to requested placement\n        // Fallback to basic positioning if floating UI fails\n        const anchorRect = anchor.getBoundingClientRect();\n        this.portalEl.style.left = `${anchorRect.right + 8}px`;\n        this.portalEl.style.top = `${anchorRect.top}px`;\n        this.portalEl.style.position = 'fixed';\n      }\n    }\n  }\n\n  private createPortal() {\n    if (this.portalEl !== null) return;\n\n    this.portalEl = document.createElement('div');\n    this.portalEl.className = `pds-tooltip pds-tooltip--${this.resolvedPlacement} ${this.htmlContent ? 'pds-tooltip--has-html-content' : ''} ${this.opened ? 'pds-tooltip--is-open' : ''} ${this.hasArrow ? '' : 'pds-tooltip--no-arrow'}`;\n    this.portalEl.style.position = 'fixed';\n    this.portalEl.style.zIndex = '9999';\n\n    if (this.portalEl.id === '') {\n      const suffix = PdsTooltip.instanceCounter++;\n      const baseId = this.componentId || this.el.id || 'pds-tooltip';\n      this.portalEl.id = `${baseId}-portal-${suffix}`;\n    }\n\n    if (this.portalEl.getAttribute('id') !== this.portalEl.id) {\n      this.portalEl.setAttribute('id', this.portalEl.id);\n    }\n\n    this.portalEl.setAttribute('role', 'tooltip');\n    this.portalEl.setAttribute('aria-hidden', this.opened ? 'false' : 'true');\n    this.portalEl.setAttribute('aria-live', this.opened ? 'polite' : 'off');\n    this.portalEl.style.maxWidth = this.maxWidth;\n\n    this.contentDiv = document.createElement('div');\n    this.contentDiv.className = 'pds-tooltip__content';\n    this.contentDiv.setAttribute('aria-hidden', this.opened ? 'false' : 'true');\n    this.contentDiv.setAttribute('aria-live', this.opened ? 'polite' : 'off');\n\n    const contentSlotWrapper = this.el.querySelector('.pds-tooltip__content-slot-wrapper');\n    const slottedContentContainer = contentSlotWrapper?.querySelector('[slot=\"content\"]') as HTMLElement | null;\n    let hasSlottedContent = false;\n\n    if (slottedContentContainer !== null) {\n      const childrenToClone = Array.from(slottedContentContainer.childNodes);\n\n      if (childrenToClone.length > 0) {\n        const hasMeaningfulNode = childrenToClone.some(node =>\n          node.nodeType === Node.ELEMENT_NODE ||\n          (node.nodeType === Node.TEXT_NODE && node.textContent?.trim() !== '')\n        );\n\n        if (hasMeaningfulNode) {\n          hasSlottedContent = true;\n          childrenToClone.forEach((node /*, index*/) => {\n            if (node.nodeType === Node.ELEMENT_NODE || (node.nodeType === Node.TEXT_NODE && node.textContent?.trim() !== '')) {\n              this.contentDiv.appendChild(node.cloneNode(true));\n            }\n          });\n        }\n      }\n    }\n\n    if (!hasSlottedContent && typeof this.content === 'string' && this.content.trim() !== '') {\n      this.contentDiv.textContent = this.content;\n    }\n\n    this.portalEl.appendChild(this.contentDiv);\n    document.body.appendChild(this.portalEl);\n\n    this.repositionPortal().catch(error => {\n      console.warn('Failed to position tooltip on creation:', error);\n    });\n\n    // Use Floating UI's autoUpdate to handle scroll/resize automatically\n    if (this.triggerEl && this.portalEl) {\n      this.stopAutoUpdate = autoUpdate(\n        this.triggerEl,\n        this.portalEl,\n        () => {\n          this.repositionPortal().catch(error => {\n            console.warn('Failed to reposition tooltip on auto update:', error);\n          });\n        }\n      );\n    }\n\n    // Keep only SPA navigation listeners (not handled by autoUpdate)\n    window.addEventListener('popstate', this.handleSpaNavigation, true);\n    window.addEventListener('hashchange', this.handleSpaNavigation, true);\n\n    // Start pathname change detection\n    this.pathnameCheckInterval = setInterval(this.checkPathnameChange, 100);\n\n    // Add ARIA attribute to trigger, now that portalEl and its ID are confirmed\n    if (this.triggerEl !== null && this.portalEl.id !== '') {\n      this.triggerEl.setAttribute('aria-describedby', this.portalEl.id);\n    }\n  }\n\n  private removePortal() {\n    // Stop Floating UI's autoUpdate\n    if (this.stopAutoUpdate !== null) {\n      this.stopAutoUpdate();\n      this.stopAutoUpdate = null;\n    }\n\n    // Stop pathname change detection\n    if (this.pathnameCheckInterval !== null) {\n      clearInterval(this.pathnameCheckInterval);\n      this.pathnameCheckInterval = null;\n    }\n\n    if (this.portalEl !== null) {\n      // Remove only SPA navigation listeners (scroll/resize handled by autoUpdate)\n      window.removeEventListener('popstate', this.handleSpaNavigation, true);\n      window.removeEventListener('hashchange', this.handleSpaNavigation, true);\n\n      // Safely remove portal from DOM\n      try {\n        if (this.portalEl.parentNode) {\n          this.portalEl.parentNode.removeChild(this.portalEl);\n        }\n      } catch (error) {\n        // Portal might have already been removed by test cleanup\n        console.warn('Portal element could not be removed from DOM:', error);\n      }\n\n      this.portalEl = null;\n    }\n\n    // Remove ARIA attribute from trigger\n    if (this.triggerEl !== null) {\n      this.triggerEl.removeAttribute('aria-describedby');\n    }\n    this.contentDiv = null;\n  }\n\n  render() {\n    const hostId = this.componentId || undefined;\n\n    return (\n      <Host id={hostId} class={{ 'pds-tooltip--is-open': this.opened }}>\n        <span\n          class=\"pds-tooltip__trigger\"\n          onMouseEnter={this.handleShow}\n          onMouseLeave={this.handleHide}\n          /* focusin/out bubble; ensure keyboard users see tooltips */\n          onFocusin={this.handleShow as any}\n          onFocusout={this.handleHide as any}\n          ref={el => this.triggerEl = el}\n        >\n          <slot />\n        </span>\n        <div class=\"pds-tooltip__content-slot-wrapper\" hidden>\n          <slot name=\"content\"></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/pds-tooltip/stories/pds-tooltip.stories.js

@@ -15,10 +15,10 @@ export default {
 }
 
 const BaseTemplate = (args) => html`
-  <pds-tooltip content=${args.content} max-width=${args.maxWidth} has-arrow=${args.hasArrow} placement=${args.placement} opened=${args.opened}>${args.slot}</pds-tooltip>`;
+  <pds-tooltip content=${args.content} max-width=${args.maxWidth} ?has-arrow=${args.hasArrow} placement=${args.placement} ?opened=${args.opened}>${args.slot}</pds-tooltip>`;
 
 const HTMLContentTemplate = (args) => html`
-  <pds-tooltip has-arrow=${args.hasArrow} max-width=${args.maxWidth} placement=${args.placement} html-content=${args.htmlContent} opened=${args.opened}>
+  <pds-tooltip ?has-arrow=${args.hasArrow} max-width=${args.maxWidth} placement=${args.placement} ?html-content=${args.htmlContent} ?opened=${args.opened}>
     <div slot="content">
       <p><strong>This is a tooltip</strong></p>
       <p>Tooltips are used to describe or identify an element. In most scenarios, tooltips help the user understand the meaning, function or alt-text of an element.</p>
@@ -30,46 +30,46 @@ const PositionTemplate = (args) => html`
   <div class="demo-container" style="min-height: 50vh; width: 100%; display: flex; align-items: center; justify-content: center;">
     <div class="position-demo-grid">
       <div class="position-demo-grid-item">
-        <pds-tooltip content="content 2" has-arrow=${args.hasArrow} max-width=${args.maxWidth} placement="top-start" opened=${args.opened}>
+        <pds-tooltip content="content 2" ?has-arrow=${args.hasArrow} max-width=${args.maxWidth} placement="top-start" ?opened=${args.opened}>
           <pds-button variant="accent">t</pds-button>
         </pds-tooltip>
-        <pds-tooltip content="content 2" has-arrow=${args.hasArrow} max-width=${args.maxWidth} placement="top" opened=${args.opened}>
+        <pds-tooltip content="content 2" ?has-arrow=${args.hasArrow} max-width=${args.maxWidth} placement="top" ?opened=${args.opened}>
           <pds-button variant="accent">t</pds-button>
         </pds-tooltip>
-        <pds-tooltip content="content 3" has-arrow=${args.hasArrow} max-width=${args.maxWidth} placement="top-end" opened=${args.opened}>
+        <pds-tooltip content="content 3" ?has-arrow=${args.hasArrow} max-width=${args.maxWidth} placement="top-end" ?opened=${args.opened}>
           <pds-button variant="accent">te</pds-button>
         </pds-tooltip>
         </div>
         <div class="position-demo-grid-item">
-          <pds-tooltip content="content 1" has-arrow=${args.hasArrow} max-width=${args.maxWidth} placement="left-start" opened=${args.opened}>
+          <pds-tooltip content="content 1" ?has-arrow=${args.hasArrow} max-width=${args.maxWidth} placement="left-start" ?opened=${args.opened}>
             <pds-button variant="accent">ls</pds-button>
           </pds-tooltip>
-          <pds-tooltip content="content 2" has-arrow=${args.hasArrow} max-width=${args.maxWidth} placement="left" opened=${args.opened}>
+          <pds-tooltip content="content 2" ?has-arrow=${args.hasArrow} max-width=${args.maxWidth} placement="left" ?opened=${args.opened}>
             <pds-button variant="accent">l</pds-button>
           </pds-tooltip>
-          <pds-tooltip content="content 3" has-arrow=${args.hasArrow} max-width=${args.maxWidth} placement="left-end" opened=${args.opened}>
+          <pds-tooltip content="content 3" ?has-arrow=${args.hasArrow} max-width=${args.maxWidth} placement="left-end" ?opened=${args.opened}>
             <pds-button variant="accent">le</pds-button>
           </pds-tooltip>
         </div>
         <div class="position-demo-grid-item">
-          <pds-tooltip content="content 1" has-arrow=${args.hasArrow} max-width=${args.maxWidth} placement="bottom-start" opened=${args.opened}>
+          <pds-tooltip content="content 1" ?has-arrow=${args.hasArrow} max-width=${args.maxWidth} placement="bottom-start" ?opened=${args.opened}>
             <pds-button variant="accent">bs</pds-button>
           </pds-tooltip>
-          <pds-tooltip content="content 2" has-arrow=${args.hasArrow} max-width=${args.maxWidth} placement="bottom" opened=${args.opened}>
+          <pds-tooltip content="content 2" ?has-arrow=${args.hasArrow} max-width=${args.maxWidth} placement="bottom" ?opened=${args.opened}>
             <pds-button variant="accent">b</pds-button>
           </pds-tooltip>
-          <pds-tooltip content="content 3" has-arrow=${args.hasArrow} max-width=${args.maxWidth} placement="bottom-end" opened=${args.opened}>
+          <pds-tooltip content="content 3" ?has-arrow=${args.hasArrow} max-width=${args.maxWidth} placement="bottom-end" ?opened=${args.opened}>
             <pds-button variant="accent">be</pds-button>
           </pds-tooltip>
         </div>
         <div class="position-demo-grid-item">
-          <pds-tooltip content="content 1" has-arrow=${args.hasArrow} max-width=${args.maxWidth} placement="right-start" opened=${args.opened}>
+          <pds-tooltip content="content 1" ?has-arrow=${args.hasArrow} max-width=${args.maxWidth} placement="right-start" ?opened=${args.opened}>
             <pds-button variant="accent">rs</pds-button>
           </pds-tooltip>
-          <pds-tooltip content="content 2" has-arrow=${args.hasArrow} max-width=${args.maxWidth} placement="right" opened=${args.opened}>
+          <pds-tooltip content="content 2" ?has-arrow=${args.hasArrow} max-width=${args.maxWidth} placement="right" ?opened=${args.opened}>
             <pds-button variant="accent">r</pds-button>
           </pds-tooltip>
-          <pds-tooltip content="content 3" has-arrow=${args.hasArrow} max-width=${args.maxWidth} placement="right-end" opened=${args.opened}>
+          <pds-tooltip content="content 3" ?has-arrow=${args.hasArrow} max-width=${args.maxWidth} placement="right-end" ?opened=${args.opened}>
             <pds-button variant="accent">re</pds-button>
           </pds-tooltip>
       </div>