@redvars/peacock 3.8.1 → 3.8.2

package/dist/tabs.js

@@ -0,0 +1,240 @@
+import { i, _ as __decorate, I as IndividualComponent, a as i$1, b } from './IndividualComponent-Bdwyrvd6.js';
+import { n } from './property-B49QQ8pS.js';
+import { Tab } from './tab.js';
+import './state-DkTK9EGF.js';
+import './query-CHb9Ft_d.js';
+import './base-Cl6v8-BZ.js';
+import './class-map-DG7CA1et.js';
+import './directive-ZPhl09Yt.js';
+import './dispatch-event-utils-CuEqjlPT.js';
+import './observe-slot-change-DPxaZrZF.js';
+import './throttle-C7ZAPqtu.js';
+import './is-link-Dk2OV3PM.js';
+import './spread-B5cgadZl.js';
+
+var css_248z = i`* {
+  box-sizing: border-box;
+}
+
+.screen-reader-only {
+  display: none !important;
+}
+
+[hidden] {
+  display: none !important;
+}
+
+.tabs {
+  display: flex;
+  position: relative;
+  width: 100%;
+  height: var(--tabs-height);
+}
+
+:host([variant=primary]) {
+  --tabs-height: 4rem;
+}
+:host([variant=primary]) .tabs {
+  border-bottom: 1px solid var(--color-surface-variant);
+}
+
+:host([variant=secondary]) {
+  --tabs-height: 3rem;
+}
+:host([variant=secondary]) .tabs {
+  border-bottom: 1px solid var(--color-surface-variant);
+}
+
+:host([variant=filled]) {
+  --tabs-height: 3rem;
+}
+:host([variant=filled]) .tabs {
+  align-items: stretch;
+  gap: 0.25rem;
+  padding: 0.25rem;
+  border-radius: var(--shape-corner-small);
+  background: var(--color-surface-container-high);
+}
+
+:host([variant=contained]) {
+  --tabs-height: 3rem;
+}
+:host([variant=contained]) .tabs {
+  align-items: stretch;
+  gap: 0.25rem;
+  padding: 0.25rem;
+  border-radius: var(--shape-corner-extra-small);
+  border: 1px solid var(--color-outline-variant);
+  background: var(--color-surface);
+}`;
+
+var Tabs_1;
+/**
+ * @label Tabs
+ * @tag wc-tabs
+ * @rawTag tabs
+ *
+ * @summary Container for tab components.
+ * @overview
+ * <p>Tabs holds the tab buttons and manages their layout.</p>
+ *
+ * @example
+ * ```html
+ * <wc-tabs>
+ *   <wc-tab active>Tab 1</wc-tab>
+ *   <wc-tab>Tab 2</wc-tab>
+ * </wc-tabs>
+ * ```
+ * @tags navigation
+ */
+let Tabs = Tabs_1 = class Tabs extends i$1 {
+    constructor() {
+        super(...arguments);
+        this.variant = 'primary';
+        this.managed = false;
+        this.__handleTabClick = (event) => {
+            if (this.managed)
+                return;
+            const detailEvent = event;
+            const path = detailEvent.composedPath();
+            const clickedTab = path.find(node => node instanceof Element && node.tagName.toLowerCase() === 'wc-tab');
+            if (!clickedTab)
+                return;
+            const previousActiveTab = this.__getActiveTab();
+            const tabs = this.__getTabs();
+            let clickedIndex = -1;
+            for (let index = 0; index < tabs.length; index += 1) {
+                const tab = tabs[index];
+                tab.active = false;
+                if (tab === clickedTab)
+                    clickedIndex = index;
+            }
+            clickedTab.active = true;
+            this.__animateIndicatorTransition(previousActiveTab, clickedTab);
+            this.__lastActiveTab = clickedTab;
+            this.dispatchEvent(new CustomEvent('tab-click', {
+                bubbles: true,
+                composed: true,
+                detail: {
+                    index: clickedIndex,
+                    value: clickedTab.value,
+                },
+            }));
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('click', this.__handleTabClick);
+    }
+    firstUpdated() {
+        this.__mutationObserver = new MutationObserver(() => {
+            this.__syncIndicatorsFromActiveState();
+        });
+        this.__mutationObserver.observe(this, {
+            subtree: true,
+            childList: true,
+            attributes: true,
+            attributeFilter: ['active', 'disabled'],
+        });
+        this.__lastActiveTab = this.__getActiveTab();
+    }
+    updated(changedProperties) {
+        if (changedProperties.has('variant')) {
+            this.__lastActiveTab = this.__getActiveTab();
+        }
+    }
+    disconnectedCallback() {
+        this.__mutationObserver?.disconnect();
+        this.removeEventListener('click', this.__handleTabClick);
+        super.disconnectedCallback();
+    }
+    __getTabs() {
+        return Array.from(this.querySelectorAll('wc-tab'));
+    }
+    __getActiveTab() {
+        return this.__getTabs().find(tab => tab.active && !tab.disabled);
+    }
+    static __getTabIndicator(tab) {
+        if (!tab?.shadowRoot)
+            return undefined;
+        return tab.shadowRoot.querySelector('.indicator');
+    }
+    static __getTabBackground(tab) {
+        if (!tab?.shadowRoot)
+            return undefined;
+        return tab.shadowRoot.querySelector('.background');
+    }
+    __getAnimationElements(previousTab, nextTab) {
+        if (this.variant === 'primary' || this.variant === 'secondary') {
+            return {
+                previous: Tabs_1.__getTabIndicator(previousTab),
+                next: Tabs_1.__getTabIndicator(nextTab),
+            };
+        }
+        if (this.variant === 'filled' || this.variant === 'contained') {
+            return {
+                previous: Tabs_1.__getTabBackground(previousTab),
+                next: Tabs_1.__getTabBackground(nextTab),
+            };
+        }
+        return {
+            previous: undefined,
+            next: undefined,
+        };
+    }
+    __animateIndicatorTransition(previousTab, nextTab) {
+        if (!previousTab || !nextTab || previousTab === nextTab)
+            return;
+        const { previous: previousAnimationElement, next: nextAnimationElement } = this.__getAnimationElements(previousTab, nextTab);
+        if (!previousAnimationElement || !nextAnimationElement)
+            return;
+        const previousRect = previousTab.getBoundingClientRect();
+        const nextRect = nextTab.getBoundingClientRect();
+        const incomingOffset = previousRect.left - nextRect.left;
+        const outgoingOffset = nextRect.left - previousRect.left;
+        const incomingScale = previousRect.width / nextRect.width;
+        const outgoingScale = nextRect.width / previousRect.width;
+        nextAnimationElement.style.transition = 'none';
+        nextAnimationElement.style.opacity = '0';
+        nextAnimationElement.style.transform = `translateX(${incomingOffset}px) scaleX(${incomingScale})`;
+        previousAnimationElement.style.transition = 'none';
+        previousAnimationElement.style.opacity = '1';
+        previousAnimationElement.style.transform = 'translateX(0) scaleX(1)';
+        requestAnimationFrame(() => {
+            nextAnimationElement.style.transition = '';
+            previousAnimationElement.style.transition = '';
+            nextAnimationElement.style.opacity = '1';
+            nextAnimationElement.style.transform = 'translateX(0) scaleX(1)';
+            previousAnimationElement.style.opacity = '0';
+            previousAnimationElement.style.transform = `translateX(${outgoingOffset}px) scaleX(${outgoingScale})`;
+        });
+    }
+    __syncIndicatorsFromActiveState() {
+        const activeTab = this.__getActiveTab();
+        if (this.__lastActiveTab && activeTab && this.__lastActiveTab !== activeTab) {
+            this.__animateIndicatorTransition(this.__lastActiveTab, activeTab);
+        }
+        this.__lastActiveTab = activeTab;
+    }
+    render() {
+        return b `
+      <div class="tabs">
+        <slot></slot>
+      </div>
+    `;
+    }
+};
+Tabs.styles = [css_248z];
+Tabs.Tab = Tab;
+__decorate([
+    n({ reflect: true })
+], Tabs.prototype, "variant", void 0);
+__decorate([
+    n({ type: Boolean })
+], Tabs.prototype, "managed", void 0);
+Tabs = Tabs_1 = __decorate([
+    IndividualComponent
+], Tabs);
+
+export { Tabs };
+//# sourceMappingURL=tabs.js.map

package/dist/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sources":["../../src/tabs/tabs.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport styles from './tabs.scss';\nimport { Tab } from './tab.js';\nimport IndividualComponent from '@/IndividualComponent.js';\n\n/**\n * @label Tabs\n * @tag wc-tabs\n * @rawTag tabs\n *\n * @summary Container for tab components.\n * @overview\n * <p>Tabs holds the tab buttons and manages their layout.</p>\n *\n * @example\n * ```html\n * <wc-tabs>\n *   <wc-tab active>Tab 1</wc-tab>\n *   <wc-tab>Tab 2</wc-tab>\n * </wc-tabs>\n * ```\n * @tags navigation\n */\n@IndividualComponent\nexport class Tabs extends LitElement {\n  static styles = [styles];\n\n  static Tab = Tab;\n\n  @property({ reflect: true }) \n  variant: 'primary' | 'secondary' | 'contained' | 'filled' = 'primary';\n\n  @property({ type: Boolean }) managed = false;\n\n  private __mutationObserver?: MutationObserver;\n\n  private __lastActiveTab?: Tab;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('click', this.__handleTabClick);\n  }\n\n  firstUpdated() {\n    this.__mutationObserver = new MutationObserver(() => {\n      this.__syncIndicatorsFromActiveState();\n    });\n\n    this.__mutationObserver.observe(this, {\n      subtree: true,\n      childList: true,\n      attributes: true,\n      attributeFilter: ['active', 'disabled'],\n    });\n\n    this.__lastActiveTab = this.__getActiveTab();\n  }\n\n  updated(changedProperties: Map<string, unknown>) {\n    if (changedProperties.has('variant')) {\n      this.__lastActiveTab = this.__getActiveTab();\n    }\n  }\n\n  disconnectedCallback() {\n    this.__mutationObserver?.disconnect();\n\n    this.removeEventListener('click', this.__handleTabClick);\n    super.disconnectedCallback();\n  }\n\n  private __getTabs() {\n    return Array.from(this.querySelectorAll('wc-tab')) as Tab[];\n  }\n\n  private __getActiveTab() {\n    return this.__getTabs().find(tab => tab.active && !tab.disabled);\n  }\n\n  private static __getTabIndicator(tab?: Tab) {\n    if (!tab?.shadowRoot) return undefined;\n    return tab.shadowRoot.querySelector('.indicator') as HTMLElement | null;\n  }\n\n  private static __getTabBackground(tab?: Tab) {\n    if (!tab?.shadowRoot) return undefined;\n    return tab.shadowRoot.querySelector('.background') as HTMLElement | null;\n  }\n\n  private __getAnimationElements(previousTab?: Tab, nextTab?: Tab) {\n    if (this.variant === 'primary' || this.variant === 'secondary') {\n      return {\n        previous: Tabs.__getTabIndicator(previousTab),\n        next: Tabs.__getTabIndicator(nextTab),\n      };\n    }\n\n    if (this.variant === 'filled' || this.variant === 'contained') {\n      return {\n        previous: Tabs.__getTabBackground(previousTab),\n        next: Tabs.__getTabBackground(nextTab),\n      };\n    }\n\n    return {\n      previous: undefined,\n      next: undefined,\n    };\n  }\n\n  private __animateIndicatorTransition(previousTab?: Tab, nextTab?: Tab) {\n    if (!previousTab || !nextTab || previousTab === nextTab) return;\n\n    const { previous: previousAnimationElement, next: nextAnimationElement } =\n      this.__getAnimationElements(previousTab, nextTab);\n    if (!previousAnimationElement || !nextAnimationElement) return;\n\n    const previousRect = previousTab.getBoundingClientRect();\n    const nextRect = nextTab.getBoundingClientRect();\n\n    const incomingOffset = previousRect.left - nextRect.left;\n    const outgoingOffset = nextRect.left - previousRect.left;\n    const incomingScale = previousRect.width / nextRect.width;\n    const outgoingScale = nextRect.width / previousRect.width;\n\n    nextAnimationElement.style.transition = 'none';\n    nextAnimationElement.style.opacity = '0';\n    nextAnimationElement.style.transform = `translateX(${incomingOffset}px) scaleX(${incomingScale})`;\n\n    previousAnimationElement.style.transition = 'none';\n    previousAnimationElement.style.opacity = '1';\n    previousAnimationElement.style.transform = 'translateX(0) scaleX(1)';\n\n    requestAnimationFrame(() => {\n      nextAnimationElement.style.transition = '';\n      previousAnimationElement.style.transition = '';\n\n      nextAnimationElement.style.opacity = '1';\n      nextAnimationElement.style.transform = 'translateX(0) scaleX(1)';\n\n      previousAnimationElement.style.opacity = '0';\n      previousAnimationElement.style.transform = `translateX(${outgoingOffset}px) scaleX(${outgoingScale})`;\n    });\n  }\n\n  private __syncIndicatorsFromActiveState() {\n    const activeTab = this.__getActiveTab();\n    if (this.__lastActiveTab && activeTab && this.__lastActiveTab !== activeTab) {\n      this.__animateIndicatorTransition(this.__lastActiveTab, activeTab);\n    }\n\n    this.__lastActiveTab = activeTab;\n  }\n\n  private __handleTabClick = (event: Event) => {\n    if (this.managed) return;\n\n    const detailEvent = event as CustomEvent;\n    const path = detailEvent.composedPath();\n    const clickedTab: Tab | undefined = path.find(\n      node => node instanceof Element && (node as Element).tagName.toLowerCase() === 'wc-tab',\n    ) as Tab | undefined;\n\n    if (!clickedTab) return;\n\n    const previousActiveTab = this.__getActiveTab();\n    const tabs = this.__getTabs();\n    let clickedIndex = -1;\n    for (let index = 0; index < tabs.length; index += 1) {\n      const tab = tabs[index];\n      tab.active = false;\n      if (tab === clickedTab) clickedIndex = index;\n    }\n    (clickedTab as Tab).active = true;\n    this.__animateIndicatorTransition(previousActiveTab, clickedTab);\n    this.__lastActiveTab = clickedTab;\n\n    this.dispatchEvent(new CustomEvent('tab-click', {\n      bubbles: true,\n      composed: true,\n      detail: {\n        index: clickedIndex,\n        value: (clickedTab as Tab).value,\n      },\n    }));\n  };\n\n  render() {\n    return html`\n      <div class=\"tabs\">\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],"names":["LitElement","html","styles","property"],"mappings":"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"}

package/dist/throttle-C7ZAPqtu.js

@@ -0,0 +1,24 @@
+function throttle(func, delay, options = { leading: true, trailing: true }) {
+    let timerId;
+    let lastExec = 0;
+    return function (...args) {
+        // @ts-ignore
+        const context = this;
+        const now = Date.now();
+        const shouldCallNow = options.leading && now - lastExec >= delay;
+        if (shouldCallNow) {
+            func.apply(context, args);
+            lastExec = now;
+        }
+        else if (options.trailing && !timerId) {
+            timerId = setTimeout(() => {
+                func.apply(context, args);
+                lastExec = Date.now();
+                timerId = null;
+            }, delay);
+        }
+    };
+}
+
+export { throttle as t };
+//# sourceMappingURL=throttle-C7ZAPqtu.js.map

package/dist/throttle-C7ZAPqtu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"throttle-C7ZAPqtu.js","sources":["../../src/__internal/utils/throttle.ts"],"sourcesContent":["export function throttle(\n  func: Function,\n  delay: number,\n  options = { leading: true, trailing: true },\n) {\n  let timerId: any;\n  let lastExec = 0;\n\n  return function (...args: any[]) {\n    // @ts-ignore\n    const context = this;\n    const now = Date.now();\n\n    const shouldCallNow = options.leading && now - lastExec >= delay;\n\n    if (shouldCallNow) {\n      func.apply(context, args);\n      lastExec = now;\n    } else if (options.trailing && !timerId) {\n      timerId = setTimeout(() => {\n        func.apply(context, args);\n        lastExec = Date.now();\n        timerId = null;\n      }, delay);\n    }\n  };\n}"],"names":[],"mappings":"SAAgB,QAAQ,CACtB,IAAc,EACd,KAAa,EACb,OAAO,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAA;AAE3C,IAAA,IAAI,OAAY;IAChB,IAAI,QAAQ,GAAG,CAAC;IAEhB,OAAO,UAAU,GAAG,IAAW,EAAA;;QAE7B,MAAM,OAAO,GAAG,IAAI;AACpB,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE;QAEtB,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,IAAI,GAAG,GAAG,QAAQ,IAAI,KAAK;QAEhE,IAAI,aAAa,EAAE;AACjB,YAAA,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC;YACzB,QAAQ,GAAG,GAAG;QAChB;AAAO,aAAA,IAAI,OAAO,CAAC,QAAQ,IAAI,CAAC,OAAO,EAAE;AACvC,YAAA,OAAO,GAAG,UAAU,CAAC,MAAK;AACxB,gBAAA,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC;AACzB,gBAAA,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE;gBACrB,OAAO,GAAG,IAAI;YAChB,CAAC,EAAE,KAAK,CAAC;QACX;AACF,IAAA,CAAC;AACH;;;;"}

package/dist/toolbar.js

@@ -1,6 +1,6 @@
-import { a as i, _ as __decorate, I as IndividualComponent, i as i$1, b } from './IndividualComponent-DUINtMGK.js';
-import { n } from './property-1psGvXOq.js';
-import { e } from './class-map-YU7g0o3B.js';
+import { i, _ as __decorate, I as IndividualComponent, a as i$1, b } from './IndividualComponent-Bdwyrvd6.js';
+import { n } from './property-B49QQ8pS.js';
+import { e } from './class-map-DG7CA1et.js';
 import './directive-ZPhl09Yt.js';
 
 var css_248z$1 = i`* {
@@ -11,6 +11,10 @@ var css_248z$1 = i`* {
   display: none !important;
 }
 
+[hidden] {
+  display: none !important;
+}
+
 :host {
   display: block;
   --toolbar-container-shape: var(--shape-corner-full);
@@ -172,9 +176,9 @@ var Toolbar_1;
  * @tag wc-toolbar
  * @rawTag toolbar
  *
- * @summary A Material 3 toolbar / app bar for navigation and actions.
+ * @summary A toolbar / app bar for navigation and actions.
  * @overview
- * <p>The toolbar component implements the Material 3 app bar pattern. It supports a
+ * <p>The toolbar component implements the app bar pattern. It supports a
  * docked (attached) variant for bottom-panel navigation and a floating (detached pill-shaped)
  * variant. The floating variant supports both horizontal and vertical orientations.</p>
  *

package/dist/toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.js","sources":["../../src/toolbar/toolbar.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport IndividualComponent from '@/IndividualComponent.js';\nimport styles from './toolbar.scss';\nimport colorStyles from './toolbar-colors.scss';\n\n/**\n * @label Toolbar\n * @tag wc-toolbar\n * @rawTag toolbar\n *\n * @summary A Material 3 toolbar / app bar for navigation and actions.\n * @overview\n * <p>The toolbar component implements the Material 3 app bar pattern. It supports a\n * docked (attached) variant for bottom-panel navigation and a floating (detached pill-shaped)\n * variant. The floating variant supports both horizontal and vertical orientations.</p>\n *\n * <p>Render toolbar actions directly as children of the component. The docked variant is\n * optimized for a horizontal action row, while the floating variant supports both horizontal\n * and vertical layouts.</p>\n *\n * @cssprop --toolbar-container-color - Background color of the toolbar.\n * @cssprop --toolbar-container-shape - Border radius of the toolbar. Relevant for the floating variant.\n * @cssprop --toolbar-height - Height of the toolbar (docked horizontal / floating horizontal).\n * @cssprop --toolbar-padding-inline - Inline padding of the toolbar.\n * @cssprop --toolbar-gap - Gap between toolbar sections.\n * @cssprop --toolbar-icon-color - Color of icon slots.\n * @cssprop --toolbar-title-color - Color of the title (default slot) text.\n * @cssprop --toolbar-shadow - Box-shadow of the toolbar.\n *\n * @example\n * ```html\n * <!-- Docked toolbar -->\n * <wc-toolbar>\n *   <wc-icon-button variant=\"text\" color=\"surface\"><wc-icon name=\"home\"></wc-icon></wc-icon-button>\n *   <wc-icon-button variant=\"tonal\"><wc-icon name=\"search\"></wc-icon></wc-icon-button>\n *   <wc-icon-button variant=\"text\" color=\"surface\"><wc-icon name=\"favorite\"></wc-icon></wc-icon-button>\n *   <wc-icon-button variant=\"text\" color=\"surface\"><wc-icon name=\"account_circle\"></wc-icon></wc-icon-button>\n * </wc-toolbar>\n * ```\n *\n * @example\n * ```html\n * <!-- Floating horizontal toolbar -->\n * <wc-toolbar variant=\"floating\" orientation=\"horizontal\">\n *   <wc-icon-button variant=\"tonal\"><wc-icon name=\"home\"></wc-icon></wc-icon-button>\n *   <wc-icon-button variant=\"text\"><wc-icon name=\"search\"></wc-icon></wc-icon-button>\n *   <wc-icon-button variant=\"text\"><wc-icon name=\"favorite\"></wc-icon></wc-icon-button>\n * </wc-toolbar>\n * ```\n *\n * @example\n * ```html\n * <!-- Floating vertical toolbar -->\n * <wc-toolbar variant=\"floating\" orientation=\"vertical\">\n *   <wc-icon-button variant=\"tonal\"><wc-icon name=\"home\"></wc-icon></wc-icon-button>\n *   <wc-icon-button variant=\"text\"><wc-icon name=\"search\"></wc-icon></wc-icon-button>\n *   <wc-icon-button variant=\"text\"><wc-icon name=\"favorite\"></wc-icon></wc-icon-button>\n * </wc-toolbar>\n * ```\n * @tags display navigation\n */\n@IndividualComponent\nexport class Toolbar extends LitElement {\n  static styles = [styles, colorStyles];\n\n  /**\n   * Visual and layout variant of the toolbar.\n   * - `\"docked\"`: A full-width bar attached to the edge of the screen (default).\n   * - `\"floating\"`: A detached pill-shaped toolbar that floats over content.\n   */\n  @property({ type: String, reflect: true })\n  variant: 'docked' | 'floating' = 'docked';\n\n  /**\n   * Orientation of the toolbar content.\n   * - `\"horizontal\"`: Items are laid out left to right (default).\n   * - `\"vertical\"`: Items are stacked top to bottom. Primarily useful for the floating variant.\n   */\n  @property({ type: String, reflect: true })\n  orientation: 'horizontal' | 'vertical' = 'horizontal';\n\n  /**\n   * Size of the docked toolbar.\n    * - `\"small\"`: 80dp height (default).\n    * - `\"medium\"`: 96dp height.\n    * - `\"large\"`: 112dp height.\n   */\n  @property({ type: String, reflect: true })\n  size: 'small' | 'medium' | 'large' = 'small';\n\n  /**\n   * Whether the toolbar is visually elevated (adds a shadow).\n   */\n  @property({ type: Boolean, reflect: true })\n  elevated: boolean = false;\n\n  override render() {\n    const cssClasses = {\n      toolbar: true,\n      [`variant-${this.variant}`]: true,\n      [`orientation-${this.orientation}`]: true,\n      [`size-${this.size}`]: true,\n      elevated: this.elevated,\n    };\n\n    if (this.variant === 'floating') {\n      return Toolbar.__renderFloating(cssClasses);\n    }\n\n    return Toolbar.__renderDocked(cssClasses);\n  }\n\n  private static __renderDocked(cssClasses: Record<string, boolean>) {\n    return html`\n      <div class=${classMap(cssClasses)} role=\"toolbar\">\n        <div class=\"background\"></div>\n        <div class=\"toolbar-content\">\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  private static __renderFloating(cssClasses: Record<string, boolean>) {\n    return html`\n      <div class=${classMap(cssClasses)} role=\"toolbar\">\n        <wc-elevation class=\"elevation\"></wc-elevation>\n        <div class=\"background\"></div>\n        <div class=\"toolbar-content\">\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n"],"names":["LitElement","html","classMap","styles","colorStyles","property"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDG;AAEI,IAAM,OAAO,GAAA,SAAA,GAAb,MAAM,OAAQ,SAAQA,GAAU,CAAA;AAAhC,IAAA,WAAA,GAAA;;AAGL;;;;AAIG;QAEH,IAAA,CAAA,OAAO,GAA0B,QAAQ;AAEzC;;;;AAIG;QAEH,IAAA,CAAA,WAAW,GAA8B,YAAY;AAErD;;;;;AAKG;QAEH,IAAA,CAAA,IAAI,GAAiC,OAAO;AAE5C;;AAEG;QAEH,IAAA,CAAA,QAAQ,GAAY,KAAK;IAwC3B;IAtCW,MAAM,GAAA;AACb,QAAA,MAAM,UAAU,GAAG;AACjB,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,CAAC,WAAW,IAAI,CAAC,OAAO,CAAA,CAAE,GAAG,IAAI;AACjC,YAAA,CAAC,eAAe,IAAI,CAAC,WAAW,CAAA,CAAE,GAAG,IAAI;AACzC,YAAA,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAA,CAAE,GAAG,IAAI;YAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB;AAED,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,UAAU,EAAE;AAC/B,YAAA,OAAO,SAAO,CAAC,gBAAgB,CAAC,UAAU,CAAC;QAC7C;AAEA,QAAA,OAAO,SAAO,CAAC,cAAc,CAAC,UAAU,CAAC;IAC3C;IAEQ,OAAO,cAAc,CAAC,UAAmC,EAAA;AAC/D,QAAA,OAAOC,CAAI,CAAA;mBACIC,CAAQ,CAAC,UAAU,CAAC,CAAA;;;;;;KAMlC;IACH;IAEQ,OAAO,gBAAgB,CAAC,UAAmC,EAAA;AACjE,QAAA,OAAOD,CAAI,CAAA;mBACIC,CAAQ,CAAC,UAAU,CAAC,CAAA;;;;;;;KAOlC;IACH;;AAtEO,OAAA,CAAA,MAAM,GAAG,CAACC,UAAM,EAAEC,QAAW,CAAC;AAQrC,UAAA,CAAA;IADCC,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;AACC,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAQ1C,UAAA,CAAA;IADCA,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;AACa,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA;AAStD,UAAA,CAAA;IADCA,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;AACI,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAM7C,UAAA,CAAA;IADCA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAChB,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAhCf,OAAO,GAAA,SAAA,GAAA,UAAA,CAAA;IADnB;AACY,CAAA,EAAA,OAAO,CAwEnB;;;;"}
+{"version":3,"file":"toolbar.js","sources":["../../src/toolbar/toolbar.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport IndividualComponent from '@/IndividualComponent.js';\nimport styles from './toolbar.scss';\nimport colorStyles from './toolbar-colors.scss';\n\n/**\n * @label Toolbar\n * @tag wc-toolbar\n * @rawTag toolbar\n *\n * @summary A toolbar / app bar for navigation and actions.\n * @overview\n * <p>The toolbar component implements the app bar pattern. It supports a\n * docked (attached) variant for bottom-panel navigation and a floating (detached pill-shaped)\n * variant. The floating variant supports both horizontal and vertical orientations.</p>\n *\n * <p>Render toolbar actions directly as children of the component. The docked variant is\n * optimized for a horizontal action row, while the floating variant supports both horizontal\n * and vertical layouts.</p>\n *\n * @cssprop --toolbar-container-color - Background color of the toolbar.\n * @cssprop --toolbar-container-shape - Border radius of the toolbar. Relevant for the floating variant.\n * @cssprop --toolbar-height - Height of the toolbar (docked horizontal / floating horizontal).\n * @cssprop --toolbar-padding-inline - Inline padding of the toolbar.\n * @cssprop --toolbar-gap - Gap between toolbar sections.\n * @cssprop --toolbar-icon-color - Color of icon slots.\n * @cssprop --toolbar-title-color - Color of the title (default slot) text.\n * @cssprop --toolbar-shadow - Box-shadow of the toolbar.\n *\n * @example\n * ```html\n * <!-- Docked toolbar -->\n * <wc-toolbar>\n *   <wc-icon-button variant=\"text\" color=\"surface\"><wc-icon name=\"home\"></wc-icon></wc-icon-button>\n *   <wc-icon-button variant=\"tonal\"><wc-icon name=\"search\"></wc-icon></wc-icon-button>\n *   <wc-icon-button variant=\"text\" color=\"surface\"><wc-icon name=\"favorite\"></wc-icon></wc-icon-button>\n *   <wc-icon-button variant=\"text\" color=\"surface\"><wc-icon name=\"account_circle\"></wc-icon></wc-icon-button>\n * </wc-toolbar>\n * ```\n *\n * @example\n * ```html\n * <!-- Floating horizontal toolbar -->\n * <wc-toolbar variant=\"floating\" orientation=\"horizontal\">\n *   <wc-icon-button variant=\"tonal\"><wc-icon name=\"home\"></wc-icon></wc-icon-button>\n *   <wc-icon-button variant=\"text\"><wc-icon name=\"search\"></wc-icon></wc-icon-button>\n *   <wc-icon-button variant=\"text\"><wc-icon name=\"favorite\"></wc-icon></wc-icon-button>\n * </wc-toolbar>\n * ```\n *\n * @example\n * ```html\n * <!-- Floating vertical toolbar -->\n * <wc-toolbar variant=\"floating\" orientation=\"vertical\">\n *   <wc-icon-button variant=\"tonal\"><wc-icon name=\"home\"></wc-icon></wc-icon-button>\n *   <wc-icon-button variant=\"text\"><wc-icon name=\"search\"></wc-icon></wc-icon-button>\n *   <wc-icon-button variant=\"text\"><wc-icon name=\"favorite\"></wc-icon></wc-icon-button>\n * </wc-toolbar>\n * ```\n * @tags display navigation\n */\n@IndividualComponent\nexport class Toolbar extends LitElement {\n  static styles = [styles, colorStyles];\n\n  /**\n   * Visual and layout variant of the toolbar.\n   * - `\"docked\"`: A full-width bar attached to the edge of the screen (default).\n   * - `\"floating\"`: A detached pill-shaped toolbar that floats over content.\n   */\n  @property({ type: String, reflect: true })\n  variant: 'docked' | 'floating' = 'docked';\n\n  /**\n   * Orientation of the toolbar content.\n   * - `\"horizontal\"`: Items are laid out left to right (default).\n   * - `\"vertical\"`: Items are stacked top to bottom. Primarily useful for the floating variant.\n   */\n  @property({ type: String, reflect: true })\n  orientation: 'horizontal' | 'vertical' = 'horizontal';\n\n  /**\n   * Size of the docked toolbar.\n    * - `\"small\"`: 80dp height (default).\n    * - `\"medium\"`: 96dp height.\n    * - `\"large\"`: 112dp height.\n   */\n  @property({ type: String, reflect: true })\n  size: 'small' | 'medium' | 'large' = 'small';\n\n  /**\n   * Whether the toolbar is visually elevated (adds a shadow).\n   */\n  @property({ type: Boolean, reflect: true })\n  elevated: boolean = false;\n\n  override render() {\n    const cssClasses = {\n      toolbar: true,\n      [`variant-${this.variant}`]: true,\n      [`orientation-${this.orientation}`]: true,\n      [`size-${this.size}`]: true,\n      elevated: this.elevated,\n    };\n\n    if (this.variant === 'floating') {\n      return Toolbar.__renderFloating(cssClasses);\n    }\n\n    return Toolbar.__renderDocked(cssClasses);\n  }\n\n  private static __renderDocked(cssClasses: Record<string, boolean>) {\n    return html`\n      <div class=${classMap(cssClasses)} role=\"toolbar\">\n        <div class=\"background\"></div>\n        <div class=\"toolbar-content\">\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  private static __renderFloating(cssClasses: Record<string, boolean>) {\n    return html`\n      <div class=${classMap(cssClasses)} role=\"toolbar\">\n        <wc-elevation class=\"elevation\"></wc-elevation>\n        <div class=\"background\"></div>\n        <div class=\"toolbar-content\">\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n"],"names":["LitElement","html","classMap","styles","colorStyles","property"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDG;AAEI,IAAM,OAAO,GAAA,SAAA,GAAb,MAAM,OAAQ,SAAQA,GAAU,CAAA;AAAhC,IAAA,WAAA,GAAA;;AAGL;;;;AAIG;QAEH,IAAA,CAAA,OAAO,GAA0B,QAAQ;AAEzC;;;;AAIG;QAEH,IAAA,CAAA,WAAW,GAA8B,YAAY;AAErD;;;;;AAKG;QAEH,IAAA,CAAA,IAAI,GAAiC,OAAO;AAE5C;;AAEG;QAEH,IAAA,CAAA,QAAQ,GAAY,KAAK;IAwC3B;IAtCW,MAAM,GAAA;AACb,QAAA,MAAM,UAAU,GAAG;AACjB,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,CAAC,WAAW,IAAI,CAAC,OAAO,CAAA,CAAE,GAAG,IAAI;AACjC,YAAA,CAAC,eAAe,IAAI,CAAC,WAAW,CAAA,CAAE,GAAG,IAAI;AACzC,YAAA,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAA,CAAE,GAAG,IAAI;YAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB;AAED,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,UAAU,EAAE;AAC/B,YAAA,OAAO,SAAO,CAAC,gBAAgB,CAAC,UAAU,CAAC;QAC7C;AAEA,QAAA,OAAO,SAAO,CAAC,cAAc,CAAC,UAAU,CAAC;IAC3C;IAEQ,OAAO,cAAc,CAAC,UAAmC,EAAA;AAC/D,QAAA,OAAOC,CAAI,CAAA;mBACIC,CAAQ,CAAC,UAAU,CAAC,CAAA;;;;;;KAMlC;IACH;IAEQ,OAAO,gBAAgB,CAAC,UAAmC,EAAA;AACjE,QAAA,OAAOD,CAAI,CAAA;mBACIC,CAAQ,CAAC,UAAU,CAAC,CAAA;;;;;;;KAOlC;IACH;;AAtEO,OAAA,CAAA,MAAM,GAAG,CAACC,UAAM,EAAEC,QAAW,CAAC;AAQrC,UAAA,CAAA;IADCC,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;AACC,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAQ1C,UAAA,CAAA;IADCA,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;AACa,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA;AAStD,UAAA,CAAA;IADCA,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;AACI,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAM7C,UAAA,CAAA;IADCA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAChB,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAhCf,OAAO,GAAA,SAAA,GAAA,UAAA,CAAA;IADnB;AACY,CAAA,EAAA,OAAO,CAwEnB;;;;"}

package/dist/tooltip.js

@@ -0,0 +1,270 @@
+import { i, _ as __decorate, I as IndividualComponent, a as i$1, b } from './IndividualComponent-Bdwyrvd6.js';
+import { n } from './property-B49QQ8pS.js';
+import { e } from './class-map-DG7CA1et.js';
+import { F as FloatingController } from './floating-controller-CnUZnOhK.js';
+import './directive-ZPhl09Yt.js';
+
+var css_248z = i`* {
+  box-sizing: border-box;
+}
+
+.screen-reader-only {
+  display: none !important;
+}
+
+[hidden] {
+  display: none !important;
+}
+
+:host(:not([preview])) {
+  position: absolute;
+  top: 0;
+  left: 0;
+  pointer-events: none;
+  transition: transform var(--duration-short2) ease-in-out, opacity var(--duration-short2) ease-in-out;
+  transform: scale(0);
+  opacity: 0;
+}
+:host(:not([preview])):host([open]) {
+  pointer-events: auto;
+  transform: scale(1);
+  opacity: 1;
+}
+
+.variant-plain .tooltip-content {
+  display: inline-block;
+  font-family: var(--typography-body-small-font-family) !important;
+  font-size: var(--typography-body-small-font-size) !important;
+  font-weight: var(--typography-body-small-font-weight) !important;
+  line-height: var(--typography-body-small-line-height) !important;
+  letter-spacing: var(--typography-body-small-letter-spacing) !important;
+  max-width: 17.5rem;
+  padding-inline: var(--spacing-100);
+  padding-block: var(--spacing-050);
+  color: var(--color-inverse-on-surface);
+  background-color: var(--color-inverse-surface);
+  border-radius: var(--shape-corner-extra-small);
+}
+
+.variant-rich .tooltip-content {
+  display: inline-block;
+  max-width: 17.5rem;
+  padding-block: var(--spacing-150) var(--spacing-100);
+  color: var(--color-on-surface-variant);
+  background-color: var(--color-surface-container);
+  border-radius: var(--shape-corner-medium);
+}
+.variant-rich .elevation {
+  --elevation-level: 2;
+  --elevation-container-shape: var(--shape-corner-medium);
+}
+.variant-rich .tooltip-title {
+  font-family: var(--typography-title-small-font-family) !important;
+  font-size: var(--typography-title-small-font-size) !important;
+  font-weight: var(--typography-title-small-font-weight) !important;
+  line-height: var(--typography-title-small-line-height) !important;
+  letter-spacing: var(--typography-title-small-letter-spacing) !important;
+  margin-block-end: var(--spacing-050);
+  padding-inline: var(--spacing-200);
+}
+.variant-rich .tooltip-support-text {
+  font-family: var(--typography-body-medium-font-family) !important;
+  font-size: var(--typography-body-medium-font-size) !important;
+  font-weight: var(--typography-body-medium-font-weight) !important;
+  line-height: var(--typography-body-medium-line-height) !important;
+  letter-spacing: var(--typography-body-medium-letter-spacing) !important;
+  padding-inline: var(--spacing-200);
+}
+.variant-rich .tooltip-actions {
+  margin-top: var(--spacing-150);
+  padding-inline: var(--spacing-050);
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-100);
+}`;
+
+/**
+ * @label Tooltip
+ * @tag wc-tooltip
+ * @rawTag tooltip
+ * @summary Displays a tooltip for an element.
+ * @tags display
+ *
+ * @example
+ * ```html
+ * <wc-tooltip preview>Tooltip</wc-tooltip>
+ * ```
+ */
+let Tooltip = class Tooltip extends i$1 {
+    constructor() {
+        super(...arguments);
+        this.content = '';
+        /**
+         * The ID of the element the tooltip should attach to.
+         * If not provided, it defaults to the parent element.
+         */
+        this.for = '';
+        this.trigger = 'hover focus';
+        this.open = false;
+        this.variant = 'plain';
+        this.preview = false;
+        this._target = null;
+        this._floating = null;
+    }
+    resolveTrigger() {
+        if (this.preview)
+            return 'manual';
+        const triggerTokens = this.trigger.split(' ');
+        const hasHover = triggerTokens.includes('hover');
+        const hasFocus = triggerTokens.includes('focus');
+        const hasClick = triggerTokens.includes('click');
+        if (hasClick)
+            return 'click';
+        if (hasHover && hasFocus)
+            return 'hover-focus';
+        if (hasFocus)
+            return 'focus';
+        if (hasHover)
+            return 'hover';
+        return 'manual';
+    }
+    detachListeners() {
+        if (this._floating) {
+            this._floating.close();
+            this._floating = null;
+        }
+        this._target = null;
+    }
+    set forElement(value) {
+        if (value) {
+            this._focusTarget = value;
+        }
+        else {
+            this._focusTarget = undefined;
+        }
+    }
+    __getFocusTarget() {
+        if (this._focusTarget) {
+            return this._focusTarget;
+        }
+        const focusTarget = document.getElementById(this.for);
+        if (focusTarget) {
+            return focusTarget;
+        }
+        return this.parentElement;
+    }
+    attachListeners() {
+        this.detachListeners();
+        // Resolve target: ID-based lookup or fallback to parent
+        const root = this.getRootNode();
+        this._target = this.for
+            ? root.getElementById(this.for)
+            : this.parentElement;
+        if (!this._target)
+            return;
+        this._floating = new FloatingController(this, {
+            placement: 'top',
+            strategy: 'fixed',
+            offset: 0,
+            trigger: this.resolveTrigger(),
+            closeOnClickOutside: true,
+            onOpenChange: isOpen => {
+                if (this.open === isOpen)
+                    return;
+                this.open = isOpen;
+            },
+        });
+        this._floating.setElements(this._target, this);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.attachListeners();
+    }
+    disconnectedCallback() {
+        this.detachListeners();
+        super.disconnectedCallback();
+    }
+    updated(changedProps) {
+        // If the 'for' property changes, re-bind listeners to the new target
+        if (changedProps.has('for')) {
+            this.attachListeners();
+        }
+        if (changedProps.has('trigger') || changedProps.has('preview')) {
+            this.attachListeners();
+        }
+        if (this._floating && this._target) {
+            this._floating.setElements(this._target, this);
+            if (changedProps.has('open') && this.open && !this._floating.isOpen) {
+                this._floating.open();
+            }
+            if (changedProps.has('open') && !this.open && this._floating.isOpen) {
+                this._floating.close();
+            }
+        }
+    }
+    render() {
+        return b ` <div
+      class=${e({
+            tooltip: true,
+            [`variant-${this.variant}`]: true,
+        })}
+      id="tooltip"
+      role="tooltip"
+      aria-hidden=${!this.open}
+      aria-labelledby="tooltip-labelledby"
+    >
+      ${this.variant === 'plain'
+            ? this.__renderPlainTooltip()
+            : this.__renderRichTooltip()}
+    </div>`;
+    }
+    // eslint-disable-next-line class-methods-use-this
+    __renderPlainTooltip() {
+        return b `<div class="tooltip-content" id="tooltip-labelledby">
+      <slot></slot>
+    </div>`;
+    }
+    // eslint-disable-next-line class-methods-use-this
+    __renderRichTooltip() {
+        return b `
+      <div class="tooltip-content">
+        <wc-elevation class="elevation"></wc-elevation>
+
+        <div class="tooltip-title" id="tooltip-labelledby">
+          <slot name="title"></slot>
+        </div>
+        <div class="tooltip-support-text">
+          <slot></slot>
+        </div>
+        <div class="tooltip-actions">
+          <slot name="actions"></slot>
+        </div>
+      </div>
+    `;
+    }
+};
+Tooltip.styles = [css_248z];
+__decorate([
+    n()
+], Tooltip.prototype, "content", void 0);
+__decorate([
+    n()
+], Tooltip.prototype, "for", void 0);
+__decorate([
+    n({ type: String })
+], Tooltip.prototype, "trigger", void 0);
+__decorate([
+    n({ type: Boolean, reflect: true })
+], Tooltip.prototype, "open", void 0);
+__decorate([
+    n({ type: String, reflect: true })
+], Tooltip.prototype, "variant", void 0);
+__decorate([
+    n({ type: Boolean, reflect: true })
+], Tooltip.prototype, "preview", void 0);
+Tooltip = __decorate([
+    IndividualComponent
+], Tooltip);
+
+export { Tooltip };
+//# sourceMappingURL=tooltip.js.map

package/dist/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sources":["../../src/tooltip/tooltip.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport styles from './tooltip.scss';\nimport { FloatingController } from '../__internal/controllers/floating-controller.js';\nimport IndividualComponent from '@/IndividualComponent.js';\n\n// Define a type for valid trigger combinations\nexport type TooltipTrigger = 'hover' | 'focus' | 'click';\n\n/**\n * @label Tooltip\n * @tag wc-tooltip\n * @rawTag tooltip\n * @summary Displays a tooltip for an element.\n * @tags display\n *\n * @example\n * ```html\n * <wc-tooltip preview>Tooltip</wc-tooltip>\n * ```\n */\n@IndividualComponent\nexport class Tooltip extends LitElement {\n  static styles = [styles];\n\n  @property() content: string = '';\n\n  /**\n   * The ID of the element the tooltip should attach to.\n   * If not provided, it defaults to the parent element.\n   */\n  @property() for: string = '';\n\n  @property({ type: String }) trigger: string = 'hover focus';\n\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  @property({ type: String, reflect: true }) variant: 'plain' | 'rich' =\n    'plain';\n\n  @property({ type: Boolean, reflect: true }) preview = false;\n\n  private _target: HTMLElement | null = null;\n\n  private _floating: FloatingController | null = null;\n\n  private resolveTrigger():\n    | 'hover'\n    | 'click'\n    | 'focus'\n    | 'manual'\n    | 'hover-focus' {\n    if (this.preview) return 'manual';\n\n    const triggerTokens = this.trigger.split(' ');\n    const hasHover = triggerTokens.includes('hover');\n    const hasFocus = triggerTokens.includes('focus');\n    const hasClick = triggerTokens.includes('click');\n\n    if (hasClick) return 'click';\n    if (hasHover && hasFocus) return 'hover-focus';\n    if (hasFocus) return 'focus';\n    if (hasHover) return 'hover';\n    return 'manual';\n  }\n\n  private detachListeners() {\n    if (this._floating) {\n      this._floating.close();\n      this._floating = null;\n    }\n    this._target = null;\n  }\n\n  _focusTarget?: HTMLElement;\n\n  set forElement(value: HTMLElement | null) {\n    if (value) {\n      this._focusTarget = value;\n    } else {\n      this._focusTarget = undefined;\n    }\n  }\n\n  __getFocusTarget(): HTMLElement | null {\n    if (this._focusTarget) {\n      return this._focusTarget;\n    }\n\n    const focusTarget = document.getElementById(this.for);\n    if (focusTarget) {\n      return focusTarget;\n    }\n\n    return this.parentElement;\n  }\n\n  private attachListeners() {\n    this.detachListeners();\n\n    // Resolve target: ID-based lookup or fallback to parent\n    const root = this.getRootNode() as ShadowRoot | Document;\n    this._target = this.for\n      ? (root.getElementById(this.for) as HTMLElement)\n      : this.parentElement;\n\n    if (!this._target) return;\n\n    this._floating = new FloatingController(this, {\n      placement: 'top',\n      strategy: 'fixed',\n      offset: 0,\n      trigger: this.resolveTrigger(),\n      closeOnClickOutside: true,\n      onOpenChange: isOpen => {\n        if (this.open === isOpen) return;\n        this.open = isOpen;\n      },\n    });\n\n    this._floating.setElements(this._target, this);\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.attachListeners();\n  }\n\n  disconnectedCallback() {\n    this.detachListeners();\n    super.disconnectedCallback();\n  }\n\n  protected updated(changedProps: Map<string, any>) {\n    // If the 'for' property changes, re-bind listeners to the new target\n    if (changedProps.has('for')) {\n      this.attachListeners();\n    }\n\n    if (changedProps.has('trigger') || changedProps.has('preview')) {\n      this.attachListeners();\n    }\n\n    if (this._floating && this._target) {\n      this._floating.setElements(this._target, this);\n\n      if (changedProps.has('open') && this.open && !this._floating.isOpen) {\n        this._floating.open();\n      }\n\n      if (changedProps.has('open') && !this.open && this._floating.isOpen) {\n        this._floating.close();\n      }\n    }\n  }\n\n  render() {\n    return html` <div\n      class=${classMap({\n        tooltip: true,\n        [`variant-${this.variant}`]: true,\n      })}\n      id=\"tooltip\"\n      role=\"tooltip\"\n      aria-hidden=${!this.open}\n      aria-labelledby=\"tooltip-labelledby\"\n    >\n      ${this.variant === 'plain'\n        ? this.__renderPlainTooltip()\n        : this.__renderRichTooltip()}\n    </div>`;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  __renderPlainTooltip() {\n    return html`<div class=\"tooltip-content\" id=\"tooltip-labelledby\">\n      <slot></slot>\n    </div>`;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  __renderRichTooltip() {\n    return html`\n      <div class=\"tooltip-content\">\n        <wc-elevation class=\"elevation\"></wc-elevation>\n\n        <div class=\"tooltip-title\" id=\"tooltip-labelledby\">\n          <slot name=\"title\"></slot>\n        </div>\n        <div class=\"tooltip-support-text\">\n          <slot></slot>\n        </div>\n        <div class=\"tooltip-actions\">\n          <slot name=\"actions\"></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n"],"names":["LitElement","html","classMap","styles","property"],"mappings":"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"}