@fluid-topics/ft-tooltip 0.3.12 → 0.3.13

package/build/ft-tooltip.css.d.ts

@@ -0,0 +1,10 @@
+export declare const FtTooltipCssVariables: {
+    distance: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+    color: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+    backgroundColor: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+    zIndex: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+    borderRadiusS: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+    maxWidth: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+};
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=ft-tooltip.css.d.ts.map

package/build/ft-tooltip.css.js

@@ -0,0 +1,45 @@
+import { css } from "lit";
+import { designSystemVariables, FtCssVariableFactory } from "@fluid-topics/ft-wc-utils";
+export const FtTooltipCssVariables = {
+    distance: FtCssVariableFactory.create("--ft-tooltip-distance", "SIZE", "4px"),
+    color: FtCssVariableFactory.create("--ft-tooltip-color", "COLOR", "#FFFFFF"),
+    backgroundColor: FtCssVariableFactory.create("--ft-tooltip-background-color", "COLOR", "#666666"),
+    zIndex: FtCssVariableFactory.create("--ft-tooltip-z-index", "NUMBER", "1"),
+    borderRadiusS: FtCssVariableFactory.external(designSystemVariables.borderRadiusS, "Design system"),
+    maxWidth: FtCssVariableFactory.create("--ft-tooltip-max-width", "SIZE", "150px"),
+};
+// language=CSS
+export const styles = css `
+    .ft-tooltip--container {
+        display: block;
+        position: relative;
+    }
+
+    .ft-tooltip--inline {
+        display: inline-block;
+        max-width: 100%;
+    }
+
+    .ft-tooltip {
+        position: absolute;
+        box-sizing: border-box;
+        overflow: hidden;
+        width: max-content;
+        max-width: ${FtTooltipCssVariables.maxWidth};
+        text-align: center;
+        padding: ${FtTooltipCssVariables.distance};
+        z-index: ${FtTooltipCssVariables.zIndex};
+    }
+
+    .ft-tooltip--content {
+        padding: 4px 8px;
+        border-radius: ${FtTooltipCssVariables.borderRadiusS};
+        background-color: ${FtTooltipCssVariables.backgroundColor};
+        color: ${FtTooltipCssVariables.color};
+        top: -500px;
+        left: -500px;
+        position: relative;
+        word-break: break-word;
+    }
+`;
+//# sourceMappingURL=ft-tooltip.css.js.map

package/build/ft-tooltip.d.ts

@@ -1,21 +1,6 @@
 import { PropertyValues } from "lit";
 import { ElementDefinitionsMap, FtLitElement } from "@fluid-topics/ft-wc-utils";
-export interface FtTooltipProperties {
-    text: string;
-    inline: boolean;
-    manual: boolean;
-    delay: number;
-    position: Position;
-}
-export declare const FtTooltipCssVariables: {
-    distance: import("@fluid-topics/ft-wc-utils").FtCssVariable;
-    color: import("@fluid-topics/ft-wc-utils").FtCssVariable;
-    backgroundColor: import("@fluid-topics/ft-wc-utils").FtCssVariable;
-    zIndex: import("@fluid-topics/ft-wc-utils").FtCssVariable;
-    borderRadiusS: import("@fluid-topics/ft-wc-utils").FtCssVariable;
-    maxWidth: import("@fluid-topics/ft-wc-utils").FtCssVariable;
-};
-export declare type Position = "top" | "bottom" | "left" | "right";
+import { FtTooltipProperties, Position } from "./ft-tooltip.properties";
 export declare class FtTooltip extends FtLitElement implements FtTooltipProperties {
     static elementDefinitions: ElementDefinitionsMap;
     static styles: import("lit").CSSResult;

package/build/ft-tooltip.js

@@ -4,18 +4,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { css, html } from "lit";
+import { html } from "lit";
 import { property, query, queryAssignedNodes, state } from "lit/decorators.js";
-import { Debouncer, designSystemVariables, FtCssVariableFactory, FtLitElement } from "@fluid-topics/ft-wc-utils";
+import { Debouncer, FtLitElement } from "@fluid-topics/ft-wc-utils";
 import { FtTypography } from "@fluid-topics/ft-typography";
-export const FtTooltipCssVariables = {
-    distance: FtCssVariableFactory.create("--ft-tooltip-distance", "SIZE", "4px"),
-    color: FtCssVariableFactory.create("--ft-tooltip-color", "COLOR", "#FFFFFF"),
-    backgroundColor: FtCssVariableFactory.create("--ft-tooltip-background-color", "COLOR", "#666666"),
-    zIndex: FtCssVariableFactory.create("--ft-tooltip-z-index", "NUMBER", "1"),
-    borderRadiusS: FtCssVariableFactory.external(designSystemVariables.borderRadiusS, "Design system"),
-    maxWidth: FtCssVariableFactory.create("--ft-tooltip-max-width", "SIZE", "150px"),
-};
+import { FtTooltipCssVariables, styles } from "./ft-tooltip.css";
 export class FtTooltip extends FtLitElement {
     constructor() {
         super(...arguments);
@@ -170,40 +163,7 @@ export class FtTooltip extends FtLitElement {
 FtTooltip.elementDefinitions = {
     "ft-typography": FtTypography,
 };
-// language=CSS
-FtTooltip.styles = css `
-        .ft-tooltip--container {
-            display: block;
-            position: relative;
-        }
-
-        .ft-tooltip--inline {
-            display: inline-block;
-            max-width: 100%;
-        }
-
-        .ft-tooltip {
-            position: absolute;
-            box-sizing: border-box;
-            overflow: hidden;
-            width: max-content;
-            max-width: ${FtTooltipCssVariables.maxWidth};
-            text-align: center;
-            padding: ${FtTooltipCssVariables.distance};
-            z-index: ${FtTooltipCssVariables.zIndex};
-        }
-
-        .ft-tooltip--content {
-            padding: 4px 8px;
-            border-radius: ${FtTooltipCssVariables.borderRadiusS};
-            background-color: ${FtTooltipCssVariables.backgroundColor};
-            color: ${FtTooltipCssVariables.color};
-            top: -500px;
-            left: -500px;
-            position: relative;
-            word-break: break-word;
-        }
-    `;
+FtTooltip.styles = styles;
 __decorate([
     property()
 ], FtTooltip.prototype, "text", void 0);

package/build/ft-tooltip.light.js

@@ -10,109 +10,141 @@ var s;const n=globalThis.trustedTypes,r=n?n.createPolicy("lit-html",{createHTML:
      * Copyright 2020 Google LLC
      * SPDX-License-Identifier: BSD-3-Clause
      */
-const M=Symbol.for(""),Z=t=>{if((null==t?void 0:t.r)===M)return null==t?void 0:t._$litStatic$},W=t=>({_$litStatic$:t,r:M}),B=new Map,G=(t=>(i,...o)=>{const e=o.length;let s,n;const r=[],h=[];let l,a=0,p=!1;for(;a<e;){for(l=i[a];a<e&&void 0!==(n=o[a],s=Z(n));)l+=s+i[++a],p=!0;h.push(n),r.push(l),a++}if(a===e&&r.push(i[e]),p){const t=r.join("$$lit$$");void 0===(i=B.get(t))&&(r.raw=r,B.set(t,i=r)),o=h}return t(i,...o)})(x);var H,L=function(t,i,o,e){for(var s,n=arguments.length,r=n<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,o):e,h=t.length-1;h>=0;h--)(s=t[h])&&(r=(n<3?s(r):n>3?s(i,o,r):s(i,o))||r);return n>3&&r&&Object.defineProperty(i,o,r),r};!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button"}(H||(H={}));const P=i.FtCssVariableFactory.extend("--ft-typography-font-family",i.designSystemVariables.titleFont),K=i.FtCssVariableFactory.extend("--ft-typography-font-family",i.designSystemVariables.contentFont),D={fontFamily:K,fontSize:i.FtCssVariableFactory.create("--ft-typography-font-size","SIZE","16px"),fontWeight:i.FtCssVariableFactory.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:i.FtCssVariableFactory.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:i.FtCssVariableFactory.create("--ft-typography-line-height","NUMBER","1.5"),textTransform:i.FtCssVariableFactory.create("--ft-typography-text-transform","UNKNOWN","inherit")},q=i.FtCssVariableFactory.extend("--ft-typography-title-font-family",P),J=i.FtCssVariableFactory.extend("--ft-typography-title-font-size",D.fontSize,"20px"),Q=i.FtCssVariableFactory.extend("--ft-typography-title-font-weight",D.fontWeight,"normal"),V=i.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing",D.letterSpacing,"0.15px"),X=i.FtCssVariableFactory.extend("--ft-typography-title-line-height",D.lineHeight,"1.2"),Y=i.FtCssVariableFactory.extend("--ft-typography-title-text-transform",D.textTransform,"inherit"),tt=i.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family",P),it=i.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size",D.fontSize,"14px"),ot=i.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight",D.fontWeight,"normal"),et=i.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing",D.letterSpacing,"0.105px"),st=i.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height",D.lineHeight,"1.7"),nt=i.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform",D.textTransform,"inherit"),rt=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family",K),ht=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size",D.fontSize,"16px"),lt=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight",D.fontWeight,"600"),at=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing",D.letterSpacing,"0.144px"),pt=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height",D.lineHeight,"1.5"),ft=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform",D.textTransform,"inherit"),yt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family",K),gt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size",D.fontSize,"14px"),ct=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight",D.fontWeight,"normal"),dt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing",D.letterSpacing,"0.098px"),ut=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height",D.lineHeight,"1.7"),vt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform",D.textTransform,"inherit"),$t=i.FtCssVariableFactory.extend("--ft-typography-body1-font-family",K),bt=i.FtCssVariableFactory.extend("--ft-typography-body1-font-size",D.fontSize,"16px"),mt=i.FtCssVariableFactory.extend("--ft-typography-body1-font-weight",D.fontWeight,"normal"),xt=i.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing",D.letterSpacing,"0.496px"),wt=i.FtCssVariableFactory.extend("--ft-typography-body1-line-height",D.lineHeight,"1.5"),zt=i.FtCssVariableFactory.extend("--ft-typography-body1-text-transform",D.textTransform,"inherit"),kt=i.FtCssVariableFactory.extend("--ft-typography-body2-font-family",K),At=i.FtCssVariableFactory.extend("--ft-typography-body2-font-size",D.fontSize,"14px"),Nt=i.FtCssVariableFactory.extend("--ft-typography-body2-font-weight",D.fontWeight,"normal"),_t=i.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing",D.letterSpacing,"0.252px"),St=i.FtCssVariableFactory.extend("--ft-typography-body2-line-height",D.lineHeight,"1.4"),Tt=i.FtCssVariableFactory.extend("--ft-typography-body2-text-transform",D.textTransform,"inherit"),Et=i.FtCssVariableFactory.extend("--ft-typography-caption-font-family",K),Ot=i.FtCssVariableFactory.extend("--ft-typography-caption-font-size",D.fontSize,"12px"),Ct=i.FtCssVariableFactory.extend("--ft-typography-caption-font-weight",D.fontWeight,"normal"),It=i.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing",D.letterSpacing,"0.396px"),Rt=i.FtCssVariableFactory.extend("--ft-typography-caption-line-height",D.lineHeight,"1.33"),Ut=i.FtCssVariableFactory.extend("--ft-typography-caption-text-transform",D.textTransform,"inherit"),jt=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family",K),Ft=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size",D.fontSize,"10px"),Mt=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight",D.fontWeight,"normal"),Zt=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing",D.letterSpacing,"0.33px"),Wt=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height",D.lineHeight,"1.6"),Bt=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform",D.textTransform,"inherit"),Gt=i.FtCssVariableFactory.extend("--ft-typography-overline-font-family",K),Ht=i.FtCssVariableFactory.extend("--ft-typography-overline-font-size",D.fontSize,"10px"),Lt=i.FtCssVariableFactory.extend("--ft-typography-overline-font-weight",D.fontWeight,"normal"),Pt=i.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing",D.letterSpacing,"1.5px"),Kt=i.FtCssVariableFactory.extend("--ft-typography-overline-line-height",D.lineHeight,"1.6"),Dt=i.FtCssVariableFactory.extend("--ft-typography-overline-text-transform",D.textTransform,"uppercase"),qt=i.FtCssVariableFactory.extend("--ft-typography-button-font-family",K),Jt=i.FtCssVariableFactory.extend("--ft-typography-button-font-size",D.fontSize,"14px"),Qt=i.FtCssVariableFactory.extend("--ft-typography-button-font-weight",D.fontWeight,"600"),Vt=i.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing",D.letterSpacing,"1.246px"),Xt=i.FtCssVariableFactory.extend("--ft-typography-button-line-height",D.lineHeight,"1.15"),Yt=i.FtCssVariableFactory.extend("--ft-typography-button-text-transform",D.textTransform,"uppercase"),ti=o.css`
+const M=Symbol.for(""),Z=t=>{if((null==t?void 0:t.r)===M)return null==t?void 0:t._$litStatic$},W=t=>({_$litStatic$:t,r:M}),B=new Map,G=(t=>(i,...o)=>{const e=o.length;let s,n;const r=[],h=[];let l,a=0,p=!1;for(;a<e;){for(l=i[a];a<e&&void 0!==(n=o[a],s=Z(n));)l+=s+i[++a],p=!0;h.push(n),r.push(l),a++}if(a===e&&r.push(i[e]),p){const t=r.join("$$lit$$");void 0===(i=B.get(t))&&(r.raw=r,B.set(t,i=r)),o=h}return t(i,...o)})(x);var H;!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button"}(H||(H={}));const L=i.FtCssVariableFactory.extend("--ft-typography-font-family",i.designSystemVariables.titleFont),P=i.FtCssVariableFactory.extend("--ft-typography-font-family",i.designSystemVariables.contentFont),K={fontFamily:P,fontSize:i.FtCssVariableFactory.create("--ft-typography-font-size","SIZE","16px"),fontWeight:i.FtCssVariableFactory.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:i.FtCssVariableFactory.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:i.FtCssVariableFactory.create("--ft-typography-line-height","NUMBER","1.5"),textTransform:i.FtCssVariableFactory.create("--ft-typography-text-transform","UNKNOWN","inherit")},D=i.FtCssVariableFactory.extend("--ft-typography-title-font-family",L),q=i.FtCssVariableFactory.extend("--ft-typography-title-font-size",K.fontSize,"20px"),J=i.FtCssVariableFactory.extend("--ft-typography-title-font-weight",K.fontWeight,"normal"),Q=i.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing",K.letterSpacing,"0.15px"),V=i.FtCssVariableFactory.extend("--ft-typography-title-line-height",K.lineHeight,"1.2"),X=i.FtCssVariableFactory.extend("--ft-typography-title-text-transform",K.textTransform,"inherit"),Y=i.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family",L),tt=i.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size",K.fontSize,"14px"),it=i.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight",K.fontWeight,"normal"),ot=i.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing",K.letterSpacing,"0.105px"),et=i.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height",K.lineHeight,"1.7"),st=i.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform",K.textTransform,"inherit"),nt=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family",P),rt=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size",K.fontSize,"16px"),ht=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight",K.fontWeight,"600"),lt=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing",K.letterSpacing,"0.144px"),at=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height",K.lineHeight,"1.5"),pt=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform",K.textTransform,"inherit"),ft=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family",P),yt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size",K.fontSize,"14px"),gt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight",K.fontWeight,"normal"),ct=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing",K.letterSpacing,"0.098px"),dt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height",K.lineHeight,"1.7"),ut=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform",K.textTransform,"inherit"),vt=i.FtCssVariableFactory.extend("--ft-typography-body1-font-family",P),$t=i.FtCssVariableFactory.extend("--ft-typography-body1-font-size",K.fontSize,"16px"),bt=i.FtCssVariableFactory.extend("--ft-typography-body1-font-weight",K.fontWeight,"normal"),mt=i.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing",K.letterSpacing,"0.496px"),xt=i.FtCssVariableFactory.extend("--ft-typography-body1-line-height",K.lineHeight,"1.5"),wt=i.FtCssVariableFactory.extend("--ft-typography-body1-text-transform",K.textTransform,"inherit"),zt=i.FtCssVariableFactory.extend("--ft-typography-body2-font-family",P),kt=i.FtCssVariableFactory.extend("--ft-typography-body2-font-size",K.fontSize,"14px"),At=i.FtCssVariableFactory.extend("--ft-typography-body2-font-weight",K.fontWeight,"normal"),Nt=i.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing",K.letterSpacing,"0.252px"),_t=i.FtCssVariableFactory.extend("--ft-typography-body2-line-height",K.lineHeight,"1.4"),St=i.FtCssVariableFactory.extend("--ft-typography-body2-text-transform",K.textTransform,"inherit"),Tt=i.FtCssVariableFactory.extend("--ft-typography-caption-font-family",P),Et=i.FtCssVariableFactory.extend("--ft-typography-caption-font-size",K.fontSize,"12px"),Ot=i.FtCssVariableFactory.extend("--ft-typography-caption-font-weight",K.fontWeight,"normal"),Ct=i.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing",K.letterSpacing,"0.396px"),It=i.FtCssVariableFactory.extend("--ft-typography-caption-line-height",K.lineHeight,"1.33"),Rt=i.FtCssVariableFactory.extend("--ft-typography-caption-text-transform",K.textTransform,"inherit"),Ut=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family",P),jt=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size",K.fontSize,"10px"),Ft=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight",K.fontWeight,"normal"),Mt=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing",K.letterSpacing,"0.33px"),Zt=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height",K.lineHeight,"1.6"),Wt=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform",K.textTransform,"inherit"),Bt=i.FtCssVariableFactory.extend("--ft-typography-overline-font-family",P),Gt=i.FtCssVariableFactory.extend("--ft-typography-overline-font-size",K.fontSize,"10px"),Ht=i.FtCssVariableFactory.extend("--ft-typography-overline-font-weight",K.fontWeight,"normal"),Lt=i.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing",K.letterSpacing,"1.5px"),Pt=i.FtCssVariableFactory.extend("--ft-typography-overline-line-height",K.lineHeight,"1.6"),Kt=i.FtCssVariableFactory.extend("--ft-typography-overline-text-transform",K.textTransform,"uppercase"),Dt=i.FtCssVariableFactory.extend("--ft-typography-button-font-family",P),qt=i.FtCssVariableFactory.extend("--ft-typography-button-font-size",K.fontSize,"14px"),Jt=i.FtCssVariableFactory.extend("--ft-typography-button-font-weight",K.fontWeight,"600"),Qt=i.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing",K.letterSpacing,"1.246px"),Vt=i.FtCssVariableFactory.extend("--ft-typography-button-line-height",K.lineHeight,"1.15"),Xt=i.FtCssVariableFactory.extend("--ft-typography-button-text-transform",K.textTransform,"uppercase"),Yt=o.css`
     .ft-typography--title {
-        font-family: ${q};
-        font-size: ${J};
-        font-weight: ${Q};
-        letter-spacing: ${V};
-        line-height: ${X};
-        text-transform: ${Y};
+        font-family: ${D};
+        font-size: ${q};
+        font-weight: ${J};
+        letter-spacing: ${Q};
+        line-height: ${V};
+        text-transform: ${X};
     }
-`,ii=o.css`
+`,ti=o.css`
     .ft-typography--title-dense {
-        font-family: ${tt};
-        font-size: ${it};
-        font-weight: ${ot};
-        letter-spacing: ${et};
-        line-height: ${st};
-        text-transform: ${nt};
+        font-family: ${Y};
+        font-size: ${tt};
+        font-weight: ${it};
+        letter-spacing: ${ot};
+        line-height: ${et};
+        text-transform: ${st};
     }
-`,oi=o.css`
+`,ii=o.css`
     .ft-typography--subtitle1 {
-        font-family: ${rt};
-        font-size: ${ht};
-        font-weight: ${lt};
-        letter-spacing: ${at};
-        line-height: ${pt};
-        text-transform: ${ft};
+        font-family: ${nt};
+        font-size: ${rt};
+        font-weight: ${ht};
+        letter-spacing: ${lt};
+        line-height: ${at};
+        text-transform: ${pt};
     }
-`,ei=o.css`
+`,oi=o.css`
     .ft-typography--subtitle2 {
-        font-family: ${yt};
-        font-size: ${gt};
-        font-weight: ${ct};
-        letter-spacing: ${dt};
-        line-height: ${ut};
-        text-transform: ${vt};
+        font-family: ${ft};
+        font-size: ${yt};
+        font-weight: ${gt};
+        letter-spacing: ${ct};
+        line-height: ${dt};
+        text-transform: ${ut};
     }
 
-`,si=o.css`
+`,ei=o.css`
     .ft-typography--body1 {
-        font-family: ${$t};
-        font-size: ${bt};
-        font-weight: ${mt};
-        letter-spacing: ${xt};
-        line-height: ${wt};
-        text-transform: ${zt};
+        font-family: ${vt};
+        font-size: ${$t};
+        font-weight: ${bt};
+        letter-spacing: ${mt};
+        line-height: ${xt};
+        text-transform: ${wt};
     }
-`,ni=o.css`
+`,si=o.css`
     .ft-typography--body2 {
-        font-family: ${kt};
-        font-size: ${At};
-        font-weight: ${Nt};
-        letter-spacing: ${_t};
-        line-height: ${St};
-        text-transform: ${Tt};
+        font-family: ${zt};
+        font-size: ${kt};
+        font-weight: ${At};
+        letter-spacing: ${Nt};
+        line-height: ${_t};
+        text-transform: ${St};
     }
-`,ri=o.css`
+`,ni=o.css`
     .ft-typography--caption {
-        font-family: ${Et};
-        font-size: ${Ot};
-        font-weight: ${Ct};
-        letter-spacing: ${It};
-        line-height: ${Rt};
-        text-transform: ${Ut};
+        font-family: ${Tt};
+        font-size: ${Et};
+        font-weight: ${Ot};
+        letter-spacing: ${Ct};
+        line-height: ${It};
+        text-transform: ${Rt};
     }
-`,hi=o.css`
+`,ri=o.css`
     .ft-typography--breadcrumb {
-        font-family: ${jt};
-        font-size: ${Ft};
-        font-weight: ${Mt};
-        letter-spacing: ${Zt};
-        line-height: ${Wt};
-        text-transform: ${Bt};
+        font-family: ${Ut};
+        font-size: ${jt};
+        font-weight: ${Ft};
+        letter-spacing: ${Mt};
+        line-height: ${Zt};
+        text-transform: ${Wt};
     }
-`,li=o.css`
+`,hi=o.css`
     .ft-typography--overline {
-        font-family: ${Gt};
-        font-size: ${Ht};
-        font-weight: ${Lt};
-        letter-spacing: ${Pt};
-        line-height: ${Kt};
-        text-transform: ${Dt};
+        font-family: ${Bt};
+        font-size: ${Gt};
+        font-weight: ${Ht};
+        letter-spacing: ${Lt};
+        line-height: ${Pt};
+        text-transform: ${Kt};
     }
-`,ai=o.css`
+`,li=o.css`
     .ft-typography--button {
-        font-family: ${qt};
-        font-size: ${Jt};
-        font-weight: ${Qt};
-        letter-spacing: ${Vt};
-        line-height: ${Xt};
-        text-transform: ${Yt};
+        font-family: ${Dt};
+        font-size: ${qt};
+        font-weight: ${Jt};
+        letter-spacing: ${Qt};
+        line-height: ${Vt};
+        text-transform: ${Xt};
+    }
+`,ai=o.css`
+    .ft-typography {
+        vertical-align: inherit;
     }
-`;class pi extends i.FtLitElement{constructor(){super(...arguments),this.variant=H.body1}render(){return this.element?G`
+`;var pi=function(t,i,o,e){for(var s,n=arguments.length,r=n<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,o):e,h=t.length-1;h>=0;h--)(s=t[h])&&(r=(n<3?s(r):n>3?s(i,o,r):s(i,o))||r);return n>3&&r&&Object.defineProperty(i,o,r),r};class fi extends i.FtLitElement{constructor(){super(...arguments),this.variant=H.body1}render(){return this.element?G`
                 <${W(this.element)}
                         class="ft-typography ft-typography--${this.variant}">
                     <slot></slot>
                 </${W(this.element)}>
             `:G`
             <slot class="ft-typography ft-typography--${this.variant}"></slot>
-        `}}pi.styles=[ti,ii,oi,ei,si,ni,ri,hi,li,ai,o.css`
-            .ft-typography {
-                vertical-align: inherit;
-            }
-        `],L([e.property()],pi.prototype,"element",void 0),L([e.property()],pi.prototype,"variant",void 0),i.customElement("ft-typography")(pi);var fi=function(t,i,o,e){for(var s,n=arguments.length,r=n<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,o):e,h=t.length-1;h>=0;h--)(s=t[h])&&(r=(n<3?s(r):n>3?s(i,o,r):s(i,o))||r);return n>3&&r&&Object.defineProperty(i,o,r),r};const yi={distance:i.FtCssVariableFactory.create("--ft-tooltip-distance","SIZE","4px"),color:i.FtCssVariableFactory.create("--ft-tooltip-color","COLOR","#FFFFFF"),backgroundColor:i.FtCssVariableFactory.create("--ft-tooltip-background-color","COLOR","#666666"),zIndex:i.FtCssVariableFactory.create("--ft-tooltip-z-index","NUMBER","1"),borderRadiusS:i.FtCssVariableFactory.external(i.designSystemVariables.borderRadiusS,"Design system"),maxWidth:i.FtCssVariableFactory.create("--ft-tooltip-max-width","SIZE","150px")};class gi extends i.FtLitElement{constructor(){super(...arguments),this.text="",this.manual=!1,this.inline=!1,this.delay=500,this.position="bottom",this.visible=!1,this.hideDebounce=new i.Debouncer,this.revealDebouncer=new i.Debouncer}render(){return o.html`
+        `}}fi.styles=[Yt,ti,ii,oi,ei,si,ni,ri,hi,li,ai],pi([e.property()],fi.prototype,"element",void 0),pi([e.property()],fi.prototype,"variant",void 0),i.customElement("ft-typography")(fi);const yi={distance:i.FtCssVariableFactory.create("--ft-tooltip-distance","SIZE","4px"),color:i.FtCssVariableFactory.create("--ft-tooltip-color","COLOR","#FFFFFF"),backgroundColor:i.FtCssVariableFactory.create("--ft-tooltip-background-color","COLOR","#666666"),zIndex:i.FtCssVariableFactory.create("--ft-tooltip-z-index","NUMBER","1"),borderRadiusS:i.FtCssVariableFactory.external(i.designSystemVariables.borderRadiusS,"Design system"),maxWidth:i.FtCssVariableFactory.create("--ft-tooltip-max-width","SIZE","150px")},gi=o.css`
+    .ft-tooltip--container {
+        display: block;
+        position: relative;
+    }
+
+    .ft-tooltip--inline {
+        display: inline-block;
+        max-width: 100%;
+    }
+
+    .ft-tooltip {
+        position: absolute;
+        box-sizing: border-box;
+        overflow: hidden;
+        width: max-content;
+        max-width: ${yi.maxWidth};
+        text-align: center;
+        padding: ${yi.distance};
+        z-index: ${yi.zIndex};
+    }
+
+    .ft-tooltip--content {
+        padding: 4px 8px;
+        border-radius: ${yi.borderRadiusS};
+        background-color: ${yi.backgroundColor};
+        color: ${yi.color};
+        top: -500px;
+        left: -500px;
+        position: relative;
+        word-break: break-word;
+    }
+`;var ci=function(t,i,o,e){for(var s,n=arguments.length,r=n<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,o):e,h=t.length-1;h>=0;h--)(s=t[h])&&(r=(n<3?s(r):n>3?s(i,o,r):s(i,o))||r);return n>3&&r&&Object.defineProperty(i,o,r),r};class di extends i.FtLitElement{constructor(){super(...arguments),this.text="",this.manual=!1,this.inline=!1,this.delay=500,this.position="bottom",this.visible=!1,this.hideDebounce=new i.Debouncer,this.revealDebouncer=new i.Debouncer}render(){return o.html`
             <div part="container"
                  class="ft-tooltip--container ${this.inline?"ft-tooltip--inline":""}"
                  @mouseenter=${this.onHover}
@@ -128,36 +160,4 @@ const M=Symbol.for(""),Z=t=>{if((null==t?void 0:t.r)===M)return null==t?void 0:t
                 </div>
                 <slot></slot>
             </div>
-        `}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){t.has("visible")&&this.visible&&this.positionTooltip()}show(t){this.visible=!0,null!=t&&this.hideDebounce.run((()=>this.hide()),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.position){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){this.resetTooltipContent();const t=this.slottedElement;if(this.tooltip&&t){const i=t.getBoundingClientRect(),o=(i.height-this.tooltip.clientHeight)/2,e=(i.width-this.tooltip.clientWidth)/2;let s=0,n=0;switch(this.position){case"top":n=-this.tooltip.clientHeight,s=e;break;case"bottom":n=i.height,s=e;break;case"left":n=o,s=-this.tooltip.clientWidth;break;case"right":n=o,s=i.width}i.left+s+this.tooltip.clientWidth>window.innerWidth&&(s=window.innerWidth-this.tooltip.clientWidth-i.left),i.left+s<0&&(s=0);const r=this.tooltip.style;r.left=s+"px",r.top=n+"px",r.maxWidth=`max(${i.width}px, ${yi.maxWidth})`}this.revealDebouncer.run((()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")}),this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout((()=>window.addEventListener("touchstart",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}}gi.elementDefinitions={"ft-typography":pi},gi.styles=o.css`
-        .ft-tooltip--container {
-            display: block;
-            position: relative;
-        }
-
-        .ft-tooltip--inline {
-            display: inline-block;
-            max-width: 100%;
-        }
-
-        .ft-tooltip {
-            position: absolute;
-            box-sizing: border-box;
-            overflow: hidden;
-            width: max-content;
-            max-width: ${yi.maxWidth};
-            text-align: center;
-            padding: ${yi.distance};
-            z-index: ${yi.zIndex};
-        }
-
-        .ft-tooltip--content {
-            padding: 4px 8px;
-            border-radius: ${yi.borderRadiusS};
-            background-color: ${yi.backgroundColor};
-            color: ${yi.color};
-            top: -500px;
-            left: -500px;
-            position: relative;
-            word-break: break-word;
-        }
-    `,fi([e.property()],gi.prototype,"text",void 0),fi([e.property({type:Boolean})],gi.prototype,"manual",void 0),fi([e.property({type:Boolean})],gi.prototype,"inline",void 0),fi([e.property({type:Number})],gi.prototype,"delay",void 0),fi([e.property()],gi.prototype,"position",void 0),fi([e.queryAssignedNodes("",!0)],gi.prototype,"slotNodes",void 0),fi([e.query(".ft-tooltip--container")],gi.prototype,"container",void 0),fi([e.query("slot")],gi.prototype,"target",void 0),fi([e.query(".ft-tooltip")],gi.prototype,"tooltip",void 0),fi([e.query(".ft-tooltip--content")],gi.prototype,"tooltipContent",void 0),fi([e.state()],gi.prototype,"visible",void 0),i.customElement("ft-tooltip")(gi),t.FtTooltip=gi,t.FtTooltipCssVariables=yi,Object.defineProperty(t,"t",{value:!0})}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litDecorators);
+        `}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){t.has("visible")&&this.visible&&this.positionTooltip()}show(t){this.visible=!0,null!=t&&this.hideDebounce.run((()=>this.hide()),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.position){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){this.resetTooltipContent();const t=this.slottedElement;if(this.tooltip&&t){const i=t.getBoundingClientRect(),o=(i.height-this.tooltip.clientHeight)/2,e=(i.width-this.tooltip.clientWidth)/2;let s=0,n=0;switch(this.position){case"top":n=-this.tooltip.clientHeight,s=e;break;case"bottom":n=i.height,s=e;break;case"left":n=o,s=-this.tooltip.clientWidth;break;case"right":n=o,s=i.width}i.left+s+this.tooltip.clientWidth>window.innerWidth&&(s=window.innerWidth-this.tooltip.clientWidth-i.left),i.left+s<0&&(s=0);const r=this.tooltip.style;r.left=s+"px",r.top=n+"px",r.maxWidth=`max(${i.width}px, ${yi.maxWidth})`}this.revealDebouncer.run((()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")}),this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout((()=>window.addEventListener("touchstart",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}}di.elementDefinitions={"ft-typography":fi},di.styles=gi,ci([e.property()],di.prototype,"text",void 0),ci([e.property({type:Boolean})],di.prototype,"manual",void 0),ci([e.property({type:Boolean})],di.prototype,"inline",void 0),ci([e.property({type:Number})],di.prototype,"delay",void 0),ci([e.property()],di.prototype,"position",void 0),ci([e.queryAssignedNodes("",!0)],di.prototype,"slotNodes",void 0),ci([e.query(".ft-tooltip--container")],di.prototype,"container",void 0),ci([e.query("slot")],di.prototype,"target",void 0),ci([e.query(".ft-tooltip")],di.prototype,"tooltip",void 0),ci([e.query(".ft-tooltip--content")],di.prototype,"tooltipContent",void 0),ci([e.state()],di.prototype,"visible",void 0),i.customElement("ft-tooltip")(di),t.FtTooltip=di,t.FtTooltipCssVariables=yi,t.styles=gi,Object.defineProperty(t,"t",{value:!0})}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litDecorators);

package/build/ft-tooltip.min.js

@@ -88,109 +88,141 @@ var st,rt;null==nt||nt(J,G),(null!==(N=globalThis.litHtmlVersions)&&void 0!==N?N
      * Copyright 2020 Google LLC
      * SPDX-License-Identifier: BSD-3-Clause
      */
-const yt=Symbol.for(""),gt=t=>{if((null==t?void 0:t.r)===yt)return null==t?void 0:t._$litStatic$},vt=t=>({_$litStatic$:t,r:yt}),bt=new Map,mt=(t=>(i,...e)=>{const o=e.length;let n,s;const r=[],a=[];let l,h=0,c=!1;for(;h<o;){for(l=i[h];h<o&&void 0!==(s=e[h],n=gt(s));)l+=n+i[++h],c=!0;a.push(s),r.push(l),h++}if(h===o&&r.push(i[o]),c){const t=r.join("$$lit$$");void 0===(i=bt.get(t))&&(r.raw=r,bt.set(t,i=r)),e=a}return t(i,...e)})(D);var xt,wt=function(t,i,e,o){for(var n,s=arguments.length,r=s<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,a=t.length-1;a>=0;a--)(n=t[a])&&(r=(s<3?n(r):s>3?n(i,e,r):n(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button"}(xt||(xt={}));const $t=ht.extend("--ft-typography-font-family",ct.titleFont),Ot=ht.extend("--ft-typography-font-family",ct.contentFont),St={fontFamily:Ot,fontSize:ht.create("--ft-typography-font-size","SIZE","16px"),fontWeight:ht.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:ht.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:ht.create("--ft-typography-line-height","NUMBER","1.5"),textTransform:ht.create("--ft-typography-text-transform","UNKNOWN","inherit")},Nt=ht.extend("--ft-typography-title-font-family",$t),Ct=ht.extend("--ft-typography-title-font-size",St.fontSize,"20px"),Et=ht.extend("--ft-typography-title-font-weight",St.fontWeight,"normal"),Rt=ht.extend("--ft-typography-title-letter-spacing",St.letterSpacing,"0.15px"),Mt=ht.extend("--ft-typography-title-line-height",St.lineHeight,"1.2"),kt=ht.extend("--ft-typography-title-text-transform",St.textTransform,"inherit"),Ut=ht.extend("--ft-typography-title-dense-font-family",$t),Ft=ht.extend("--ft-typography-title-dense-font-size",St.fontSize,"14px"),Lt=ht.extend("--ft-typography-title-dense-font-weight",St.fontWeight,"normal"),At=ht.extend("--ft-typography-title-dense-letter-spacing",St.letterSpacing,"0.105px"),Pt=ht.extend("--ft-typography-title-dense-line-height",St.lineHeight,"1.7"),Tt=ht.extend("--ft-typography-title-dense-text-transform",St.textTransform,"inherit"),zt=ht.extend("--ft-typography-subtitle1-font-family",Ot),jt=ht.extend("--ft-typography-subtitle1-font-size",St.fontSize,"16px"),Bt=ht.extend("--ft-typography-subtitle1-font-weight",St.fontWeight,"600"),_t=ht.extend("--ft-typography-subtitle1-letter-spacing",St.letterSpacing,"0.144px"),Wt=ht.extend("--ft-typography-subtitle1-line-height",St.lineHeight,"1.5"),Dt=ht.extend("--ft-typography-subtitle1-text-transform",St.textTransform,"inherit"),Ht=ht.extend("--ft-typography-subtitle2-font-family",Ot),Kt=ht.extend("--ft-typography-subtitle2-font-size",St.fontSize,"14px"),It=ht.extend("--ft-typography-subtitle2-font-weight",St.fontWeight,"normal"),Zt=ht.extend("--ft-typography-subtitle2-letter-spacing",St.letterSpacing,"0.098px"),Vt=ht.extend("--ft-typography-subtitle2-line-height",St.lineHeight,"1.7"),Jt=ht.extend("--ft-typography-subtitle2-text-transform",St.textTransform,"inherit"),qt=ht.extend("--ft-typography-body1-font-family",Ot),Xt=ht.extend("--ft-typography-body1-font-size",St.fontSize,"16px"),Gt=ht.extend("--ft-typography-body1-font-weight",St.fontWeight,"normal"),Qt=ht.extend("--ft-typography-body1-letter-spacing",St.letterSpacing,"0.496px"),Yt=ht.extend("--ft-typography-body1-line-height",St.lineHeight,"1.5"),ti=ht.extend("--ft-typography-body1-text-transform",St.textTransform,"inherit"),ii=ht.extend("--ft-typography-body2-font-family",Ot),ei=ht.extend("--ft-typography-body2-font-size",St.fontSize,"14px"),oi=ht.extend("--ft-typography-body2-font-weight",St.fontWeight,"normal"),ni=ht.extend("--ft-typography-body2-letter-spacing",St.letterSpacing,"0.252px"),si=ht.extend("--ft-typography-body2-line-height",St.lineHeight,"1.4"),ri=ht.extend("--ft-typography-body2-text-transform",St.textTransform,"inherit"),ai=ht.extend("--ft-typography-caption-font-family",Ot),li=ht.extend("--ft-typography-caption-font-size",St.fontSize,"12px"),hi=ht.extend("--ft-typography-caption-font-weight",St.fontWeight,"normal"),ci=ht.extend("--ft-typography-caption-letter-spacing",St.letterSpacing,"0.396px"),pi=ht.extend("--ft-typography-caption-line-height",St.lineHeight,"1.33"),fi=ht.extend("--ft-typography-caption-text-transform",St.textTransform,"inherit"),ui=ht.extend("--ft-typography-breadcrumb-font-family",Ot),di=ht.extend("--ft-typography-breadcrumb-font-size",St.fontSize,"10px"),yi=ht.extend("--ft-typography-breadcrumb-font-weight",St.fontWeight,"normal"),gi=ht.extend("--ft-typography-breadcrumb-letter-spacing",St.letterSpacing,"0.33px"),vi=ht.extend("--ft-typography-breadcrumb-line-height",St.lineHeight,"1.6"),bi=ht.extend("--ft-typography-breadcrumb-text-transform",St.textTransform,"inherit"),mi=ht.extend("--ft-typography-overline-font-family",Ot),xi=ht.extend("--ft-typography-overline-font-size",St.fontSize,"10px"),wi=ht.extend("--ft-typography-overline-font-weight",St.fontWeight,"normal"),$i=ht.extend("--ft-typography-overline-letter-spacing",St.letterSpacing,"1.5px"),Oi=ht.extend("--ft-typography-overline-line-height",St.lineHeight,"1.6"),Si=ht.extend("--ft-typography-overline-text-transform",St.textTransform,"uppercase"),Ni=ht.extend("--ft-typography-button-font-family",Ot),Ci=ht.extend("--ft-typography-button-font-size",St.fontSize,"14px"),Ei=ht.extend("--ft-typography-button-font-weight",St.fontWeight,"600"),Ri=ht.extend("--ft-typography-button-letter-spacing",St.letterSpacing,"1.246px"),Mi=ht.extend("--ft-typography-button-line-height",St.lineHeight,"1.15"),ki=ht.extend("--ft-typography-button-text-transform",St.textTransform,"uppercase"),Ui=d`
+const yt=Symbol.for(""),gt=t=>{if((null==t?void 0:t.r)===yt)return null==t?void 0:t._$litStatic$},vt=t=>({_$litStatic$:t,r:yt}),bt=new Map,mt=(t=>(i,...e)=>{const o=e.length;let n,s;const r=[],a=[];let l,h=0,c=!1;for(;h<o;){for(l=i[h];h<o&&void 0!==(s=e[h],n=gt(s));)l+=n+i[++h],c=!0;a.push(s),r.push(l),h++}if(h===o&&r.push(i[o]),c){const t=r.join("$$lit$$");void 0===(i=bt.get(t))&&(r.raw=r,bt.set(t,i=r)),e=a}return t(i,...e)})(D);var xt;!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button"}(xt||(xt={}));const wt=ht.extend("--ft-typography-font-family",ct.titleFont),$t=ht.extend("--ft-typography-font-family",ct.contentFont),Ot={fontFamily:$t,fontSize:ht.create("--ft-typography-font-size","SIZE","16px"),fontWeight:ht.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:ht.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:ht.create("--ft-typography-line-height","NUMBER","1.5"),textTransform:ht.create("--ft-typography-text-transform","UNKNOWN","inherit")},St=ht.extend("--ft-typography-title-font-family",wt),Nt=ht.extend("--ft-typography-title-font-size",Ot.fontSize,"20px"),Ct=ht.extend("--ft-typography-title-font-weight",Ot.fontWeight,"normal"),Et=ht.extend("--ft-typography-title-letter-spacing",Ot.letterSpacing,"0.15px"),Rt=ht.extend("--ft-typography-title-line-height",Ot.lineHeight,"1.2"),Mt=ht.extend("--ft-typography-title-text-transform",Ot.textTransform,"inherit"),kt=ht.extend("--ft-typography-title-dense-font-family",wt),Ut=ht.extend("--ft-typography-title-dense-font-size",Ot.fontSize,"14px"),Ft=ht.extend("--ft-typography-title-dense-font-weight",Ot.fontWeight,"normal"),Lt=ht.extend("--ft-typography-title-dense-letter-spacing",Ot.letterSpacing,"0.105px"),At=ht.extend("--ft-typography-title-dense-line-height",Ot.lineHeight,"1.7"),Pt=ht.extend("--ft-typography-title-dense-text-transform",Ot.textTransform,"inherit"),Tt=ht.extend("--ft-typography-subtitle1-font-family",$t),zt=ht.extend("--ft-typography-subtitle1-font-size",Ot.fontSize,"16px"),jt=ht.extend("--ft-typography-subtitle1-font-weight",Ot.fontWeight,"600"),Bt=ht.extend("--ft-typography-subtitle1-letter-spacing",Ot.letterSpacing,"0.144px"),_t=ht.extend("--ft-typography-subtitle1-line-height",Ot.lineHeight,"1.5"),Wt=ht.extend("--ft-typography-subtitle1-text-transform",Ot.textTransform,"inherit"),Dt=ht.extend("--ft-typography-subtitle2-font-family",$t),Ht=ht.extend("--ft-typography-subtitle2-font-size",Ot.fontSize,"14px"),Kt=ht.extend("--ft-typography-subtitle2-font-weight",Ot.fontWeight,"normal"),It=ht.extend("--ft-typography-subtitle2-letter-spacing",Ot.letterSpacing,"0.098px"),Zt=ht.extend("--ft-typography-subtitle2-line-height",Ot.lineHeight,"1.7"),Vt=ht.extend("--ft-typography-subtitle2-text-transform",Ot.textTransform,"inherit"),Jt=ht.extend("--ft-typography-body1-font-family",$t),qt=ht.extend("--ft-typography-body1-font-size",Ot.fontSize,"16px"),Xt=ht.extend("--ft-typography-body1-font-weight",Ot.fontWeight,"normal"),Gt=ht.extend("--ft-typography-body1-letter-spacing",Ot.letterSpacing,"0.496px"),Qt=ht.extend("--ft-typography-body1-line-height",Ot.lineHeight,"1.5"),Yt=ht.extend("--ft-typography-body1-text-transform",Ot.textTransform,"inherit"),ti=ht.extend("--ft-typography-body2-font-family",$t),ii=ht.extend("--ft-typography-body2-font-size",Ot.fontSize,"14px"),ei=ht.extend("--ft-typography-body2-font-weight",Ot.fontWeight,"normal"),oi=ht.extend("--ft-typography-body2-letter-spacing",Ot.letterSpacing,"0.252px"),ni=ht.extend("--ft-typography-body2-line-height",Ot.lineHeight,"1.4"),si=ht.extend("--ft-typography-body2-text-transform",Ot.textTransform,"inherit"),ri=ht.extend("--ft-typography-caption-font-family",$t),ai=ht.extend("--ft-typography-caption-font-size",Ot.fontSize,"12px"),li=ht.extend("--ft-typography-caption-font-weight",Ot.fontWeight,"normal"),hi=ht.extend("--ft-typography-caption-letter-spacing",Ot.letterSpacing,"0.396px"),ci=ht.extend("--ft-typography-caption-line-height",Ot.lineHeight,"1.33"),pi=ht.extend("--ft-typography-caption-text-transform",Ot.textTransform,"inherit"),fi=ht.extend("--ft-typography-breadcrumb-font-family",$t),ui=ht.extend("--ft-typography-breadcrumb-font-size",Ot.fontSize,"10px"),di=ht.extend("--ft-typography-breadcrumb-font-weight",Ot.fontWeight,"normal"),yi=ht.extend("--ft-typography-breadcrumb-letter-spacing",Ot.letterSpacing,"0.33px"),gi=ht.extend("--ft-typography-breadcrumb-line-height",Ot.lineHeight,"1.6"),vi=ht.extend("--ft-typography-breadcrumb-text-transform",Ot.textTransform,"inherit"),bi=ht.extend("--ft-typography-overline-font-family",$t),mi=ht.extend("--ft-typography-overline-font-size",Ot.fontSize,"10px"),xi=ht.extend("--ft-typography-overline-font-weight",Ot.fontWeight,"normal"),wi=ht.extend("--ft-typography-overline-letter-spacing",Ot.letterSpacing,"1.5px"),$i=ht.extend("--ft-typography-overline-line-height",Ot.lineHeight,"1.6"),Oi=ht.extend("--ft-typography-overline-text-transform",Ot.textTransform,"uppercase"),Si=ht.extend("--ft-typography-button-font-family",$t),Ni=ht.extend("--ft-typography-button-font-size",Ot.fontSize,"14px"),Ci=ht.extend("--ft-typography-button-font-weight",Ot.fontWeight,"600"),Ei=ht.extend("--ft-typography-button-letter-spacing",Ot.letterSpacing,"1.246px"),Ri=ht.extend("--ft-typography-button-line-height",Ot.lineHeight,"1.15"),Mi=ht.extend("--ft-typography-button-text-transform",Ot.textTransform,"uppercase"),ki=d`
     .ft-typography--title {
-        font-family: ${Nt};
-        font-size: ${Ct};
-        font-weight: ${Et};
-        letter-spacing: ${Rt};
-        line-height: ${Mt};
-        text-transform: ${kt};
+        font-family: ${St};
+        font-size: ${Nt};
+        font-weight: ${Ct};
+        letter-spacing: ${Et};
+        line-height: ${Rt};
+        text-transform: ${Mt};
     }
-`,Fi=d`
+`,Ui=d`
     .ft-typography--title-dense {
-        font-family: ${Ut};
-        font-size: ${Ft};
-        font-weight: ${Lt};
-        letter-spacing: ${At};
-        line-height: ${Pt};
-        text-transform: ${Tt};
+        font-family: ${kt};
+        font-size: ${Ut};
+        font-weight: ${Ft};
+        letter-spacing: ${Lt};
+        line-height: ${At};
+        text-transform: ${Pt};
     }
-`,Li=d`
+`,Fi=d`
     .ft-typography--subtitle1 {
-        font-family: ${zt};
-        font-size: ${jt};
-        font-weight: ${Bt};
-        letter-spacing: ${_t};
-        line-height: ${Wt};
-        text-transform: ${Dt};
+        font-family: ${Tt};
+        font-size: ${zt};
+        font-weight: ${jt};
+        letter-spacing: ${Bt};
+        line-height: ${_t};
+        text-transform: ${Wt};
     }
-`,Ai=d`
+`,Li=d`
     .ft-typography--subtitle2 {
-        font-family: ${Ht};
-        font-size: ${Kt};
-        font-weight: ${It};
-        letter-spacing: ${Zt};
-        line-height: ${Vt};
-        text-transform: ${Jt};
+        font-family: ${Dt};
+        font-size: ${Ht};
+        font-weight: ${Kt};
+        letter-spacing: ${It};
+        line-height: ${Zt};
+        text-transform: ${Vt};
     }
 
-`,Pi=d`
+`,Ai=d`
     .ft-typography--body1 {
-        font-family: ${qt};
-        font-size: ${Xt};
-        font-weight: ${Gt};
-        letter-spacing: ${Qt};
-        line-height: ${Yt};
-        text-transform: ${ti};
+        font-family: ${Jt};
+        font-size: ${qt};
+        font-weight: ${Xt};
+        letter-spacing: ${Gt};
+        line-height: ${Qt};
+        text-transform: ${Yt};
     }
-`,Ti=d`
+`,Pi=d`
     .ft-typography--body2 {
-        font-family: ${ii};
-        font-size: ${ei};
-        font-weight: ${oi};
-        letter-spacing: ${ni};
-        line-height: ${si};
-        text-transform: ${ri};
+        font-family: ${ti};
+        font-size: ${ii};
+        font-weight: ${ei};
+        letter-spacing: ${oi};
+        line-height: ${ni};
+        text-transform: ${si};
     }
-`,zi=d`
+`,Ti=d`
     .ft-typography--caption {
-        font-family: ${ai};
-        font-size: ${li};
-        font-weight: ${hi};
-        letter-spacing: ${ci};
-        line-height: ${pi};
-        text-transform: ${fi};
+        font-family: ${ri};
+        font-size: ${ai};
+        font-weight: ${li};
+        letter-spacing: ${hi};
+        line-height: ${ci};
+        text-transform: ${pi};
     }
-`,ji=d`
+`,zi=d`
     .ft-typography--breadcrumb {
-        font-family: ${ui};
-        font-size: ${di};
-        font-weight: ${yi};
-        letter-spacing: ${gi};
-        line-height: ${vi};
-        text-transform: ${bi};
+        font-family: ${fi};
+        font-size: ${ui};
+        font-weight: ${di};
+        letter-spacing: ${yi};
+        line-height: ${gi};
+        text-transform: ${vi};
     }
-`,Bi=d`
+`,ji=d`
     .ft-typography--overline {
-        font-family: ${mi};
-        font-size: ${xi};
-        font-weight: ${wi};
-        letter-spacing: ${$i};
-        line-height: ${Oi};
-        text-transform: ${Si};
+        font-family: ${bi};
+        font-size: ${mi};
+        font-weight: ${xi};
+        letter-spacing: ${wi};
+        line-height: ${$i};
+        text-transform: ${Oi};
     }
-`,_i=d`
+`,Bi=d`
     .ft-typography--button {
-        font-family: ${Ni};
-        font-size: ${Ci};
-        font-weight: ${Ei};
-        letter-spacing: ${Ri};
-        line-height: ${Mi};
-        text-transform: ${ki};
-    }
-`;class Wi extends dt{constructor(){super(...arguments),this.variant=xt.body1}render(){return this.element?mt`
+        font-family: ${Si};
+        font-size: ${Ni};
+        font-weight: ${Ci};
+        letter-spacing: ${Ei};
+        line-height: ${Ri};
+        text-transform: ${Mi};
+    }
+`,_i=d`
+    .ft-typography {
+        vertical-align: inherit;
+    }
+`;var Wi=function(t,i,e,o){for(var n,s=arguments.length,r=s<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,a=t.length-1;a>=0;a--)(n=t[a])&&(r=(s<3?n(r):s>3?n(i,e,r):n(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};class Di extends dt{constructor(){super(...arguments),this.variant=xt.body1}render(){return this.element?mt`
                 <${vt(this.element)}
                         class="ft-typography ft-typography--${this.variant}">
                     <slot></slot>
                 </${vt(this.element)}>
             `:mt`
             <slot class="ft-typography ft-typography--${this.variant}"></slot>
-        `}}Wi.styles=[Ui,Fi,Li,Ai,Pi,Ti,zi,ji,Bi,_i,d`
-            .ft-typography {
-                vertical-align: inherit;
-            }
-        `],wt([o()],Wi.prototype,"element",void 0),wt([o()],Wi.prototype,"variant",void 0),l("ft-typography")(Wi);var Di=function(t,i,e,o){for(var n,s=arguments.length,r=s<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,a=t.length-1;a>=0;a--)(n=t[a])&&(r=(s<3?n(r):s>3?n(i,e,r):n(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};const Hi={distance:ht.create("--ft-tooltip-distance","SIZE","4px"),color:ht.create("--ft-tooltip-color","COLOR","#FFFFFF"),backgroundColor:ht.create("--ft-tooltip-background-color","COLOR","#666666"),zIndex:ht.create("--ft-tooltip-z-index","NUMBER","1"),borderRadiusS:ht.external(ct.borderRadiusS,"Design system"),maxWidth:ht.create("--ft-tooltip-max-width","SIZE","150px")};class Ki extends dt{constructor(){super(...arguments),this.text="",this.manual=!1,this.inline=!1,this.delay=500,this.position="bottom",this.visible=!1,this.hideDebounce=new i,this.revealDebouncer=new i}render(){return D`
+        `}}Di.styles=[ki,Ui,Fi,Li,Ai,Pi,Ti,zi,ji,Bi,_i],Wi([o()],Di.prototype,"element",void 0),Wi([o()],Di.prototype,"variant",void 0),l("ft-typography")(Di);const Hi={distance:ht.create("--ft-tooltip-distance","SIZE","4px"),color:ht.create("--ft-tooltip-color","COLOR","#FFFFFF"),backgroundColor:ht.create("--ft-tooltip-background-color","COLOR","#666666"),zIndex:ht.create("--ft-tooltip-z-index","NUMBER","1"),borderRadiusS:ht.external(ct.borderRadiusS,"Design system"),maxWidth:ht.create("--ft-tooltip-max-width","SIZE","150px")},Ki=d`
+    .ft-tooltip--container {
+        display: block;
+        position: relative;
+    }
+
+    .ft-tooltip--inline {
+        display: inline-block;
+        max-width: 100%;
+    }
+
+    .ft-tooltip {
+        position: absolute;
+        box-sizing: border-box;
+        overflow: hidden;
+        width: max-content;
+        max-width: ${Hi.maxWidth};
+        text-align: center;
+        padding: ${Hi.distance};
+        z-index: ${Hi.zIndex};
+    }
+
+    .ft-tooltip--content {
+        padding: 4px 8px;
+        border-radius: ${Hi.borderRadiusS};
+        background-color: ${Hi.backgroundColor};
+        color: ${Hi.color};
+        top: -500px;
+        left: -500px;
+        position: relative;
+        word-break: break-word;
+    }
+`;var Ii=function(t,i,e,o){for(var n,s=arguments.length,r=s<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,a=t.length-1;a>=0;a--)(n=t[a])&&(r=(s<3?n(r):s>3?n(i,e,r):n(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};class Zi extends dt{constructor(){super(...arguments),this.text="",this.manual=!1,this.inline=!1,this.delay=500,this.position="bottom",this.visible=!1,this.hideDebounce=new i,this.revealDebouncer=new i}render(){return D`
             <div part="container"
                  class="ft-tooltip--container ${this.inline?"ft-tooltip--inline":""}"
                  @mouseenter=${this.onHover}
@@ -206,42 +238,10 @@ const yt=Symbol.for(""),gt=t=>{if((null==t?void 0:t.r)===yt)return null==t?void
                 </div>
                 <slot></slot>
             </div>
-        `}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){t.has("visible")&&this.visible&&this.positionTooltip()}show(t){this.visible=!0,null!=t&&this.hideDebounce.run((()=>this.hide()),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.position){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){this.resetTooltipContent();const t=this.slottedElement;if(this.tooltip&&t){const i=t.getBoundingClientRect(),e=(i.height-this.tooltip.clientHeight)/2,o=(i.width-this.tooltip.clientWidth)/2;let n=0,s=0;switch(this.position){case"top":s=-this.tooltip.clientHeight,n=o;break;case"bottom":s=i.height,n=o;break;case"left":s=e,n=-this.tooltip.clientWidth;break;case"right":s=e,n=i.width}i.left+n+this.tooltip.clientWidth>window.innerWidth&&(n=window.innerWidth-this.tooltip.clientWidth-i.left),i.left+n<0&&(n=0);const r=this.tooltip.style;r.left=n+"px",r.top=s+"px",r.maxWidth=`max(${i.width}px, ${Hi.maxWidth})`}this.revealDebouncer.run((()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")}),this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout((()=>window.addEventListener("touchstart",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}}Ki.elementDefinitions={"ft-typography":Wi},Ki.styles=d`
-        .ft-tooltip--container {
-            display: block;
-            position: relative;
-        }
-
-        .ft-tooltip--inline {
-            display: inline-block;
-            max-width: 100%;
-        }
-
-        .ft-tooltip {
-            position: absolute;
-            box-sizing: border-box;
-            overflow: hidden;
-            width: max-content;
-            max-width: ${Hi.maxWidth};
-            text-align: center;
-            padding: ${Hi.distance};
-            z-index: ${Hi.zIndex};
-        }
-
-        .ft-tooltip--content {
-            padding: 4px 8px;
-            border-radius: ${Hi.borderRadiusS};
-            background-color: ${Hi.backgroundColor};
-            color: ${Hi.color};
-            top: -500px;
-            left: -500px;
-            position: relative;
-            word-break: break-word;
-        }
-    `,Di([o()],Ki.prototype,"text",void 0),Di([o({type:Boolean})],Ki.prototype,"manual",void 0),Di([o({type:Boolean})],Ki.prototype,"inline",void 0),Di([o({type:Number})],Ki.prototype,"delay",void 0),Di([o()],Ki.prototype,"position",void 0),Di([
+        `}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){t.has("visible")&&this.visible&&this.positionTooltip()}show(t){this.visible=!0,null!=t&&this.hideDebounce.run((()=>this.hide()),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.position){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){this.resetTooltipContent();const t=this.slottedElement;if(this.tooltip&&t){const i=t.getBoundingClientRect(),e=(i.height-this.tooltip.clientHeight)/2,o=(i.width-this.tooltip.clientWidth)/2;let n=0,s=0;switch(this.position){case"top":s=-this.tooltip.clientHeight,n=o;break;case"bottom":s=i.height,n=o;break;case"left":s=e,n=-this.tooltip.clientWidth;break;case"right":s=e,n=i.width}i.left+n+this.tooltip.clientWidth>window.innerWidth&&(n=window.innerWidth-this.tooltip.clientWidth-i.left),i.left+n<0&&(n=0);const r=this.tooltip.style;r.left=n+"px",r.top=s+"px",r.maxWidth=`max(${i.width}px, ${Hi.maxWidth})`}this.revealDebouncer.run((()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")}),this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout((()=>window.addEventListener("touchstart",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}}Zi.elementDefinitions={"ft-typography":Di},Zi.styles=Ki,Ii([o()],Zi.prototype,"text",void 0),Ii([o({type:Boolean})],Zi.prototype,"manual",void 0),Ii([o({type:Boolean})],Zi.prototype,"inline",void 0),Ii([o({type:Number})],Zi.prototype,"delay",void 0),Ii([o()],Zi.prototype,"position",void 0),Ii([
 /**
      * @license
      * Copyright 2017 Google LLC
      * SPDX-License-Identifier: BSD-3-Clause
      */
-function(t,i,e){let o,s=t;return"object"==typeof t?(s=t.slot,o=t):o={flatten:i},e?function(t){const{slot:i,selector:e}=null!=t?t:{};return n({descriptor:o=>({get(){var o;const n="slot"+(i?`[name=${i}]`:":not([name])"),s=null===(o=this.renderRoot)||void 0===o?void 0:o.querySelector(n),r=null!=s?a(s,t):[];return e?r.filter((t=>t.matches(e))):r},enumerable:!0,configurable:!0})})}({slot:s,flatten:i,selector:e}):n({descriptor:t=>({get(){var t,i;const e="slot"+(s?`[name=${s}]`:":not([name])"),n=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector(e);return null!==(i=null==n?void 0:n.assignedNodes(o))&&void 0!==i?i:[]},enumerable:!0,configurable:!0})})}("",!0)],Ki.prototype,"slotNodes",void 0),Di([s(".ft-tooltip--container")],Ki.prototype,"container",void 0),Di([s("slot")],Ki.prototype,"target",void 0),Di([s(".ft-tooltip")],Ki.prototype,"tooltip",void 0),Di([s(".ft-tooltip--content")],Ki.prototype,"tooltipContent",void 0),Di([function(t){return o({...t,state:!0})}()],Ki.prototype,"visible",void 0),l("ft-tooltip")(Ki),t.FtTooltip=Ki,t.FtTooltipCssVariables=Hi,Object.defineProperty(t,"i",{value:!0})}({});
+function(t,i,e){let o,s=t;return"object"==typeof t?(s=t.slot,o=t):o={flatten:i},e?function(t){const{slot:i,selector:e}=null!=t?t:{};return n({descriptor:o=>({get(){var o;const n="slot"+(i?`[name=${i}]`:":not([name])"),s=null===(o=this.renderRoot)||void 0===o?void 0:o.querySelector(n),r=null!=s?a(s,t):[];return e?r.filter((t=>t.matches(e))):r},enumerable:!0,configurable:!0})})}({slot:s,flatten:i,selector:e}):n({descriptor:t=>({get(){var t,i;const e="slot"+(s?`[name=${s}]`:":not([name])"),n=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector(e);return null!==(i=null==n?void 0:n.assignedNodes(o))&&void 0!==i?i:[]},enumerable:!0,configurable:!0})})}("",!0)],Zi.prototype,"slotNodes",void 0),Ii([s(".ft-tooltip--container")],Zi.prototype,"container",void 0),Ii([s("slot")],Zi.prototype,"target",void 0),Ii([s(".ft-tooltip")],Zi.prototype,"tooltip",void 0),Ii([s(".ft-tooltip--content")],Zi.prototype,"tooltipContent",void 0),Ii([function(t){return o({...t,state:!0})}()],Zi.prototype,"visible",void 0),l("ft-tooltip")(Zi),t.FtTooltip=Zi,t.FtTooltipCssVariables=Hi,t.styles=Ki,Object.defineProperty(t,"i",{value:!0})}({});

package/build/ft-tooltip.properties.d.ts

@@ -0,0 +1,9 @@
+export declare type Position = "top" | "bottom" | "left" | "right";
+export interface FtTooltipProperties {
+    text: string;
+    inline: boolean;
+    manual: boolean;
+    delay: number;
+    position: Position;
+}
+//# sourceMappingURL=ft-tooltip.properties.d.ts.map

package/build/ft-tooltip.properties.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ft-tooltip.properties.js.map

package/build/index.d.ts

@@ -1,2 +1,4 @@
 export * from "./ft-tooltip";
+export * from "./ft-tooltip.css";
+export * from "./ft-tooltip.properties";
 //# sourceMappingURL=index.d.ts.map

package/build/index.js

@@ -1,5 +1,7 @@
 import { customElement } from "@fluid-topics/ft-wc-utils";
 import { FtTooltip } from "./ft-tooltip";
 export * from "./ft-tooltip";
+export * from "./ft-tooltip.css";
+export * from "./ft-tooltip.properties";
 customElement("ft-tooltip")(FtTooltip);
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-tooltip",
-  "version": "0.3.12",
+  "version": "0.3.13",
   "description": "A simple tooltip component",
   "keywords": [
     "Lit"
@@ -19,9 +19,9 @@
     "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
   },
   "dependencies": {
-    "@fluid-topics/ft-typography": "0.3.12",
-    "@fluid-topics/ft-wc-utils": "0.3.12",
+    "@fluid-topics/ft-typography": "0.3.13",
+    "@fluid-topics/ft-wc-utils": "0.3.13",
     "lit": "2.2.8"
   },
-  "gitHead": "126fc60c5ec4b89c3897901d1a92ee9b17286686"
+  "gitHead": "84b5fc920bc5d2bdb646b5da8815ad51caaf228e"
 }