@cupra/ui-kit 1.0.0-canary.14 → 1.0.0-canary.16

package/dist/node_modules/.pnpm/@floating-ui_dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.js

@@ -0,0 +1,313 @@
+import { flip as Z, shift as tt, offset as et, arrow as ot, size as it, computePosition as nt } from "../../../../../@floating-ui_core@1.7.3/node_modules/@floating-ui/core/dist/floating-ui.core.js";
+import { createCoords as d, round as W, max as O, min as A, rectToClientRect as X } from "../../../../../@floating-ui_utils@0.2.10/node_modules/@floating-ui/utils/dist/floating-ui.utils.js";
+import { isElement as p, getDocumentElement as m, getComputedStyle as w, isHTMLElement as x, getWindow as b, isTopLayer as D, getParentNode as T, isLastTraversableNode as S, isTableElement as st, isContainingBlock as _, getContainingBlock as rt, getNodeName as N, isOverflowElement as H, getNodeScroll as E, getOverflowAncestors as ct, getFrameElement as M, isWebKit as P } from "../../../../../@floating-ui_utils@0.2.10/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js";
+function K(t) {
+  const e = w(t);
+  let i = parseFloat(e.width) || 0, o = parseFloat(e.height) || 0;
+  const n = x(t), r = n ? t.offsetWidth : i, s = n ? t.offsetHeight : o, c = W(i) !== r || W(o) !== s;
+  return c && (i = r, o = s), {
+    width: i,
+    height: o,
+    $: c
+  };
+}
+function j(t) {
+  return p(t) ? t : t.contextElement;
+}
+function R(t) {
+  const e = j(t);
+  if (!x(e))
+    return d(1);
+  const i = e.getBoundingClientRect(), {
+    width: o,
+    height: n,
+    $: r
+  } = K(e);
+  let s = (r ? W(i.width) : i.width) / o, c = (r ? W(i.height) : i.height) / n;
+  return (!s || !Number.isFinite(s)) && (s = 1), (!c || !Number.isFinite(c)) && (c = 1), {
+    x: s,
+    y: c
+  };
+}
+const lt = /* @__PURE__ */ d(0);
+function q(t) {
+  const e = b(t);
+  return !P() || !e.visualViewport ? lt : {
+    x: e.visualViewport.offsetLeft,
+    y: e.visualViewport.offsetTop
+  };
+}
+function ft(t, e, i) {
+  return e === void 0 && (e = !1), !i || e && i !== b(t) ? !1 : e;
+}
+function v(t, e, i, o) {
+  e === void 0 && (e = !1), i === void 0 && (i = !1);
+  const n = t.getBoundingClientRect(), r = j(t);
+  let s = d(1);
+  e && (o ? p(o) && (s = R(o)) : s = R(t));
+  const c = ft(r, i, o) ? q(r) : d(0);
+  let l = (n.left + c.x) / s.x, f = (n.top + c.y) / s.y, u = n.width / s.x, h = n.height / s.y;
+  if (r) {
+    const g = b(r), a = o && p(o) ? b(o) : o;
+    let C = g, y = M(C);
+    for (; y && o && a !== C; ) {
+      const L = R(y), V = y.getBoundingClientRect(), $ = w(y), U = V.left + (y.clientLeft + parseFloat($.paddingLeft)) * L.x, Y = V.top + (y.clientTop + parseFloat($.paddingTop)) * L.y;
+      l *= L.x, f *= L.y, u *= L.x, h *= L.y, l += U, f += Y, C = b(y), y = M(C);
+    }
+  }
+  return X({
+    width: u,
+    height: h,
+    x: l,
+    y: f
+  });
+}
+function F(t, e) {
+  const i = E(t).scrollLeft;
+  return e ? e.left + i : v(m(t)).left + i;
+}
+function G(t, e) {
+  const i = t.getBoundingClientRect(), o = i.left + e.scrollLeft - F(t, i), n = i.top + e.scrollTop;
+  return {
+    x: o,
+    y: n
+  };
+}
+function ut(t) {
+  let {
+    elements: e,
+    rect: i,
+    offsetParent: o,
+    strategy: n
+  } = t;
+  const r = n === "fixed", s = m(o), c = e ? D(e.floating) : !1;
+  if (o === s || c && r)
+    return i;
+  let l = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, f = d(1);
+  const u = d(0), h = x(o);
+  if ((h || !h && !r) && ((N(o) !== "body" || H(s)) && (l = E(o)), x(o))) {
+    const a = v(o);
+    f = R(o), u.x = a.x + o.clientLeft, u.y = a.y + o.clientTop;
+  }
+  const g = s && !h && !r ? G(s, l) : d(0);
+  return {
+    width: i.width * f.x,
+    height: i.height * f.y,
+    x: i.x * f.x - l.scrollLeft * f.x + u.x + g.x,
+    y: i.y * f.y - l.scrollTop * f.y + u.y + g.y
+  };
+}
+function ht(t) {
+  return Array.from(t.getClientRects());
+}
+function dt(t) {
+  const e = m(t), i = E(t), o = t.ownerDocument.body, n = O(e.scrollWidth, e.clientWidth, o.scrollWidth, o.clientWidth), r = O(e.scrollHeight, e.clientHeight, o.scrollHeight, o.clientHeight);
+  let s = -i.scrollLeft + F(t);
+  const c = -i.scrollTop;
+  return w(o).direction === "rtl" && (s += O(e.clientWidth, o.clientWidth) - n), {
+    width: n,
+    height: r,
+    x: s,
+    y: c
+  };
+}
+const I = 25;
+function gt(t, e) {
+  const i = b(t), o = m(t), n = i.visualViewport;
+  let r = o.clientWidth, s = o.clientHeight, c = 0, l = 0;
+  if (n) {
+    r = n.width, s = n.height;
+    const u = P();
+    (!u || u && e === "fixed") && (c = n.offsetLeft, l = n.offsetTop);
+  }
+  const f = F(o);
+  if (f <= 0) {
+    const u = o.ownerDocument, h = u.body, g = getComputedStyle(h), a = u.compatMode === "CSS1Compat" && parseFloat(g.marginLeft) + parseFloat(g.marginRight) || 0, C = Math.abs(o.clientWidth - h.clientWidth - a);
+    C <= I && (r -= C);
+  } else f <= I && (r += f);
+  return {
+    width: r,
+    height: s,
+    x: c,
+    y: l
+  };
+}
+const at = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function pt(t, e) {
+  const i = v(t, !0, e === "fixed"), o = i.top + t.clientTop, n = i.left + t.clientLeft, r = x(t) ? R(t) : d(1), s = t.clientWidth * r.x, c = t.clientHeight * r.y, l = n * r.x, f = o * r.y;
+  return {
+    width: s,
+    height: c,
+    x: l,
+    y: f
+  };
+}
+function k(t, e, i) {
+  let o;
+  if (e === "viewport")
+    o = gt(t, i);
+  else if (e === "document")
+    o = dt(m(t));
+  else if (p(e))
+    o = pt(e, i);
+  else {
+    const n = q(t);
+    o = {
+      x: e.x - n.x,
+      y: e.y - n.y,
+      width: e.width,
+      height: e.height
+    };
+  }
+  return X(o);
+}
+function J(t, e) {
+  const i = T(t);
+  return i === e || !p(i) || S(i) ? !1 : w(i).position === "fixed" || J(i, e);
+}
+function wt(t, e) {
+  const i = e.get(t);
+  if (i)
+    return i;
+  let o = ct(t, []).filter((c) => p(c) && N(c) !== "body"), n = null;
+  const r = w(t).position === "fixed";
+  let s = r ? T(t) : t;
+  for (; p(s) && !S(s); ) {
+    const c = w(s), l = _(s);
+    !l && c.position === "fixed" && (n = null), (r ? !l && !n : !l && c.position === "static" && !!n && at.has(n.position) || H(s) && !l && J(t, s)) ? o = o.filter((u) => u !== s) : n = c, s = T(s);
+  }
+  return e.set(t, o), o;
+}
+function yt(t) {
+  let {
+    element: e,
+    boundary: i,
+    rootBoundary: o,
+    strategy: n
+  } = t;
+  const s = [...i === "clippingAncestors" ? D(e) ? [] : wt(e, this._c) : [].concat(i), o], c = s[0], l = s.reduce((f, u) => {
+    const h = k(e, u, n);
+    return f.top = O(h.top, f.top), f.right = A(h.right, f.right), f.bottom = A(h.bottom, f.bottom), f.left = O(h.left, f.left), f;
+  }, k(e, c, n));
+  return {
+    width: l.right - l.left,
+    height: l.bottom - l.top,
+    x: l.left,
+    y: l.top
+  };
+}
+function xt(t) {
+  const {
+    width: e,
+    height: i
+  } = K(t);
+  return {
+    width: e,
+    height: i
+  };
+}
+function mt(t, e, i) {
+  const o = x(e), n = m(e), r = i === "fixed", s = v(t, !0, r, e);
+  let c = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const l = d(0);
+  function f() {
+    l.x = F(n);
+  }
+  if (o || !o && !r)
+    if ((N(e) !== "body" || H(n)) && (c = E(e)), o) {
+      const a = v(e, !0, r, e);
+      l.x = a.x + e.clientLeft, l.y = a.y + e.clientTop;
+    } else n && f();
+  r && !o && n && f();
+  const u = n && !o && !r ? G(n, c) : d(0), h = s.left + c.scrollLeft - l.x - u.x, g = s.top + c.scrollTop - l.y - u.y;
+  return {
+    x: h,
+    y: g,
+    width: s.width,
+    height: s.height
+  };
+}
+function B(t) {
+  return w(t).position === "static";
+}
+function z(t, e) {
+  if (!x(t) || w(t).position === "fixed")
+    return null;
+  if (e)
+    return e(t);
+  let i = t.offsetParent;
+  return m(t) === i && (i = i.ownerDocument.body), i;
+}
+function Q(t, e) {
+  const i = b(t);
+  if (D(t))
+    return i;
+  if (!x(t)) {
+    let n = T(t);
+    for (; n && !S(n); ) {
+      if (p(n) && !B(n))
+        return n;
+      n = T(n);
+    }
+    return i;
+  }
+  let o = z(t, e);
+  for (; o && st(o) && B(o); )
+    o = z(o, e);
+  return o && S(o) && B(o) && !_(o) ? i : o || rt(t) || i;
+}
+const Ct = async function(t) {
+  const e = this.getOffsetParent || Q, i = this.getDimensions, o = await i(t.floating);
+  return {
+    reference: mt(t.reference, await e(t.floating), t.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: o.width,
+      height: o.height
+    }
+  };
+};
+function bt(t) {
+  return w(t).direction === "rtl";
+}
+const Lt = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: ut,
+  getDocumentElement: m,
+  getClippingRect: yt,
+  getOffsetParent: Q,
+  getElementRects: Ct,
+  getClientRects: ht,
+  getDimensions: xt,
+  getScale: R,
+  isElement: p,
+  isRTL: bt
+}, vt = et, Wt = tt, St = Z, Et = it, Ft = ot, Bt = (t, e, i) => {
+  const o = /* @__PURE__ */ new Map(), n = {
+    platform: Lt,
+    ...i
+  }, r = {
+    ...n.platform,
+    _c: o
+  };
+  return nt(t, e, {
+    ...n,
+    platform: r
+  });
+};
+export {
+  Ft as arrow,
+  Bt as computePosition,
+  St as flip,
+  ct as getOverflowAncestors,
+  vt as offset,
+  Lt as platform,
+  Wt as shift,
+  Et as size
+};

package/dist/node_modules/.pnpm/@floating-ui_utils@0.2.10/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js

@@ -0,0 +1,132 @@
+function c() {
+  return typeof window < "u";
+}
+function a(e) {
+  return f(e) ? (e.nodeName || "").toLowerCase() : "#document";
+}
+function s(e) {
+  var t;
+  return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
+}
+function b(e) {
+  var t;
+  return (t = (f(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+}
+function f(e) {
+  return c() ? e instanceof Node || e instanceof s(e).Node : !1;
+}
+function d(e) {
+  return c() ? e instanceof Element || e instanceof s(e).Element : !1;
+}
+function m(e) {
+  return c() ? e instanceof HTMLElement || e instanceof s(e).HTMLElement : !1;
+}
+function u(e) {
+  return !c() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof s(e).ShadowRoot;
+}
+const g = /* @__PURE__ */ new Set(["inline", "contents"]);
+function p(e) {
+  const {
+    overflow: t,
+    overflowX: n,
+    overflowY: o,
+    display: r
+  } = y(e);
+  return /auto|scroll|overlay|hidden|clip/.test(t + o + n) && !g.has(r);
+}
+const N = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function _(e) {
+  return N.has(a(e));
+}
+const v = [":popover-open", ":modal"];
+function E(e) {
+  return v.some((t) => {
+    try {
+      return e.matches(t);
+    } catch {
+      return !1;
+    }
+  });
+}
+const T = ["transform", "translate", "scale", "rotate", "perspective"], L = ["transform", "translate", "scale", "rotate", "perspective", "filter"], D = ["paint", "layout", "strict", "content"];
+function C(e) {
+  const t = k(), n = d(e) ? y(e) : e;
+  return T.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || L.some((o) => (n.willChange || "").includes(o)) || D.some((o) => (n.contain || "").includes(o));
+}
+function A(e) {
+  let t = l(e);
+  for (; m(t) && !w(t); ) {
+    if (C(t))
+      return t;
+    if (E(t))
+      return null;
+    t = l(t);
+  }
+  return null;
+}
+function k() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+const V = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function w(e) {
+  return V.has(a(e));
+}
+function y(e) {
+  return s(e).getComputedStyle(e);
+}
+function B(e) {
+  return d(e) ? {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
+  } : {
+    scrollLeft: e.scrollX,
+    scrollTop: e.scrollY
+  };
+}
+function l(e) {
+  if (a(e) === "html")
+    return e;
+  const t = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    e.assignedSlot || // DOM Element detected.
+    e.parentNode || // ShadowRoot detected.
+    u(e) && e.host || // Fallback.
+    b(e)
+  );
+  return u(t) ? t.host : t;
+}
+function h(e) {
+  const t = l(e);
+  return w(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : m(t) && p(t) ? t : h(t);
+}
+function O(e, t, n) {
+  var o;
+  t === void 0 && (t = []);
+  const r = h(e), S = r === ((o = e.ownerDocument) == null ? void 0 : o.body), i = s(r);
+  return S ? (R(i), t.concat(i, i.visualViewport || [], p(r) ? r : [], [])) : t.concat(r, O(r, []));
+}
+function R(e) {
+  return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
+}
+export {
+  y as getComputedStyle,
+  A as getContainingBlock,
+  b as getDocumentElement,
+  R as getFrameElement,
+  h as getNearestOverflowAncestor,
+  a as getNodeName,
+  B as getNodeScroll,
+  O as getOverflowAncestors,
+  l as getParentNode,
+  s as getWindow,
+  C as isContainingBlock,
+  d as isElement,
+  m as isHTMLElement,
+  w as isLastTraversableNode,
+  f as isNode,
+  p as isOverflowElement,
+  u as isShadowRoot,
+  _ as isTableElement,
+  E as isTopLayer,
+  k as isWebKit
+};

package/dist/node_modules/.pnpm/@floating-ui_utils@0.2.10/node_modules/@floating-ui/utils/dist/floating-ui.utils.js

@@ -0,0 +1,128 @@
+const m = Math.min, p = Math.max, j = Math.round, C = (t) => ({
+  x: t,
+  y: t
+}), h = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, x = {
+  start: "end",
+  end: "start"
+};
+function L(t, e, n) {
+  return p(t, m(e, n));
+}
+function E(t, e) {
+  return typeof t == "function" ? t(e) : t;
+}
+function g(t) {
+  return t.split("-")[0];
+}
+function a(t) {
+  return t.split("-")[1];
+}
+function b(t) {
+  return t === "x" ? "y" : "x";
+}
+function d(t) {
+  return t === "y" ? "height" : "width";
+}
+const A = /* @__PURE__ */ new Set(["top", "bottom"]);
+function P(t) {
+  return A.has(g(t)) ? "y" : "x";
+}
+function y(t) {
+  return b(P(t));
+}
+function R(t, e, n) {
+  n === void 0 && (n = !1);
+  const r = a(t), i = y(t), o = d(i);
+  let c = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
+  return e.reference[o] > e.floating[o] && (c = u(c)), [c, u(c)];
+}
+function T(t) {
+  const e = u(t);
+  return [s(t), e, s(e)];
+}
+function s(t) {
+  return t.replace(/start|end/g, (e) => x[e]);
+}
+const f = ["left", "right"], l = ["right", "left"], O = ["top", "bottom"], S = ["bottom", "top"];
+function M(t, e, n) {
+  switch (t) {
+    case "top":
+    case "bottom":
+      return n ? e ? l : f : e ? f : l;
+    case "left":
+    case "right":
+      return e ? O : S;
+    default:
+      return [];
+  }
+}
+function k(t, e, n, r) {
+  const i = a(t);
+  let o = M(g(t), n === "start", r);
+  return i && (o = o.map((c) => c + "-" + i), e && (o = o.concat(o.map(s)))), o;
+}
+function u(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => h[e]);
+}
+function w(t) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...t
+  };
+}
+function q(t) {
+  return typeof t != "number" ? w(t) : {
+    top: t,
+    right: t,
+    bottom: t,
+    left: t
+  };
+}
+function z(t) {
+  const {
+    x: e,
+    y: n,
+    width: r,
+    height: i
+  } = t;
+  return {
+    width: r,
+    height: i,
+    top: n,
+    left: e,
+    right: e + r,
+    bottom: n + i,
+    x: e,
+    y: n
+  };
+}
+export {
+  L as clamp,
+  C as createCoords,
+  E as evaluate,
+  w as expandPaddingObject,
+  a as getAlignment,
+  y as getAlignmentAxis,
+  R as getAlignmentSides,
+  d as getAxisLength,
+  T as getExpandedPlacements,
+  s as getOppositeAlignmentPlacement,
+  b as getOppositeAxis,
+  k as getOppositeAxisPlacements,
+  u as getOppositePlacement,
+  q as getPaddingObject,
+  g as getSide,
+  P as getSideAxis,
+  p as max,
+  m as min,
+  z as rectToClientRect,
+  j as round
+};

package/dist/utils/StylesRegistry/StylesRegistry.js

@@ -5,7 +5,7 @@ class s {
       theme: t
     }) => {
       if (!t || !e) return;
-      const c = `https://ds-assets.cupra.com/1.0.0-canary.14/styles/${t}/components/${e}.css`, r = this.getCachedStyleSheetPromise({ url: c });
+      const c = `https://ds-assets.cupra.com/1.0.0-canary.16/styles/${t}/components/${e}.css`, r = this.getCachedStyleSheetPromise({ url: c });
       if (r) return r;
       const i = this.fetchStyle({ url: c }).then((n) => (n || this.stylePromises.delete(c), n));
       return this.stylePromises.set(c, i), this.stylePromises.get(c);

package/dist/utils/cssWithTokens.js

@@ -3,7 +3,7 @@ import "../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
 import "../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
 import { unsafeCSS as n, css as o } from "../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
 function x(t, ...r) {
-  const e = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v1-0-0-canary-14"), i = n(e);
+  const e = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v1-0-0-canary-16"), i = n(e);
   return o`${i}`;
 }
 export {

package/dist/utils/htmlWithTokens.js

@@ -3,7 +3,7 @@ import { html as n } from "../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit
 import "../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
 import { unsafeHTML as i } from "../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/unsafe-html.js";
 function x(t, ...r) {
-  const o = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v1-0-0-canary-14"), e = i(o);
+  const o = String.raw({ raw: t }, ...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v1-0-0-canary-16"), e = i(o);
   return n`${e}`;
 }
 export {

package/dist-react/components/ds-theme-provider/ds-theme-provider.js

@@ -53,7 +53,7 @@ let m = class extends $ {
   }
   loadThemeStyles() {
     return this.loadStyles ? new Promise((t, o) => {
-      const s = "/1.0.0-canary.14", r = `https://ds-assets.cupra.com${s}/styles/${this.theme}/theme.css`;
+      const s = "/1.0.0-canary.16", r = `https://ds-assets.cupra.com${s}/styles/${this.theme}/theme.css`;
       if (document.head.querySelector(`link[href="${r}"]`)) t();
       else {
         const e = `ui-kit-theme-${s}`, a = document.getElementById(e), n = document.createElement("link");

package/dist-react/components/ds-tooltip/ds-tooltip.d.ts

@@ -1,45 +1,60 @@
 import { UiKitElement } from '../base/UiKitElement.ts';
+import { type Placement } from '@floating-ui/dom';
 import { nothing } from 'lit';
 import type { DsTooltipAttrs } from './ds-tooltip.types';
 declare const DsTooltip_base: (new (...args: any[]) => import("../../mixins/ViewportMixin").ViewportInterface) & typeof UiKitElement;
 export declare class DsTooltip extends DsTooltip_base {
     static styles: import("lit").CSSResult[];
     mode: DsTooltipAttrs['mode'];
-    titleText: DsTooltipAttrs['title-text'];
-    bodyText: DsTooltipAttrs['body-text'];
-    position: DsTooltipAttrs['position'];
-    align: DsTooltipAttrs['align'];
-    cancelButtonText: DsTooltipAttrs['cancel-button-text'];
-    confirmButtonText: DsTooltipAttrs['confirm-button-text'];
     show: DsTooltipAttrs['show'];
-    zIndex: DsTooltipAttrs['z-index'];
-    bodyWidth: DsTooltipAttrs['body-width'];
-    protected tooltip: HTMLInputElement;
+    disableHoverListener: DsTooltipAttrs['disable-hover-listener'];
+    disableFocusListener: DsTooltipAttrs['disable-focus-listener'];
+    disablePressListener: DsTooltipAttrs['disable-press-listener'];
+    protected tooltopPlacement: Placement;
+    private tooltipId;
+    protected container: HTMLInputElement;
+    protected anchorContainer: HTMLInputElement;
     protected arrow: HTMLInputElement;
-    connectedCallback(): void;
+    private anchorElements;
+    private headerElements;
+    private closeButtonElements;
+    private contentElements;
+    protected usingKeyboard: boolean;
     disconnectedCallback(): void;
-    protected willUpdate(changedProperties: Map<string | number | symbol, unknown>): void;
+    protected updated(changedProperties: Map<string | number | symbol, unknown>): void;
+    protected updatePosition(): void;
+    protected handleKeyDown: () => void;
+    protected handlePointerDown: () => void;
     protected handleResize: (params?: any) => void | Function;
     protected get arrowClasses(): {
         [x: string]: boolean;
         arrow: boolean;
         'not-positionable': boolean;
     };
-    protected get tooltipClasses(): {
-        [x: string]: string | boolean;
-        tooltip: boolean;
-        complex: string;
+    protected get containerClasses(): {
+        [x: string]: boolean;
+        container: boolean;
+    };
+    protected get headerClasses(): {
+        'header-container': boolean;
+        hidden: boolean;
+    };
+    protected get contentClasses(): {
+        'content-container': boolean;
+        'ds-scroll': boolean;
+        'ds-scroll--size-s': boolean;
+        hidden: boolean;
     };
-    protected get buttonsTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+    protected handleClose: () => void;
+    protected get arrowTemplate(): import("lit").TemplateResult<1>;
     protected get tooltipTemplate(): typeof nothing | import("lit").TemplateResult<1>;
-    private getTooltipWidth;
     protected get styleTokens(): import("lit").HTMLTemplateResult;
+    protected handleAnchorPointerDown: (event: PointerEvent) => void;
+    protected handleAnchorMouseOver: () => void;
+    protected handleAnchorMouseOut: () => void;
+    protected handleAnchorFocusIn: () => void;
+    protected handleAnchorFocusOut: () => void;
+    protected handlePressOutside: (event: MouseEvent) => void;
     render(): import("lit").TemplateResult<1>;
-    protected handleClickSlot(): void;
-    protected handleMouseOver(): void;
-    protected handleMouseOut(): void;
-    protected handleClickCancelButton(): void;
-    protected handleClickConfirmButton(): void;
-    protected handleClickOutside: (event: MouseEvent | TouchEvent) => void;
 }
 export {};