@oscarpalmer/oui 0.17.0 → 0.18.0

package/dist/js/tooltip.cjs

@@ -1,166 +0,0 @@
-"use strict";
-const is = require("@oscarpalmer/atoms/is");
-const event = require("@oscarpalmer/toretto/event");
-const attributable = require("./attributable.cjs");
-const floatable = require("./floatable.cjs");
-class Tooltip {
-  abortController = new AbortController();
-  attributes;
-  floatable;
-  constructor(anchor, content) {
-    this.attributes = content.attributes;
-    this.floatable = new floatable.Floatable(
-      anchor,
-      content.element,
-      `${selector}-position`,
-      "vertical",
-      true
-    );
-    initialize(this);
-  }
-  destroy() {
-    floatable.deactivate(this.floatable, active);
-    reset(this.floatable.anchor, this.attributes);
-    this.abortController.abort();
-    this.floatable.content.remove();
-    this.floatable.destroy();
-    this.abortController = void 0;
-    this.attributes = void 0;
-    this.floatable = void 0;
-  }
-}
-function addTooltip(anchor) {
-  if (tooltips.has(anchor)) {
-    return;
-  }
-  const content = getContent(anchor);
-  if (content != null) {
-    tooltips.set(anchor, new Tooltip(anchor, content));
-  }
-}
-function getContent(anchor) {
-  const attributes = {
-    ariaDescribedby: anchor.getAttribute("aria-describedby"),
-    ariaLabelledBy: anchor.getAttribute("aria-labelledby")
-  };
-  const wrapper = getWrapper(anchor);
-  const labelledElements = getElements(attributes.ariaLabelledBy);
-  if (labelledElements.length > 0) {
-    anchor.setAttribute("aria-labelledby", wrapper.id);
-    for (const element of labelledElements) {
-      wrapper.append(element);
-    }
-    return {
-      attributes,
-      element: wrapper
-    };
-  }
-  const describedElements = getElements(attributes.ariaDescribedby);
-  if (describedElements.length > 0) {
-    anchor.setAttribute("aria-describedby", wrapper.id);
-    for (const element of describedElements) {
-      wrapper.append(element);
-    }
-    return {
-      attributes,
-      element: wrapper
-    };
-  }
-  let content = anchor.getAttribute("aria-label");
-  if (is.isNullableOrWhitespace(content)) {
-    content = anchor.getAttribute("aria-description");
-  }
-  if (is.isNullableOrWhitespace(content)) {
-    return;
-  }
-  const paragraph = document.createElement("p");
-  paragraph.textContent = content;
-  wrapper.append(paragraph);
-  return {
-    attributes,
-    element: wrapper
-  };
-}
-function getElements(attribute) {
-  const ids = attribute?.split(/\s+/) ?? [];
-  const elements = [];
-  for (const id of ids) {
-    if (is.isNullableOrWhitespace(id)) {
-      continue;
-    }
-    const element = document.querySelector(`#${id}`);
-    if (element instanceof HTMLElement) {
-      const cloned = element.cloneNode(true);
-      cloned.hidden = false;
-      elements.push(cloned);
-    }
-  }
-  return elements;
-}
-function getWrapper(anchor) {
-  const wrapper = document.createElement("div");
-  wrapper.setAttribute(`${selector}-content`, "");
-  wrapper.className = anchor.getAttribute(`${selector}-class`) ?? "";
-  wrapper.hidden = true;
-  wrapper.id = `${selector}-${++index}`;
-  wrapper.role = "tooltip";
-  wrapper.tabIndex = -1;
-  return wrapper;
-}
-function initialize(tooltip) {
-  const { abortController, floatable: floatable$1 } = tooltip;
-  const { anchor, content } = floatable$1;
-  anchor.insertAdjacentElement("afterend", content);
-  const elements = [anchor, content];
-  for (const element of elements) {
-    for (const event$1 of activateEvents) {
-      event.on(
-        element,
-        event$1,
-        () => {
-          floatable.activate(floatable$1, active, void 0, 250);
-        },
-        {
-          signal: abortController.signal
-        }
-      );
-    }
-    for (const event$1 of deactivateEvents) {
-      event.on(
-        element,
-        event$1,
-        () => {
-          floatable.deactivate(floatable$1, active, void 0, 250);
-        },
-        {
-          signal: abortController.signal
-        }
-      );
-    }
-  }
-}
-function removeTooltip(element) {
-  tooltips.get(element)?.destroy();
-  tooltips.delete(element);
-}
-function reset(anchor, attributes) {
-  if (attributes.ariaDescribedby == null) {
-    anchor.removeAttribute("aria-describedby");
-  } else {
-    anchor.setAttribute("aria-describedby", attributes.ariaDescribedby);
-  }
-}
-const active = /* @__PURE__ */ new Set();
-const activateEvents = ["focus", "mouseenter", "touchstart"];
-const deactivateEvents = ["blur", "mouseleave"];
-const selector = "oui-tooltip";
-const tooltips = /* @__PURE__ */ new WeakMap();
-let index = 0;
-attributable.attributable(selector, addTooltip, removeTooltip);
-event.on(document, "keydown", (event2) => {
-  if (event2.key === "Escape") {
-    for (const floatable$1 of active) {
-      floatable.deactivate(floatable$1, active);
-    }
-  }
-});

package/types/attributable.d.cts

@@ -1,5 +0,0 @@
-// Generated by dts-bundle-generator v9.5.1
-
-export declare function attributable(attribute: string, add: (element: HTMLElement) => void, remove: (element: HTMLElement) => void): void;
-
-export {};

package/types/floatable.d.cts

@@ -1,20 +0,0 @@
-// Generated by dts-bundle-generator v9.5.1
-
-export declare class Floatable {
-	anchor: HTMLElement;
-	content: HTMLElement;
-	readonly attribute: string;
-	readonly position: Position;
-	readonly preferAbove: boolean;
-	activate: number | undefined;
-	active: boolean;
-	deactivate: number | undefined;
-	frame: DOMHighResTimeStamp | undefined;
-	constructor(anchor: HTMLElement, content: HTMLElement, attribute: string, position: Position, preferAbove: boolean);
-	destroy(): void;
-}
-export type Position = "above" | "above-end" | "above-start" | "below" | "below-end" | "below-start" | "end" | "end-bottom" | "end-top" | "horizontal" | "horizontal-bottom" | "horizontal-top" | "start" | "start-bottom" | "start-top" | "vertical" | "vertical-end" | "vertical-start";
-export declare function activate(floatable: Floatable, active: Set<Floatable>, order?: Floatable[], time?: number): void;
-export declare function deactivate(floatable: Floatable, active: Set<Floatable>, order?: Floatable[], time?: number): void;
-
-export {};

package/types/focus-trap/embedded.d.cts

@@ -1,15 +0,0 @@
-// Generated by dts-bundle-generator v9.5.1
-
-export declare class FocusTrap {
-	element: HTMLElement;
-	active: boolean;
-	constructor(element: HTMLElement);
-	destroy(): void;
-	disable(): void;
-	enable(): void;
-}
-export declare function createFocusTrap(element: HTMLElement): FocusTrap;
-export declare const focusTraps: WeakMap<HTMLElement, FocusTrap>;
-export declare const selector = "oui-focus-trap";
-
-export {};

package/types/focus-trap/standalone.d.cts

@@ -1,3 +0,0 @@
-// Generated by dts-bundle-generator v9.5.1
-
-export {};

package/types/index.d.cts

@@ -1,14 +0,0 @@
-// Generated by dts-bundle-generator v9.5.1
-
-export declare class OuiPopoverElement extends HTMLElement {
-	#private;
-	constructor();
-	close(): void;
-	hidePopover(): void;
-	open(): void;
-	showPopover(): void;
-	toggle(): void;
-	togglePopover(options?: boolean): boolean;
-}
-
-export {};

package/types/popover.d.cts

@@ -1,14 +0,0 @@
-// Generated by dts-bundle-generator v9.5.1
-
-export declare class OuiPopoverElement extends HTMLElement {
-	#private;
-	constructor();
-	close(): void;
-	hidePopover(): void;
-	open(): void;
-	showPopover(): void;
-	toggle(): void;
-	togglePopover(options?: boolean): boolean;
-}
-
-export {};

package/types/splitter.d.cts

@@ -1,10 +0,0 @@
-// Generated by dts-bundle-generator v9.5.1
-
-export declare class OuiSplitterElement extends HTMLElement {
-	#private;
-	constructor();
-	connectedCallback(): void;
-	disconnectedCallback(): void;
-}
-
-export {};

package/types/tooltip.d.cts

@@ -1,3 +0,0 @@
-// Generated by dts-bundle-generator v9.5.1
-
-export {};