@umbraco-ui/uui 1.17.0 → 2.0.0-alpha.1

package/dist/components/popover-container/popover-container.element.js

@@ -0,0 +1,329 @@
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var _targetElement, _scrollParents, _sizeObserver, _size, _onBeforeToggle, _initUpdate, _updatePosition, _UUIPopoverContainerElement_instances, calculateAlignedPosition_fn, clampAndFlip_fn, _updatePadding, flipPlacement_fn, startScrollListener_fn, stopScrollListener_fn, calculateScrollParents_fn, getAncestorElement_fn;
+import { LitElement, html, css } from "lit";
+import { property, state } from "lit/decorators.js";
+import { findAncestorByAttributeValue } from "../../internal/utils/findAncestorByAttributeValue.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+const _UUIPopoverContainerElement = class _UUIPopoverContainerElement extends LitElement {
+  constructor() {
+    super();
+    __privateAdd(this, _UUIPopoverContainerElement_instances);
+    __privateAdd(this, _targetElement);
+    __privateAdd(this, _scrollParents);
+    __privateAdd(this, _sizeObserver);
+    __privateAdd(this, _size);
+    __privateAdd(this, _onBeforeToggle);
+    __privateAdd(this, _initUpdate);
+    __privateAdd(this, _updatePosition);
+    __privateAdd(this, _updatePadding);
+    this.margin = 0;
+    this._placement = "bottom-start";
+    this._open = false;
+    this._actualPlacement = this._placement;
+    __privateSet(this, _targetElement, null);
+    __privateSet(this, _scrollParents, []);
+    __privateSet(this, _sizeObserver, null);
+    __privateSet(this, _size, { width: 0, height: 0 });
+    __privateSet(this, _onBeforeToggle, (event) => {
+      this._open = event.newState === "open";
+      __privateSet(this, _targetElement, findAncestorByAttributeValue(
+        this,
+        "popovertarget",
+        this.id
+      ));
+      __privateGet(this, _targetElement)?.dispatchEvent(
+        new CustomEvent("uui-popover-before-toggle", {
+          bubbles: false,
+          composed: false,
+          detail: { oldState: event.oldState, newState: event.newState }
+        })
+      );
+      if (this._open) {
+        __privateMethod(this, _UUIPopoverContainerElement_instances, calculateScrollParents_fn).call(this);
+        __privateMethod(this, _UUIPopoverContainerElement_instances, startScrollListener_fn).call(this);
+        requestAnimationFrame(() => {
+          __privateGet(this, _initUpdate).call(this);
+        });
+      } else {
+        __privateMethod(this, _UUIPopoverContainerElement_instances, stopScrollListener_fn).call(this);
+      }
+    });
+    __privateSet(this, _initUpdate, () => {
+      if (!this._open) return;
+      this._actualPlacement = this._placement;
+      this.style.opacity = "0";
+      __privateGet(this, _updatePosition).call(this, 3);
+    });
+    __privateSet(this, _updatePosition, (iteration) => {
+      __privateGet(this, _updatePadding).call(this);
+      iteration--;
+      if (__privateGet(this, _targetElement) === null) return;
+      const targetRect = __privateGet(this, _targetElement).getBoundingClientRect();
+      const popoverRect = this.getBoundingClientRect();
+      let { top, left } = __privateMethod(this, _UUIPopoverContainerElement_instances, calculateAlignedPosition_fn).call(this, targetRect, popoverRect);
+      const result = __privateMethod(this, _UUIPopoverContainerElement_instances, clampAndFlip_fn).call(this, top, left, targetRect, popoverRect, iteration);
+      if (result === null) return;
+      top = result.top;
+      left = result.left;
+      const screenWidth = window.innerWidth;
+      const screenHeight = window.innerHeight;
+      const isCompletelyOutsideScreen = top + popoverRect.height < 0 || top > screenHeight || left + popoverRect.width < 0 || left > screenWidth;
+      if (isCompletelyOutsideScreen) {
+        this.hidePopover();
+      }
+      this.style.transform = `translate(${left}px, ${top}px)`;
+      this.style.opacity = "1";
+    });
+    __privateSet(this, _updatePadding, () => {
+      const oppositeSides = {
+        top: "bottom",
+        bottom: "top",
+        left: "right",
+        right: "left"
+      };
+      let side = this._actualPlacement.split("-")[0];
+      side = oppositeSides[side] || side;
+      side = side.charAt(0).toUpperCase() + side.slice(1);
+      const paddingSide = `padding${side}`;
+      this.style.padding = "0";
+      this.style[paddingSide] = `${this.margin}px`;
+    });
+    this.addEventListener("beforetoggle", __privateGet(this, _onBeforeToggle), {
+      passive: true
+    });
+  }
+  get open() {
+    return this._open;
+  }
+  get placement() {
+    return this._placement;
+  }
+  set placement(newValue) {
+    this._placement = newValue;
+    this._actualPlacement = newValue;
+    __privateGet(this, _initUpdate).call(this);
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    if (!this.hasAttribute("popover")) {
+      this.setAttribute("popover", "");
+    }
+    if (!__privateGet(this, _sizeObserver)) {
+      __privateSet(this, _sizeObserver, new ResizeObserver((entries) => {
+        const element = entries[0];
+        const width = element.contentRect.width;
+        const height = element.contentRect.height;
+        if (width === __privateGet(this, _size).width && height === __privateGet(this, _size).height) {
+          return;
+        }
+        __privateSet(this, _size, { width, height });
+        __privateGet(this, _initUpdate).call(this);
+      }));
+      __privateGet(this, _sizeObserver).observe(this);
+    }
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    __privateMethod(this, _UUIPopoverContainerElement_instances, stopScrollListener_fn).call(this);
+    __privateGet(this, _sizeObserver)?.disconnect();
+    __privateSet(this, _sizeObserver, null);
+  }
+  /**
+   * @internal
+   */
+  _getScrollParents() {
+    return __privateGet(this, _scrollParents);
+  }
+  render() {
+    return html`<slot></slot>`;
+  }
+};
+_targetElement = new WeakMap();
+_scrollParents = new WeakMap();
+_sizeObserver = new WeakMap();
+_size = new WeakMap();
+_onBeforeToggle = new WeakMap();
+_initUpdate = new WeakMap();
+_updatePosition = new WeakMap();
+_UUIPopoverContainerElement_instances = new WeakSet();
+calculateAlignedPosition_fn = function(targetRect, popoverRect) {
+  const isStart = this._actualPlacement.includes("-start");
+  const isEnd = this._actualPlacement.includes("-end");
+  const align = (pos, targetSize, popoverSize) => {
+    if (isStart) return pos;
+    if (isEnd) return pos + targetSize - popoverSize;
+    return pos + targetSize / 2 - popoverSize / 2;
+  };
+  const side = this._actualPlacement.split("-")[0];
+  const positions = {
+    bottom: {
+      top: targetRect.top + targetRect.height,
+      left: align(targetRect.left, targetRect.width, popoverRect.width)
+    },
+    top: {
+      top: targetRect.top - popoverRect.height,
+      left: align(targetRect.left, targetRect.width, popoverRect.width)
+    },
+    left: {
+      top: align(targetRect.top, targetRect.height, popoverRect.height),
+      left: targetRect.left - popoverRect.width
+    },
+    right: {
+      top: align(targetRect.top, targetRect.height, popoverRect.height),
+      left: targetRect.left + targetRect.width
+    }
+  };
+  return positions[side] ?? { top: 0, left: 0 };
+};
+clampAndFlip_fn = function(top, left, targetRect, popoverRect, iteration) {
+  const screenWidth = window.innerWidth;
+  const screenHeight = window.innerHeight;
+  const side = this._actualPlacement.split("-")[0];
+  const isVertical = side === "top" || side === "bottom";
+  const topTargetVsScreenTop = Math.min(
+    0,
+    targetRect.top + targetRect.height
+  );
+  const topTargetVsScreenBottom = Math.max(
+    Math.min(top, screenHeight - popoverRect.height),
+    targetRect.top - popoverRect.height
+  );
+  const topClamped = Math.max(topTargetVsScreenTop, topTargetVsScreenBottom);
+  if (topClamped !== top && isVertical && iteration > 0) {
+    __privateMethod(this, _UUIPopoverContainerElement_instances, flipPlacement_fn).call(this);
+    __privateGet(this, _updatePosition).call(this, iteration);
+    return null;
+  }
+  const leftTargetVsScreenLeft = Math.min(
+    0,
+    targetRect.left + targetRect.width
+  );
+  const leftTargetVsScreenRight = Math.max(
+    Math.min(left, screenWidth - popoverRect.width),
+    targetRect.left - popoverRect.width
+  );
+  const leftClamped = Math.max(
+    leftTargetVsScreenLeft,
+    leftTargetVsScreenRight
+  );
+  if (leftClamped !== left && !isVertical && iteration > 0) {
+    __privateMethod(this, _UUIPopoverContainerElement_instances, flipPlacement_fn).call(this);
+    __privateGet(this, _updatePosition).call(this, iteration);
+    return null;
+  }
+  return { top: topClamped, left: leftClamped };
+};
+_updatePadding = new WeakMap();
+flipPlacement_fn = function() {
+  const [direction, position] = this._actualPlacement.split("-");
+  const opposites = {
+    top: "bottom",
+    bottom: "top",
+    left: "right",
+    right: "left"
+  };
+  const oppositeDirection = opposites[direction] ?? direction;
+  this._actualPlacement = `${oppositeDirection}-${position}`;
+};
+startScrollListener_fn = function() {
+  __privateGet(this, _scrollParents).forEach((el) => {
+    el.addEventListener("scroll", __privateGet(this, _initUpdate), { passive: true });
+  });
+  document.addEventListener("scroll", __privateGet(this, _initUpdate), { passive: true });
+};
+stopScrollListener_fn = function() {
+  __privateGet(this, _scrollParents).forEach((el) => {
+    el.removeEventListener("scroll", __privateGet(this, _initUpdate));
+  });
+  document.removeEventListener("scroll", __privateGet(this, _initUpdate));
+};
+calculateScrollParents_fn = function() {
+  __privateSet(this, _scrollParents, []);
+  if (!__privateGet(this, _targetElement)) return;
+  let style = getComputedStyle(__privateGet(this, _targetElement));
+  if (style.position === "fixed") {
+    return;
+  }
+  let excludeStaticParent = style.position === "absolute";
+  const overflowRegex = /(auto|scroll)/;
+  let el = __privateGet(this, _targetElement);
+  while (el) {
+    style = getComputedStyle(el);
+    if (excludeStaticParent && style.position === "static") {
+      el = __privateMethod(this, _UUIPopoverContainerElement_instances, getAncestorElement_fn).call(this, el);
+      continue;
+    }
+    if (style.position !== "static") {
+      excludeStaticParent = style.position === "absolute";
+    }
+    if (overflowRegex.test(style.overflow + style.overflowY + style.overflowX)) {
+      __privateGet(this, _scrollParents).push(el);
+    }
+    if (style.position === "fixed") {
+      return;
+    }
+    el = __privateMethod(this, _UUIPopoverContainerElement_instances, getAncestorElement_fn).call(this, el);
+  }
+  __privateGet(this, _scrollParents).push(document.body);
+};
+getAncestorElement_fn = function(el) {
+  if (el?.parentElement) {
+    return el.parentElement;
+  }
+  return el?.getRootNode()?.host;
+};
+_UUIPopoverContainerElement.styles = [
+  css`
+      :host {
+        margin: 0;
+        width: fit-content;
+        height: fit-content;
+        border: none;
+        border-radius: 0;
+        padding: 0;
+        background-color: none;
+        background: none;
+        overflow: visible;
+        color: var(--uui-color-text);
+      }
+    `
+];
+let UUIPopoverContainerElement = _UUIPopoverContainerElement;
+__decorateClass([
+  property({ type: Number })
+], UUIPopoverContainerElement.prototype, "margin", 2);
+__decorateClass([
+  property({ type: Boolean })
+], UUIPopoverContainerElement.prototype, "open", 1);
+__decorateClass([
+  property({ type: String, reflect: true })
+], UUIPopoverContainerElement.prototype, "placement", 1);
+__decorateClass([
+  state()
+], UUIPopoverContainerElement.prototype, "_placement", 2);
+__decorateClass([
+  state()
+], UUIPopoverContainerElement.prototype, "_open", 2);
+__decorateClass([
+  state()
+], UUIPopoverContainerElement.prototype, "_actualPlacement", 2);
+export {
+  UUIPopoverContainerElement
+};
+//# sourceMappingURL=popover-container.element.js.map

package/dist/components/popover-container/popover-container.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-container.element.js","sources":["../../../src/components/popover-container/popover-container.element.ts"],"sourcesContent":["import { findAncestorByAttributeValue } from '../../internal/utils/index.js';\nimport { css, html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\n\nexport type PopoverContainerPlacement =\n  | 'top'\n  | 'top-start'\n  | 'top-end'\n  | 'bottom'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'right'\n  | 'right-start'\n  | 'right-end'\n  | 'left'\n  | 'left-start'\n  | 'left-end';\n\n/**\n * @element uui-popover-container\n * @attr popover - Indicates that the element is a popover container\n */\nexport class UUIPopoverContainerElement extends LitElement {\n  /**\n   * Set the distance between popover container element and target element.\n   * @type {number}\n   * @attr margin\n   * @default 0\n   */\n  @property({ type: Number })\n  margin = 0;\n\n  /**\n   * Read-only attribute to check if the popover is open\n   * @type {boolean}\n   * @readonly\n   * @attr open\n   * @default false\n   */\n  @property({ type: Boolean })\n  get open() {\n    return this._open;\n  }\n\n  /**\n   * Define the placement of the popover container.\n   * @attr placement\n   * @default 'bottom-start'\n   */\n  @property({ type: String, reflect: true })\n  get placement(): PopoverContainerPlacement {\n    return this._placement;\n  }\n  set placement(newValue: PopoverContainerPlacement) {\n    this._placement = newValue;\n    this._actualPlacement = newValue;\n    this.#initUpdate();\n  }\n\n  @state()\n  _placement: PopoverContainerPlacement = 'bottom-start';\n\n  @state()\n  _open: boolean = false;\n\n  @state()\n  _actualPlacement: PopoverContainerPlacement = this._placement;\n\n  #targetElement: HTMLElement | null = null;\n  #scrollParents: Element[] = [];\n  #sizeObserver: ResizeObserver | null = null;\n  #size: { width: number; height: number } = { width: 0, height: 0 };\n\n  constructor() {\n    super();\n\n    this.addEventListener('beforetoggle', this.#onBeforeToggle, {\n      passive: true,\n    });\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    if (!this.hasAttribute('popover')) {\n      this.setAttribute('popover', '');\n    }\n\n    if (!this.#sizeObserver) {\n      this.#sizeObserver = new ResizeObserver(entries => {\n        const element = entries[0]; // should be only one\n        const width = element.contentRect.width;\n        const height = element.contentRect.height;\n\n        if (width === this.#size.width && height === this.#size.height) {\n          return; // no change\n        }\n\n        this.#size = { width, height };\n        this.#initUpdate();\n      });\n\n      // start listening for size changes\n      this.#sizeObserver.observe(this);\n    }\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#stopScrollListener();\n    this.#sizeObserver?.disconnect();\n    this.#sizeObserver = null;\n  }\n\n  readonly #onBeforeToggle = (event: any) => {\n    this._open = event.newState === 'open';\n\n    this.#targetElement = findAncestorByAttributeValue(\n      this,\n      'popovertarget',\n      this.id,\n    );\n\n    // Dispatch a custom event that can be listened to by the popover target.\n    // Mostly used for UUIButton.\n    this.#targetElement?.dispatchEvent(\n      new CustomEvent('uui-popover-before-toggle', {\n        bubbles: false,\n        composed: false,\n        detail: { oldState: event.oldState, newState: event.newState },\n      }),\n    );\n\n    if (this._open) {\n      this.#calculateScrollParents();\n\n      this.#startScrollListener();\n\n      requestAnimationFrame(() => {\n        this.#initUpdate();\n      });\n    } else {\n      this.#stopScrollListener();\n    }\n  };\n\n  readonly #initUpdate = () => {\n    if (!this._open) return;\n\n    this._actualPlacement = this._placement;\n    this.style.opacity = '0';\n\n    // 3 iterations makes the popover flip back to the initial position if theres no space for it on either side.\n    this.#updatePosition(3);\n  };\n\n  readonly #updatePosition = (iteration: number) => {\n    this.#updatePadding();\n\n    // Iterations makes sure that we don't overflow the stack.\n    // That could happen if the is no space for the popover on either side, which without iterations, would make it flip back and forth until the stack overflows\n    iteration--;\n    if (this.#targetElement === null) return;\n\n    const targetRect = this.#targetElement.getBoundingClientRect();\n    const popoverRect = this.getBoundingClientRect();\n\n    let { top, left } = this.#calculateAlignedPosition(targetRect, popoverRect);\n    const result = this.#clampAndFlip(\n      top,\n      left,\n      targetRect,\n      popoverRect,\n      iteration,\n    );\n\n    if (result === null) return; // flipped and recursed\n\n    top = result.top;\n    left = result.left;\n\n    // Detect if the popover is completely outside the screen on any side\n    const screenWidth = window.innerWidth;\n    const screenHeight = window.innerHeight;\n    const isCompletelyOutsideScreen =\n      top + popoverRect.height < 0 ||\n      top > screenHeight ||\n      left + popoverRect.width < 0 ||\n      left > screenWidth;\n\n    if (isCompletelyOutsideScreen) {\n      this.hidePopover();\n    }\n\n    // Set the popover's position\n    this.style.transform = `translate(${left}px, ${top}px)`;\n    this.style.opacity = '1';\n  };\n\n  #calculateAlignedPosition(targetRect: DOMRect, popoverRect: DOMRect) {\n    const isStart = this._actualPlacement.includes('-start');\n    const isEnd = this._actualPlacement.includes('-end');\n\n    // Alignment along the cross-axis\n    const align = (pos: number, targetSize: number, popoverSize: number) => {\n      if (isStart) return pos;\n      if (isEnd) return pos + targetSize - popoverSize;\n      return pos + targetSize / 2 - popoverSize / 2;\n    };\n\n    const side = this._actualPlacement.split('-')[0];\n\n    // For top/bottom: top is determined by placement, left by alignment\n    // For left/right: left is determined by placement, top by alignment\n    const positions: Record<string, { top: number; left: number }> = {\n      bottom: {\n        top: targetRect.top + targetRect.height,\n        left: align(targetRect.left, targetRect.width, popoverRect.width),\n      },\n      top: {\n        top: targetRect.top - popoverRect.height,\n        left: align(targetRect.left, targetRect.width, popoverRect.width),\n      },\n      left: {\n        top: align(targetRect.top, targetRect.height, popoverRect.height),\n        left: targetRect.left - popoverRect.width,\n      },\n      right: {\n        top: align(targetRect.top, targetRect.height, popoverRect.height),\n        left: targetRect.left + targetRect.width,\n      },\n    };\n\n    return positions[side] ?? { top: 0, left: 0 };\n  }\n\n  #clampAndFlip(\n    top: number,\n    left: number,\n    targetRect: DOMRect,\n    popoverRect: DOMRect,\n    iteration: number,\n  ): { top: number; left: number } | null {\n    const screenWidth = window.innerWidth;\n    const screenHeight = window.innerHeight;\n    const side = this._actualPlacement.split('-')[0];\n    const isVertical = side === 'top' || side === 'bottom';\n\n    // Vertical clamping\n    const topTargetVsScreenTop = Math.min(\n      0,\n      targetRect.top + targetRect.height,\n    );\n    const topTargetVsScreenBottom = Math.max(\n      Math.min(top, screenHeight - popoverRect.height),\n      targetRect.top - popoverRect.height,\n    );\n    const topClamped = Math.max(topTargetVsScreenTop, topTargetVsScreenBottom);\n\n    if (topClamped !== top && isVertical && iteration > 0) {\n      this.#flipPlacement();\n      this.#updatePosition(iteration);\n      return null;\n    }\n\n    // Horizontal clamping\n    const leftTargetVsScreenLeft = Math.min(\n      0,\n      targetRect.left + targetRect.width,\n    );\n    const leftTargetVsScreenRight = Math.max(\n      Math.min(left, screenWidth - popoverRect.width),\n      targetRect.left - popoverRect.width,\n    );\n    const leftClamped = Math.max(\n      leftTargetVsScreenLeft,\n      leftTargetVsScreenRight,\n    );\n\n    if (leftClamped !== left && !isVertical && iteration > 0) {\n      this.#flipPlacement();\n      this.#updatePosition(iteration);\n      return null;\n    }\n\n    return { top: topClamped, left: leftClamped };\n  }\n\n  readonly #updatePadding = () => {\n    const oppositeSides: Record<string, string> = {\n      top: 'bottom',\n      bottom: 'top',\n      left: 'right',\n      right: 'left',\n    };\n\n    // find the side excluding start/end\n    let side = this._actualPlacement.split('-')[0];\n    // find the opposite side\n    side = oppositeSides[side] || side;\n    // capitalize the side\n    side = side.charAt(0).toUpperCase() + side.slice(1);\n\n    const paddingSide = `padding${side}`;\n    this.style.padding = '0';\n    (this.style as any)[paddingSide] = `${this.margin}px`;\n  };\n\n  #flipPlacement() {\n    const [direction, position] = this._actualPlacement.split('-');\n    const opposites: Record<string, string> = {\n      top: 'bottom',\n      bottom: 'top',\n      left: 'right',\n      right: 'left',\n    };\n    const oppositeDirection = opposites[direction] ?? direction;\n    this._actualPlacement =\n      `${oppositeDirection}-${position}` as PopoverContainerPlacement;\n  }\n\n  #startScrollListener() {\n    this.#scrollParents.forEach(el => {\n      el.addEventListener('scroll', this.#initUpdate, { passive: true });\n    });\n    document.addEventListener('scroll', this.#initUpdate, { passive: true });\n  }\n  #stopScrollListener() {\n    this.#scrollParents.forEach(el => {\n      el.removeEventListener('scroll', this.#initUpdate);\n    });\n    document.removeEventListener('scroll', this.#initUpdate);\n  }\n\n  /**\n   * @internal\n   */\n  _getScrollParents() {\n    return this.#scrollParents;\n  }\n\n  #calculateScrollParents(): void {\n    // Clear previous scroll parents to avoid duplicates\n    this.#scrollParents = [];\n\n    if (!this.#targetElement) return;\n\n    let style = getComputedStyle(this.#targetElement);\n    if (style.position === 'fixed') {\n      return;\n    }\n\n    const includeHidden = false;\n    let excludeStaticParent = style.position === 'absolute';\n    const overflowRegex = includeHidden\n      ? /(auto|scroll|hidden)/\n      : /(auto|scroll)/;\n\n    let el: HTMLElement | undefined | null = this.#targetElement;\n    while (el) {\n      style = getComputedStyle(el);\n\n      if (excludeStaticParent && style.position === 'static') {\n        el = this.#getAncestorElement(el);\n        continue;\n      }\n\n      if (style.position !== 'static') {\n        excludeStaticParent = style.position === 'absolute';\n      }\n\n      if (\n        overflowRegex.test(style.overflow + style.overflowY + style.overflowX)\n      ) {\n        this.#scrollParents.push(el);\n      }\n      if (style.position === 'fixed') {\n        return;\n      }\n\n      el = this.#getAncestorElement(el);\n    }\n    this.#scrollParents.push(document.body);\n  }\n\n  #getAncestorElement(el: HTMLElement | null): HTMLElement | null {\n    if (el?.parentElement) {\n      return el.parentElement;\n    }\n\n    // If we had no parentElement, then check for shadow roots:\n    return (el?.getRootNode() as any)?.host;\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  static override readonly styles = [\n    css`\n      :host {\n        margin: 0;\n        width: fit-content;\n        height: fit-content;\n        border: none;\n        border-radius: 0;\n        padding: 0;\n        background-color: none;\n        background: none;\n        overflow: visible;\n        color: var(--uui-color-text);\n      }\n    `,\n  ];\n}\n"],"names":[],"mappings":"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"}

package/dist/components/popover-container/popover-container.js

@@ -0,0 +1,8 @@
+import { defineElement } from "../../internal/registration/index.js";
+import { UUIPopoverContainerElement } from "./popover-container.element.js";
+defineElement("uui-popover-container", UUIPopoverContainerElement);
+export {
+  UUIPopoverContainerElement,
+  UUIPopoverContainerElement as default
+};
+//# sourceMappingURL=popover-container.js.map

package/dist/components/popover-container/popover-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-container.js","sources":["../../../src/components/popover-container/popover-container.ts"],"sourcesContent":["import { defineElement } from '../../internal/registration/index.js';\nimport { UUIPopoverContainerElement } from './popover-container.element.js';\n\ndefineElement('uui-popover-container', UUIPopoverContainerElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'uui-popover-container': UUIPopoverContainerElement;\n  }\n}\n\nexport * from './popover-container.element.js';\nexport { UUIPopoverContainerElement as default } from './popover-container.element.js';\n"],"names":[],"mappings":";;AAGA,cAAc,yBAAyB,0BAA0B;"}

package/dist/components/progress-bar/progress-bar.d.ts

@@ -0,0 +1,8 @@
+import { UUIProgressBarElement } from './progress-bar.element.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'uui-progress-bar': UUIProgressBarElement;
+    }
+}
+export * from './progress-bar.element.js';
+export { UUIProgressBarElement as default } from './progress-bar.element.js';

package/dist/components/progress-bar/progress-bar.element.d.ts

@@ -0,0 +1,18 @@
+import { LitElement } from 'lit';
+/**
+ * @element uui-progress-bar
+ */
+export declare class UUIProgressBarElement extends LitElement {
+    private _progress;
+    /**
+     * Set this to a number between 0 and 100 to reflect the progress of some operation.
+     * @type {number}
+     * @attr
+     * @default 0
+     */
+    get progress(): number;
+    set progress(newVal: number);
+    private _getProgressStyle;
+    render(): import("lit-html").TemplateResult<1>;
+    static readonly styles: import("lit").CSSResult[];
+}

package/dist/components/progress-bar/progress-bar.element.js

@@ -0,0 +1,64 @@
+import { LitElement, html, css } from "lit";
+import { property } from "lit/decorators.js";
+import { styleMap } from "lit/directives/style-map.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = __getOwnPropDesc(target, key);
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = decorator(target, key, result) || result;
+  if (result) __defProp(target, key, result);
+  return result;
+};
+const clamp = (num, min, max) => Math.min(Math.max(num, min), max);
+const _UUIProgressBarElement = class _UUIProgressBarElement extends LitElement {
+  constructor() {
+    super(...arguments);
+    this._progress = 0;
+  }
+  get progress() {
+    return this._progress;
+  }
+  set progress(newVal) {
+    const oldVal = this._progress;
+    this._progress = clamp(newVal, 0, 100);
+    this.requestUpdate("progress", oldVal);
+  }
+  _getProgressStyle() {
+    return { width: `${this._progress}%` };
+  }
+  render() {
+    return html`
+      <div id="bar" style=${styleMap(this._getProgressStyle())}></div>
+    `;
+  }
+};
+_UUIProgressBarElement.styles = [
+  css`
+      :host {
+        width: 100%;
+        height: 4px;
+        position: relative;
+        overflow: hidden;
+        background: var(--uui-color-surface-alt);
+        border-radius: 100px;
+        display: inline-block;
+      }
+
+      #bar {
+        transition: width 250ms ease;
+        background: var(--uui-color-positive);
+        height: 100%;
+        width: 0%;
+      }
+    `
+];
+let UUIProgressBarElement = _UUIProgressBarElement;
+__decorateClass([
+  property({ type: Number })
+], UUIProgressBarElement.prototype, "progress");
+export {
+  UUIProgressBarElement
+};
+//# sourceMappingURL=progress-bar.element.js.map

package/dist/components/progress-bar/progress-bar.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.element.js","sources":["../../../src/components/progress-bar/progress-bar.element.ts"],"sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\n\nconst clamp = (num: number, min: number, max: number) =>\n  Math.min(Math.max(num, min), max);\n\n/**\n * @element uui-progress-bar\n */\nexport class UUIProgressBarElement extends LitElement {\n  private _progress = 0;\n  /**\n   * Set this to a number between 0 and 100 to reflect the progress of some operation.\n   * @type {number}\n   * @attr\n   * @default 0\n   */\n  @property({ type: Number })\n  get progress() {\n    return this._progress;\n  }\n\n  set progress(newVal) {\n    const oldVal = this._progress;\n    this._progress = clamp(newVal, 0, 100);\n    this.requestUpdate('progress', oldVal);\n  }\n\n  private _getProgressStyle() {\n    return { width: `${this._progress}%` };\n  }\n\n  render() {\n    return html`\n      <div id=\"bar\" style=${styleMap(this._getProgressStyle())}></div>\n    `;\n  }\n\n  static override readonly styles = [\n    css`\n      :host {\n        width: 100%;\n        height: 4px;\n        position: relative;\n        overflow: hidden;\n        background: var(--uui-color-surface-alt);\n        border-radius: 100px;\n        display: inline-block;\n      }\n\n      #bar {\n        transition: width 250ms ease;\n        background: var(--uui-color-positive);\n        height: 100%;\n        width: 0%;\n      }\n    `,\n  ];\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAIA,MAAM,QAAQ,CAAC,KAAa,KAAa,QACvC,KAAK,IAAI,KAAK,IAAI,KAAK,GAAG,GAAG,GAAG;AAK3B,MAAM,yBAAN,MAAM,+BAA8B,WAAW;AAAA,EAA/C,cAAA;AAAA,UAAA,GAAA,SAAA;AACL,SAAQ,YAAY;AAAA,EAAA;AAAA,EAQpB,IAAI,WAAW;AACb,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,IAAI,SAAS,QAAQ;AACnB,UAAM,SAAS,KAAK;AACpB,SAAK,YAAY,MAAM,QAAQ,GAAG,GAAG;AACrC,SAAK,cAAc,YAAY,MAAM;AAAA,EACvC;AAAA,EAEQ,oBAAoB;AAC1B,WAAO,EAAE,OAAO,GAAG,KAAK,SAAS,IAAA;AAAA,EACnC;AAAA,EAEA,SAAS;AACP,WAAO;AAAA,4BACiB,SAAS,KAAK,kBAAA,CAAmB,CAAC;AAAA;AAAA,EAE5D;AAsBF;AApBE,uBAAyB,SAAS;AAAA,EAChC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA9BG,IAAM,wBAAN;AASD,gBAAA;AAAA,EADH,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GARf,sBASP,WAAA,UAAA;"}

package/dist/components/progress-bar/progress-bar.js

@@ -0,0 +1,8 @@
+import { defineElement } from "../../internal/registration/index.js";
+import { UUIProgressBarElement } from "./progress-bar.element.js";
+defineElement("uui-progress-bar", UUIProgressBarElement);
+export {
+  UUIProgressBarElement,
+  UUIProgressBarElement as default
+};
+//# sourceMappingURL=progress-bar.js.map

package/dist/components/progress-bar/progress-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.js","sources":["../../../src/components/progress-bar/progress-bar.ts"],"sourcesContent":["import { defineElement } from '../../internal/registration/index.js';\nimport { UUIProgressBarElement } from './progress-bar.element.js';\n\ndefineElement('uui-progress-bar', UUIProgressBarElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'uui-progress-bar': UUIProgressBarElement;\n  }\n}\n\nexport * from './progress-bar.element.js';\nexport { UUIProgressBarElement as default } from './progress-bar.element.js';\n"],"names":[],"mappings":";;AAGA,cAAc,oBAAoB,qBAAqB;"}

package/dist/components/radio/UUIRadioEvent.d.ts

@@ -0,0 +1,6 @@
+import { UUIEvent } from '../../internal/events/index.js';
+import type { UUIRadioElement } from './radio.element.js';
+export declare class UUIRadioEvent extends UUIEvent<{}, UUIRadioElement> {
+    static readonly CHANGE = "change";
+    constructor(evName: string, eventInit?: any);
+}

package/dist/components/radio/UUIRadioEvent.js

@@ -0,0 +1,15 @@
+import { UUIEvent } from "../../internal/events/UUIEvent.js";
+const _UUIRadioEvent = class _UUIRadioEvent extends UUIEvent {
+  constructor(evName, eventInit = {}) {
+    super(evName, {
+      bubbles: true,
+      ...eventInit
+    });
+  }
+};
+_UUIRadioEvent.CHANGE = "change";
+let UUIRadioEvent = _UUIRadioEvent;
+export {
+  UUIRadioEvent
+};
+//# sourceMappingURL=UUIRadioEvent.js.map

package/dist/components/radio/UUIRadioEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UUIRadioEvent.js","sources":["../../../src/components/radio/UUIRadioEvent.ts"],"sourcesContent":["import { UUIEvent } from '../../internal/events/index.js';\nimport type { UUIRadioElement } from './radio.element.js';\n\nexport class UUIRadioEvent extends UUIEvent<{}, UUIRadioElement> {\n  public static readonly CHANGE = 'change';\n\n  constructor(evName: string, eventInit: any = {}) {\n    super(evName, {\n      bubbles: true,\n      ...eventInit,\n    });\n  }\n}\n"],"names":[],"mappings":";AAGO,MAAM,iBAAN,MAAM,uBAAsB,SAA8B;AAAA,EAG/D,YAAY,QAAgB,YAAiB,IAAI;AAC/C,UAAM,QAAQ;AAAA,MACZ,SAAS;AAAA,MACT,GAAG;AAAA,IAAA,CACJ;AAAA,EACH;AACF;AARE,eAAuB,SAAS;AAD3B,IAAM,gBAAN;"}

package/dist/components/radio/UUIRadioGroupEvent.d.ts

@@ -0,0 +1,6 @@
+import { UUIEvent } from '../../internal/events/index.js';
+import type { UUIRadioGroupElement } from './radio-group.element.js';
+export declare class UUIRadioGroupEvent extends UUIEvent<{}, UUIRadioGroupElement> {
+    static readonly CHANGE = "change";
+    constructor(evName: string, eventInit?: any);
+}

package/dist/components/radio/UUIRadioGroupEvent.js

@@ -0,0 +1,15 @@
+import { UUIEvent } from "../../internal/events/UUIEvent.js";
+const _UUIRadioGroupEvent = class _UUIRadioGroupEvent extends UUIEvent {
+  constructor(evName, eventInit = {}) {
+    super(evName, {
+      bubbles: true,
+      ...eventInit
+    });
+  }
+};
+_UUIRadioGroupEvent.CHANGE = "change";
+let UUIRadioGroupEvent = _UUIRadioGroupEvent;
+export {
+  UUIRadioGroupEvent
+};
+//# sourceMappingURL=UUIRadioGroupEvent.js.map

package/dist/components/radio/UUIRadioGroupEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UUIRadioGroupEvent.js","sources":["../../../src/components/radio/UUIRadioGroupEvent.ts"],"sourcesContent":["import { UUIEvent } from '../../internal/events/index.js';\nimport type { UUIRadioGroupElement } from './radio-group.element.js';\n\nexport class UUIRadioGroupEvent extends UUIEvent<{}, UUIRadioGroupElement> {\n  public static readonly CHANGE = 'change';\n\n  constructor(evName: string, eventInit: any = {}) {\n    super(evName, {\n      bubbles: true,\n      ...eventInit,\n    });\n  }\n}\n"],"names":[],"mappings":";AAGO,MAAM,sBAAN,MAAM,4BAA2B,SAAmC;AAAA,EAGzE,YAAY,QAAgB,YAAiB,IAAI;AAC/C,UAAM,QAAQ;AAAA,MACZ,SAAS;AAAA,MACT,GAAG;AAAA,IAAA,CACJ;AAAA,EACH;AACF;AARE,oBAAuB,SAAS;AAD3B,IAAM,qBAAN;"}

package/dist/components/radio/radio-group.element.d.ts

@@ -0,0 +1,44 @@
+import { LitElement } from 'lit';
+declare const UUIRadioGroupElement_base: (new (...args: any[]) => import("../../index.js").UUIFormControlWithBasicsMixinElement<FormDataEntryValue | FormData>) & typeof LitElement;
+/**
+ * @element uui-radio-group
+ * @slot - slot for `<uui-radio>` elements or custom elements that extend from `UUIRadioElement`
+ * @extends UUIFormControlMixin
+ */
+export declare class UUIRadioGroupElement extends UUIRadioGroupElement_base {
+    #private;
+    /**
+     * This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/
+     * @type {boolean}
+     */
+    static readonly formAssociated = true;
+    /**
+     * Disables the input.
+     * @type {boolean}
+     * @attr
+     * @default false
+     */
+    disabled: boolean;
+    /**
+     * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.
+     * @type {boolean}
+     * @attr
+     * @default false
+     */
+    readonly: boolean;
+    get value(): FormDataEntryValue | FormData;
+    set value(newValue: FormDataEntryValue | FormData);
+    constructor();
+    connectedCallback(): void;
+    updated(_changedProperties: Map<string | number | symbol, unknown>): void;
+    /**
+     * This method enables <label for="..."> to focus the select
+     */
+    focus(): Promise<void>;
+    blur(): Promise<void>;
+    click(): Promise<void>;
+    protected getFormElement(): HTMLElement | undefined;
+    render(): import("lit-html").TemplateResult<1>;
+    static readonly styles: import("lit").CSSResult[];
+}
+export {};