@odx/foundation 0.1.0-alpha.2 → 0.1.0-alpha.21

package/dist/elements/tooltip/tooltip.element.js

@@ -0,0 +1,120 @@
+import { CustomElement, getUniqueId, toggleAttribute, customElement } from '@odx/foundation';
+import { PopoverHost } from '@odx/foundation/cdk';
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import styles from './tooltip.element.css.js';
+import { TooltipPlacement } from './models/tooltip-placement.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+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;
+};
+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 __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var _OdxTooltipElement_instances, addKeyboardListeners_fn, removeKeyboardListeners_fn, addMouseListeners_fn, removeMouseListeners_fn, updateAriaAttributes_fn, _handleReferenceMouseLeave, _handleMouseEvents, _handleKeyboardFocus;
+let OdxTooltipElement = class extends PopoverHost(CustomElement) {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _OdxTooltipElement_instances);
+    this.placement = TooltipPlacement.TOP;
+    this.interactive = false;
+    this.id = "test";
+    __privateAdd(this, _handleReferenceMouseLeave, (event) => {
+      if (event.relatedTarget === this) return;
+      __privateGet(this, _handleMouseEvents).call(this, event);
+    });
+    __privateAdd(this, _handleMouseEvents, ({ type }) => {
+      if (type !== "mouseenter" && type !== "mouseleave") return;
+      this.togglePopover(type === "mouseenter");
+    });
+    __privateAdd(this, _handleKeyboardFocus, ({ type, key }) => {
+      if (key !== "Tab") return;
+      this.togglePopover(type !== "keydown");
+    });
+  }
+  connectedCallback() {
+    super.connectedCallback?.();
+    this.id ||= getUniqueId("odx-tooltip");
+    this.role = "tooltip";
+  }
+  mountPopover(referenceElement) {
+    super.mountPopover(referenceElement);
+    if (!referenceElement) return;
+    __privateMethod(this, _OdxTooltipElement_instances, updateAriaAttributes_fn).call(this, referenceElement, this.id);
+    __privateMethod(this, _OdxTooltipElement_instances, addKeyboardListeners_fn).call(this, referenceElement);
+    __privateMethod(this, _OdxTooltipElement_instances, addMouseListeners_fn).call(this, referenceElement);
+  }
+  unmountPopover(referenceElement) {
+    super.unmountPopover(referenceElement);
+    __privateMethod(this, _OdxTooltipElement_instances, updateAriaAttributes_fn).call(this, referenceElement, null);
+    __privateMethod(this, _OdxTooltipElement_instances, removeKeyboardListeners_fn).call(this, referenceElement);
+    __privateMethod(this, _OdxTooltipElement_instances, removeMouseListeners_fn).call(this, referenceElement);
+  }
+  render() {
+    return html`
+      <odx-popover showArrow>
+        <slot></slot>
+      </odx-popover>
+    `;
+  }
+  willUpdate(props) {
+    super.willUpdate?.(props);
+    if (props.has("id")) {
+      __privateMethod(this, _OdxTooltipElement_instances, updateAriaAttributes_fn).call(this, this.referenceElement, this.id);
+    }
+  }
+};
+_OdxTooltipElement_instances = new WeakSet();
+addKeyboardListeners_fn = function(referenceElement) {
+  referenceElement.addEventListener("keyup", __privateGet(this, _handleKeyboardFocus));
+  referenceElement.addEventListener("keydown", __privateGet(this, _handleKeyboardFocus));
+};
+removeKeyboardListeners_fn = function(referenceElement) {
+  referenceElement.removeEventListener("keyup", __privateGet(this, _handleKeyboardFocus));
+  referenceElement.removeEventListener("keydown", __privateGet(this, _handleKeyboardFocus));
+};
+addMouseListeners_fn = function(referenceElement) {
+  this.addEventListener("mouseleave", __privateGet(this, _handleMouseEvents));
+  referenceElement.addEventListener("mouseenter", __privateGet(this, _handleMouseEvents));
+  referenceElement.addEventListener("mouseleave", __privateGet(this, _handleReferenceMouseLeave));
+  referenceElement.addEventListener("keyup", __privateGet(this, _handleKeyboardFocus));
+  referenceElement.addEventListener("keydown", __privateGet(this, _handleKeyboardFocus));
+};
+removeMouseListeners_fn = function(referenceElement) {
+  this.removeEventListener("mouseleave", __privateGet(this, _handleMouseEvents));
+  referenceElement.removeEventListener("mouseenter", __privateGet(this, _handleMouseEvents));
+  referenceElement.removeEventListener("mouseleave", __privateGet(this, _handleReferenceMouseLeave));
+  referenceElement.removeEventListener("keyup", __privateGet(this, _handleKeyboardFocus));
+  referenceElement.removeEventListener("keydown", __privateGet(this, _handleKeyboardFocus));
+};
+updateAriaAttributes_fn = function(referenceElement, id) {
+  toggleAttribute(referenceElement, "aria-describedby", id);
+};
+_handleReferenceMouseLeave = new WeakMap();
+_handleMouseEvents = new WeakMap();
+_handleKeyboardFocus = new WeakMap();
+__decorateClass([
+  property({ reflect: true })
+], OdxTooltipElement.prototype, "placement", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], OdxTooltipElement.prototype, "interactive", 2);
+__decorateClass([
+  property({ reflect: true })
+], OdxTooltipElement.prototype, "id", 2);
+OdxTooltipElement = __decorateClass([
+  customElement("odx-tooltip", [styles])
+], OdxTooltipElement);
+
+export { OdxTooltipElement };

package/dist/fonts.css

@@ -1 +1,20 @@
-@font-face{font-family:Draeger Pangea Text;font-style:normal;font-weight:400;src:url(./fonts/draeger-pangea-text-regular.woff2) format("woff2")}@font-face{font-family:Draeger Pangea Text;font-style:normal;font-weight:500;src:url(./fonts/draeger-pangea-text-medium.woff2) format("woff2")}@font-face{font-family:Draeger Pangea Text;font-style:normal;font-weight:600;src:url(./fonts/draeger-pangea-text-semibold.woff2) format("woff2")}
+@font-face {
+  font-family: "Draeger Pangea Text";
+  font-style: normal;
+  font-weight: 400;
+  src: url("./assets/draeger-pangea-text-regular.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "Draeger Pangea Text";
+  font-style: normal;
+  font-weight: 500;
+  src: url("./assets/draeger-pangea-text-medium.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "Draeger Pangea Text";
+  font-style: normal;
+  font-weight: 600;
+  src: url("./assets/draeger-pangea-text-semibold.woff2") format("woff2");
+}

package/dist/src/lib/controllers/focus-trap.controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-trap.controller.d.ts","sourceRoot":"","sources":["../../../../src/lib/controllers/focus-trap.controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,OAAO,EAAmB,MAAM,YAAY,CAAC;AAC3D,OAAO,EAAE,KAAK,kBAAkB,EAAE,KAAK,eAAe,EAAY,MAAM,KAAK,CAAC;AAG9E,MAAM,MAAM,0BAA0B,GAAG,OAAO,CAAC;AAOjD,qBAAa,mBAAoB,YAAW,kBAAkB;;gBAKhD,IAAI,EAAE,eAAe,EAAE,OAAO,CAAC,EAAE,0BAA0B;IAMjE,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAKzB,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAK3B,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;IAOtC,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;IAUpC,gBAAgB,IAAI,IAAI;CAazB"}

package/dist/src/lib/controllers/focus-trap.controller.js

@@ -0,0 +1,55 @@
+import { createFocusTrap } from 'focus-trap';
+import { isServer } from 'lit';
+import { createOptions } from '../utils/create-options.js';
+import { waitForAnimations } from '../utils/wait-for-animations.js';
+
+const FocusTrapControllerOptions = createOptions({
+  escapeDeactivates: false,
+  tabbableOptions: { getShadowRoot: true }
+});
+class FocusTrapController {
+  #host;
+  #options;
+  #focusTrap;
+  constructor(host, options) {
+    this.#host = host;
+    this.#options = FocusTrapControllerOptions(options);
+    this.#host.addController(this);
+  }
+  async activate() {
+    await this.#host.updateComplete;
+    this.#focusTrap?.activate();
+  }
+  async deactivate() {
+    await this.#host.updateComplete;
+    this.#focusTrap?.deactivate();
+  }
+  async toggle(state) {
+    if (state ?? !this.#focusTrap?.active) {
+      return this.activate();
+    }
+    return this.deactivate();
+  }
+  async hostConnected() {
+    if (isServer) return;
+    await this.#host.updateComplete;
+    this.#focusTrap ??= createFocusTrap(this.#host, {
+      ...this.#options,
+      checkCanFocusTrap: this.#checkCanFocusTrap.bind(this),
+      checkCanReturnFocus: this.#checkCanReturnFocus.bind(this)
+    });
+  }
+  hostDisconnected() {
+    this.deactivate();
+  }
+  async #checkCanFocusTrap(containers) {
+    await waitForAnimations(this.#host);
+    await this.#options.checkCanFocusTrap?.(containers);
+  }
+  async #checkCanReturnFocus(trigger) {
+    await waitForAnimations(this.#host);
+    await this.#options.checkCanReturnFocus?.(trigger);
+  }
+}
+
+export { FocusTrapController };

package/dist/src/lib/controllers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/controllers/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}

package/dist/src/lib/directives/aria-boolean-attr.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aria-boolean-attr.d.ts","sourceRoot":"","sources":["../../../../src/lib/directives/aria-boolean-attr.ts"],"names":[],"mappings":"AAAA,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,OAAO,EAAE,aAAa,UAAO,GAAG,MAAM,GAAG,OAAO,CAI7F;AAED,wBAAgB,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAEvE"}

package/dist/src/lib/directives/aria-boolean-attr.js

@@ -0,0 +1,9 @@
+function toAriaBooleanAttribute(value, removeOnFalse = true) {
+  if (removeOnFalse && value === false) return null;
+  return String(value);
+}
+function fromAriaBooleanAttribute(value) {
+  return value === "true";
+}
+
+export { fromAriaBooleanAttribute, toAriaBooleanAttribute };

package/dist/src/lib/directives/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/directives/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC"}

package/dist/src/lib/directives/optional-attr.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"optional-attr.d.ts","sourceRoot":"","sources":["../../../../src/lib/directives/optional-attr.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,GAAI,CAAC,EAAE,OAAO,CAAC,KAAG,WAAW,CAAC,CAAC,CAGvD,CAAC"}

package/dist/src/lib/directives/optional-attr.js

@@ -0,0 +1,8 @@
+import { nothing } from 'lit';
+
+const optionalAttr = (value) => {
+  if (value === void 0 || value === null || value === "") return nothing;
+  return value;
+};
+
+export { optionalAttr };

package/dist/src/lib/directives/optional-slot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"optional-slot.d.ts","sourceRoot":"","sources":["../../../../src/lib/directives/optional-slot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAC;AAE/E,wBAAgB,YAAY,CAAC,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,GAAG,cAAc,GAAG,OAAO,OAAO,CASrG"}

package/dist/src/lib/directives/optional-slot.js

@@ -0,0 +1,14 @@
+import { html, nothing } from 'lit';
+
+function optionalSlot(host, slotName) {
+  if (host.querySelector(`[slot="${slotName}"]`)) {
+    return html`
+      <div class="${slotName}" part="${slotName}-container">
+        <slot name="${slotName}" @slotchange="${() => host.requestUpdate()}"></slot>
+      </div>
+    `;
+  }
+  return nothing;
+}
+
+export { optionalSlot };

package/dist/src/lib/directives/slot-fallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-fallback.d.ts","sourceRoot":"","sources":["../../../../src/lib/directives/slot-fallback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,WAAW,EAAa,MAAM,kBAAkB,CAAC;AAE1E,cAAM,qBAAsB,SAAQ,SAAS;IAClC,MAAM,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,WAAW,GAAG,IAAI;IAQxD,MAAM,IAAI,IAAI;CAGf;AAED,eAAO,MAAM,oBAAoB,qFAAmC,CAAC"}

package/dist/src/lib/directives/slot-fallback.js

@@ -0,0 +1,16 @@
+import { directive, Directive } from 'lit/directive.js';
+
+class SlotFallbackDirective extends Directive {
+  update({ options, element }) {
+    if (!options?.host || !(element instanceof HTMLSlotElement)) return;
+    const host = options.host;
+    const slottedElementSelector = element.name ? `[slot="${element.name}"]` : "*";
+    if (host.querySelectorAll(slottedElementSelector).length > 0 || host.textContent?.trim()) return;
+    host.textContent = "";
+  }
+  render() {
+  }
+}
+const emptySlotFallbackFix = directive(SlotFallbackDirective);
+
+export { emptySlotFallbackFix };

package/dist/src/lib/external/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/external/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/{lib → src/lib}/external/roving-tabindex.d.ts

@@ -1,6 +1,6 @@
 import { ReactiveController, ReactiveElement } from 'lit';
 type DirectionTypes = 'horizontal' | 'vertical' | 'both' | 'grid';
-type FocusGroupConfig<T> = {
+export type FocusGroupConfig<T> = {
     hostDelegatesFocus?: boolean;
     focusInIndex?: (_elements: T[]) => number;
     direction?: DirectionTypes | (() => DirectionTypes);
@@ -9,7 +9,7 @@ type FocusGroupConfig<T> = {
     isFocusableElement?: (el: T) => boolean;
     listenerScope?: HTMLElement | (() => HTMLElement);
 };
-declare class FocusGroupController<T extends HTMLElement> implements ReactiveController {
+export declare class FocusGroupController<T extends HTMLElement> implements ReactiveController {
     protected cachedElements?: T[];
     private mutationObserver;
     get currentIndex(): number;

package/dist/src/lib/external/roving-tabindex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"roving-tabindex.d.ts","sourceRoot":"","sources":["../../../../src/lib/external/roving-tabindex.ts"],"names":[],"mappings":"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"}