@limetech/lime-elements 34.1.0-next.8 → 34.1.0-next.9

package/dist/cjs/limel-tooltip-content.cjs.entry.js

@@ -1,22 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e63a89d7.js');
-
-const tooltipContentCss = ":host{animation:display-tooltip 0.2s ease;display:flex;flex-direction:row;border-radius:0.25rem;padding:0.25rem 0.5rem;font-size:0.875rem;background-color:rgb(var(--contrast-1300));box-shadow:var(--shadow-depth-16)}.label{color:rgb(var(--contrast-200))}.helper-label{color:rgb(var(--contrast-800));padding:0 0 0 1rem}.helper-label:empty{display:none}@keyframes display-tooltip{0%{opacity:0;transform:translate3d(0, 0, 0) scale(0.94)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}";
-
-let TooltipContent = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return [
-      index.h("div", { class: "label" }, this.label),
-      index.h("div", { class: "helper-label" }, this.helperLabel),
-    ];
-  }
-};
-TooltipContent.style = tooltipContentCss;
-
-exports.limel_tooltip_content = TooltipContent;

package/dist/esm/limel-popover.entry.js

@@ -1,112 +0,0 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-2316f345.js';
-import { c as createRandomString } from './random-string-2246b81e.js';
-import { b as ESCAPE } from './keycodes-9f971b46.js';
-import { z as zipObject } from './zipObject-53fcafb3.js';
-import './_assignValue-94fb6adc.js';
-import './_defineProperty-cbf98a2a.js';
-import './eq-f40dd1d6.js';
-
-/**
- * Check if an element is a descendant of another
- *
- * If the child element is a descendant of a limel-portal, this function will
- * go back through the portal and check the original tree recursively
- *
- * @param {HTMLElement} element the parent element
- * @param {HTMLElement} child the child element to check
- * @returns {boolean} `true` if child is a descendant of element, taking
- * portals into account
- */
-function portalContains(element, child) {
-  var _a;
-  if (element.contains(child) || ((_a = element.shadowRoot) === null || _a === void 0 ? void 0 : _a.contains(child))) {
-    return true;
-  }
-  const parent = findParent(child);
-  if (!parent) {
-    return false;
-  }
-  return portalContains(element, parent);
-}
-function findParent(element) {
-  const portal = element.closest('.limel-portal--container');
-  if (portal) {
-    return portal.portalSource;
-  }
-  const rootNode = element.getRootNode();
-  return rootNode.host;
-}
-
-const popoverCss = ".trigger-anchor{display:inline-block;position:relative}";
-
-let Popover = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.close = createEvent(this, "close", 7);
-    /**
-     * True if the content within the popover should be visible
-     */
-    this.open = false;
-    this.handleGlobalKeyPress = (event) => {
-      if (event.key !== ESCAPE) {
-        return;
-      }
-      event.stopPropagation();
-      event.preventDefault();
-      this.close.emit();
-    };
-    this.portalId = createRandomString();
-    this.globalClickListener = this.globalClickListener.bind(this);
-  }
-  watchOpen() {
-    this.setupGlobalHandlers();
-  }
-  componentWillLoad() {
-    this.setupGlobalHandlers();
-  }
-  setupGlobalHandlers() {
-    if (this.open) {
-      document.addEventListener('click', this.globalClickListener, {
-        capture: true,
-      });
-      document.addEventListener('keyup', this.handleGlobalKeyPress);
-    }
-    else {
-      document.removeEventListener('click', this.globalClickListener);
-      document.removeEventListener('keyup', this.handleGlobalKeyPress);
-    }
-  }
-  render() {
-    const cssProperties = this.getCssProperties();
-    const popoverZIndex = getComputedStyle(this.host).getPropertyValue('--popover-z-index');
-    return (h("div", { class: "trigger-anchor" }, h("slot", { name: "trigger" }), h("limel-portal", { visible: this.open, containerId: this.portalId, containerStyle: { 'z-index': popoverZIndex } }, h("limel-popover-surface", { contentCollection: this.host.children, style: cssProperties }))));
-  }
-  globalClickListener(event) {
-    const element = event.target;
-    const clickedInside = portalContains(this.host, element);
-    if (this.open && !clickedInside) {
-      event.stopPropagation();
-      event.preventDefault();
-      this.close.emit();
-    }
-  }
-  getCssProperties() {
-    const propertyNames = [
-      '--popover-surface-width',
-      '--popover-body-background-color',
-      '--popover-border-radius',
-    ];
-    const style = getComputedStyle(this.host);
-    const values = propertyNames.map((property) => {
-      return style.getPropertyValue(property);
-    });
-    return zipObject(propertyNames, values);
-  }
-  get host() { return getElement(this); }
-  static get watchers() { return {
-    "open": ["watchOpen"]
-  }; }
-};
-Popover.style = popoverCss;
-
-export { Popover as limel_popover };