@limetech/lime-elements 33.14.0-next.8 → 34.0.0-next.3

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-dc421a6e.js';
+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 { z as zipObject } from './zipObject-53fcafb3.js';
 import './_assignValue-94fb6adc.js';
@@ -7,7 +7,7 @@ import './eq-f40dd1d6.js';
 
 const menuCss = ":host{display:inline-block}:host([hidden]){display:none}.menu__trigger{border-color:transparent;border-width:1px;border-style:solid;background:none;color:rgb(var(--contrast-800));height:2.25rem}.menu__trigger-enabled:hover{border-color:rgb(var(--contrast-800));color:rgb(var(--contrast-1100))}.mdc-menu-surface--anchor{position:relative}";
 
-const Menu = class {
+let Menu = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.cancel = createEvent(this, "cancel", 7);
@@ -43,14 +43,6 @@ const Menu = class {
      * Renders list items in a grid layout, rather than a vertical list
      */
     this.gridLayout = false;
-    /**
-     * Defines whether the menu should have a fixed position on the screen.
-     *
-     * @deprecated Fixed position was used to get around a bug in the placement
-     * of the menu. This bug has since been fixed, which makes this attribute
-     * obsolete.
-     */
-    this.fixed = false;
     this.setTriggerAttributes = (element) => {
       const attributes = {
         'aria-haspopup': true,
@@ -95,8 +87,8 @@ const Menu = class {
       var _a;
       const activeElement = this.list.shadowRoot.activeElement;
       activeElement === null || activeElement === void 0 ? void 0 : activeElement.blur();
-      const listItems = this.items.filter(this.isListItem);
-      const selectedIndex = Math.max(listItems.findIndex((item) => item.selected), 0);
+      const MenuItems = this.items.filter(this.isMenuItem);
+      const selectedIndex = Math.max(MenuItems.findIndex((item) => item.selected), 0);
       const menuElements = Array.from(this.list.shadowRoot.querySelectorAll('[role="menuitem"]'));
       (_a = menuElements[selectedIndex]) === null || _a === void 0 ? void 0 : _a.focus();
     };
@@ -121,11 +113,7 @@ const Menu = class {
   render() {
     const cssProperties = this.getCssProperties();
     const dropdownZIndex = getComputedStyle(this.host).getPropertyValue('--dropdown-z-index');
-    const portalClasses = {
-      'limel-portal--fixed': this.fixed,
-    };
-    const portalPosition = this.getPortalPosition();
-    return (h("div", { class: "mdc-menu-surface--anchor", onClick: this.onTriggerClick }, h("slot", { name: "trigger" }, this.renderTrigger()), h("limel-portal", { class: portalClasses, style: portalPosition, visible: this.open, containerId: this.portalId, openDirection: this.openDirection, position: this.fixed ? 'fixed' : 'absolute', containerStyle: { 'z-index': dropdownZIndex } }, h("limel-menu-surface", { open: this.open, onDismiss: this.onClose, style: cssProperties }, h("limel-list", { class: {
+    return (h("div", { class: "mdc-menu-surface--anchor", onClick: this.onTriggerClick }, h("slot", { name: "trigger" }, this.renderTrigger()), h("limel-portal", { visible: this.open, containerId: this.portalId, openDirection: this.openDirection, position: "absolute", containerStyle: { 'z-index': dropdownZIndex } }, h("limel-menu-surface", { open: this.open, onDismiss: this.onClose, style: cssProperties }, h("limel-menu-list", { class: {
         'has-grid-layout has-interactive-items': this.gridLayout,
       }, items: this.items, type: "menu", badgeIcons: this.badgeIcons, onChange: this.onListChange, ref: this.setListElement })))));
   }
@@ -139,20 +127,6 @@ const Menu = class {
                     ${this.disabled ? '' : 'menu__trigger-enabled'}
                 `, disabled: this.disabled }, h("span", null, this.label)));
   }
-  getPortalPosition() {
-    if (!this.fixed) {
-      return {};
-    }
-    const rect = this.host.getBoundingClientRect();
-    const portalPosition = {
-      top: `${rect.y + rect.height}px`,
-      left: `${rect.x}px`,
-    };
-    if (this.openDirection === 'left') {
-      portalPosition.left = `${rect.x + rect.width}px`;
-    }
-    return portalPosition;
-  }
   getCssProperties() {
     const propertyNames = [
       '--menu-surface-width',
@@ -166,7 +140,7 @@ const Menu = class {
     });
     return zipObject(propertyNames, values);
   }
-  isListItem(item) {
+  isMenuItem(item) {
     return !('separator' in item);
   }
   get host() { return getElement(this); }

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-dc421a6e.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-2316f345.js';
 import { i as isDescendant } from './dom-0f79cbe7.js';
 import { T as TAB, b as ESCAPE, E as ENTER, c as TAB_KEY_CODE, d as ESCAPE_KEY_CODE, a as ENTER_KEY_CODE, A as ARROW_UP, e as ARROW_UP_KEY_CODE, f as ARROW_DOWN, g as ARROW_DOWN_KEY_CODE } from './keycodes-9f971b46.js';
 import { c as createRandomString } from './random-string-2246b81e.js';
@@ -224,7 +224,7 @@ const pickerCss = ":host{position:relative;display:block}:host([hidden]){display
 
 const SEARCH_DEBOUNCE = 500;
 const CHIP_SET_TAG_NAME = 'limel-chip-set';
-const Picker = class {
+let Picker = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.change = createEvent(this, "change", 7);

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, g as getElement } from './index-dc421a6e.js';
+import { r as registerInstance, h, g as getElement } from './index-2316f345.js';
 
 const popoverSurfaceCss = ".limel-popover-surface{position:relative;display:flex;flex-direction:column;width:var(--popover-surface-width, auto);max-height:calc(100vh - 2rem);max-width:calc(100vw - 2rem);border-radius:var(--popover-border-radius, 0.75rem);box-shadow:var(--shadow-depth-16);backdrop-filter:blur(0.3125rem);-webkit-backdrop-filter:blur(0.3125rem)}.limel-popover-surface:after{transition:opacity 0.4s ease;pointer-events:none;content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0.75;border-radius:var(--popover-border-radius, 0.75rem);background-color:var(--popover-body-background-color, rgb(var(--contrast-100)))}.limel-popover-surface:focus,.limel-popover-surface:focus-within{outline:none}.limel-popover-surface:focus:after,.limel-popover-surface:focus-within:after{opacity:1}.limel-popover-surface:focus-visible{box-shadow:var(--shadow-depth-16-focused)}";
 
-const PopoverSurface = class {
+let PopoverSurface = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
   }

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-dc421a6e.js';
+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';
@@ -39,7 +39,7 @@ function findParent(element) {
 
 const popoverCss = ".trigger-anchor{display:inline-block;position:relative}";
 
-const Popover = class {
+let Popover = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.close = createEvent(this, "close", 7);