@limetech/lime-elements 33.14.0-next.9 → 34.0.0-next.4

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-153dc912.js');
+const index = require('./index-e63a89d7.js');
 const randomString = require('./random-string-4c3b7f1c.js');
 const zipObject = require('./zipObject-2f430e94.js');
 require('./_assignValue-493aac17.js');
@@ -11,18 +11,11 @@ require('./eq-3b43a5ca.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) {
     index.registerInstance(this, hostRef);
     this.cancel = index.createEvent(this, "cancel", 7);
     this.select = index.createEvent(this, "select", 7);
-    /**
-     * Is displayed on the default trigger button.
-     *
-     * @deprecated Use with default trigger has been deprecated.
-     * Please supply your own trigger element.
-     */
-    this.label = '';
     /**
      * A list of items and separators to show in the menu.
      */
@@ -47,14 +40,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,
@@ -99,8 +84,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();
     };
@@ -125,11 +110,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 (index.h("div", { class: "mdc-menu-surface--anchor", onClick: this.onTriggerClick }, index.h("slot", { name: "trigger" }, this.renderTrigger()), index.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 } }, index.h("limel-menu-surface", { open: this.open, onDismiss: this.onClose, style: cssProperties }, index.h("limel-list", { class: {
+    return (index.h("div", { class: "mdc-menu-surface--anchor", onClick: this.onTriggerClick }, index.h("slot", { name: "trigger" }), index.h("limel-portal", { visible: this.open, containerId: this.portalId, openDirection: this.openDirection, position: "absolute", containerStyle: { 'z-index': dropdownZIndex } }, index.h("limel-menu-surface", { open: this.open, onDismiss: this.onClose, style: cssProperties }, index.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 })))));
   }
@@ -137,26 +118,6 @@ const Menu = class {
     const slotElement = this.host.shadowRoot.querySelector('slot');
     slotElement.assignedElements().forEach(this.setTriggerAttributes);
   }
-  renderTrigger() {
-    return (index.h("button", { class: `
-                    menu__trigger
-                    ${this.disabled ? '' : 'menu__trigger-enabled'}
-                `, disabled: this.disabled }, index.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',
@@ -170,7 +131,7 @@ const Menu = class {
     });
     return zipObject.zipObject(propertyNames, values);
   }
-  isListItem(item) {
+  isMenuItem(item) {
     return !('separator' in item);
   }
   get host() { return index.getElement(this); }

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-153dc912.js');
+const index = require('./index-e63a89d7.js');
 const dom = require('./dom-20826de0.js');
 const keycodes = require('./keycodes-3949f425.js');
 const randomString = require('./random-string-4c3b7f1c.js');
@@ -228,7 +228,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) {
     index.registerInstance(this, hostRef);
     this.change = index.createEvent(this, "change", 7);

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-153dc912.js');
+const index = require('./index-e63a89d7.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) {
     index.registerInstance(this, hostRef);
   }

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-153dc912.js');
+const index = require('./index-e63a89d7.js');
 const randomString = require('./random-string-4c3b7f1c.js');
 const keycodes = require('./keycodes-3949f425.js');
 const zipObject = require('./zipObject-2f430e94.js');
@@ -43,7 +43,7 @@ function findParent(element) {
 
 const popoverCss = ".trigger-anchor{display:inline-block;position:relative}";
 
-const Popover = class {
+let Popover = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.close = index.createEvent(this, "close", 7);