@limetech/lime-elements 36.4.0-next.2 → 36.4.0-next.4

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

@@ -1,123 +0,0 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-cdfd351d.js';
-import { c as createRandomString } from './random-string-2246b81e.js';
-import { z as zipObject } from './zipObject-2bb1968e.js';
-import './_assignValue-fb2bf80a.js';
-import './_defineProperty-2105cb48.js';
-import './_getNative-93d6bfe9.js';
-import './eq-c1c7f528.js';
-import './isObject-c74e273c.js';
-
-const menuCss = ":host(limel-menu){isolation:isolate;position:relative;display:inline-block;--badge-background-color:var(\n      --notification-badge-background-color,\n      rgb(var(--color-red-default))\n  );--badge-text-color:var(\n      --notification-badge-text-color,\n      rgb(var(--color-white))\n  )}: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}limel-badge{position:absolute;top:-0.25rem;right:-0.25rem}";
-
-const Menu = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.cancel = createEvent(this, "cancel", 7);
-    this.select = createEvent(this, "select", 7);
-    this.setTriggerAttributes = (element) => {
-      const attributes = {
-        'aria-haspopup': true,
-        'aria-expanded': this.open,
-        disabled: this.disabled,
-        role: 'button',
-      };
-      for (const [key, value] of Object.entries(attributes)) {
-        if (!value) {
-          element.removeAttribute(key);
-        }
-        else {
-          element.setAttribute(key, String(value));
-        }
-      }
-    };
-    this.onClose = () => {
-      this.cancel.emit();
-      this.open = false;
-    };
-    this.onTriggerClick = (event) => {
-      event.stopPropagation();
-      if (this.disabled) {
-        return;
-      }
-      this.open = !this.open;
-    };
-    this.handleSelect = (event) => {
-      event.stopPropagation();
-      this.select.emit(event.detail);
-      this.open = false;
-    };
-    this.setListElement = (element) => {
-      this.list = element;
-    };
-    this.focusMenuItem = () => {
-      var _a;
-      const activeElement = this.list.shadowRoot.activeElement;
-      activeElement === null || activeElement === void 0 ? void 0 : activeElement.blur();
-      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();
-    };
-    this.renderNotificationBadge = () => {
-      if (this.items.some(this.hasNotificationBadge)) {
-        return h("limel-badge", null);
-      }
-    };
-    this.hasNotificationBadge = (item) => this.isMenuItem(item) && item.badge !== undefined;
-    this.items = [];
-    this.disabled = false;
-    this.openDirection = 'bottom-start';
-    this.open = false;
-    this.badgeIcons = false;
-    this.gridLayout = false;
-    this.portalId = createRandomString();
-  }
-  openWatcher() {
-    if (!this.open) {
-      return;
-    }
-    const observer = new IntersectionObserver(() => {
-      observer.unobserve(this.list);
-      this.focusMenuItem();
-    });
-    observer.observe(this.list);
-  }
-  render() {
-    const cssProperties = this.getCssProperties();
-    const dropdownZIndex = getComputedStyle(this.host).getPropertyValue('--dropdown-z-index');
-    return (h("div", { class: "mdc-menu-surface--anchor", onClick: this.onTriggerClick }, h("slot", { name: "trigger" }), this.renderNotificationBadge(), 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, class: {
-        'has-grid-layout': this.gridLayout,
-      } }, h("limel-menu-list", { class: {
-        'has-grid-layout has-interactive-items': this.gridLayout,
-      }, items: this.items, type: "menu", badgeIcons: this.badgeIcons, onSelect: this.handleSelect, ref: this.setListElement })))));
-  }
-  componentDidRender() {
-    const slotElement = this.host.shadowRoot.querySelector('slot');
-    slotElement.assignedElements().forEach(this.setTriggerAttributes);
-  }
-  getCssProperties() {
-    const propertyNames = [
-      '--menu-surface-width',
-      '--list-grid-item-max-width',
-      '--list-grid-item-min-width',
-      '--list-grid-gap',
-      '--notification-badge-background-color',
-      '--notification-badge-text-color',
-    ];
-    const style = getComputedStyle(this.host);
-    const values = propertyNames.map((property) => {
-      return style.getPropertyValue(property);
-    });
-    return zipObject(propertyNames, values);
-  }
-  isMenuItem(item) {
-    return !('separator' in item);
-  }
-  get host() { return getElement(this); }
-  static get watchers() { return {
-    "open": ["openWatcher"]
-  }; }
-};
-Menu.style = menuCss;
-
-export { Menu as limel_menu };

package/dist/lime-elements/p-50dbd665.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as o,g as i}from"./p-d4e788e1.js";import{c as s}from"./p-6c094f3f.js";import{E as r}from"./p-d7801e00.js";import{z as l}from"./p-7cda574b.js";import"./p-b28128d2.js";import"./p-5fdb83c9.js";import"./p-4c3358cb.js";import"./p-eda23c05.js";import"./p-c93050d6.js";function a(t,e){var o;if(t.contains(e)||(null===(o=t.shadowRoot)||void 0===o?void 0:o.contains(e)))return!0;const i=function(t){const e=t.closest(".limel-portal--container");return e?e.portalSource:t.getRootNode().host}(e);return!!i&&a(t,i)}const n=class{constructor(o){t(this,o),this.close=e(this,"close",7),this.handleGlobalKeyPress=t=>{t.key===r&&(t.stopPropagation(),t.preventDefault(),this.close.emit())},this.open=!1,this.openDirection=void 0,this.portalId=s(),this.globalClickListener=this.globalClickListener.bind(this)}watchOpen(){this.setupGlobalHandlers()}componentWillLoad(){this.setupGlobalHandlers()}setupGlobalHandlers(){this.open?(document.addEventListener("click",this.globalClickListener,{capture:!0}),document.addEventListener("keyup",this.handleGlobalKeyPress)):(document.removeEventListener("click",this.globalClickListener),document.removeEventListener("keyup",this.handleGlobalKeyPress))}render(){const t=this.getCssProperties(),e=getComputedStyle(this.host).getPropertyValue("--popover-z-index");return o("div",{class:"trigger-anchor"},o("slot",{name:"trigger"}),o("limel-portal",{visible:this.open,containerId:this.portalId,containerStyle:{"z-index":e},openDirection:this.openDirection},o("limel-popover-surface",{contentCollection:this.host.children,style:t})))}globalClickListener(t){const e=a(this.host,t.target);this.open&&!e&&(t.stopPropagation(),t.preventDefault(),this.close.emit())}getCssProperties(){const t=["--popover-surface-width","--popover-body-background-color","--popover-border-radius"],e=getComputedStyle(this.host),o=t.map((t=>e.getPropertyValue(t)));return l(t,o)}get host(){return i(this)}static get watchers(){return{open:["watchOpen"]}}};n.style=".trigger-anchor{display:inline-block;position:relative}";const c=class{constructor(e){t(this,e),this.contentCollection=void 0}componentDidLoad(){this.appendElement()}render(){return o("div",{class:"limel-popover-surface",tabindex:"0"})}appendElement(){const t=this.host.shadowRoot.querySelector(".limel-popover-surface");Array.from(this.contentCollection).forEach((e=>{"trigger"!==e.slot&&t.appendChild(e)}))}get host(){return i(this)}};c.style=':host(limel-popover-surface){isolation:isolate}.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);margin:0 0.25rem;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, var(--lime-elevated-surface-background-color))}.limel-popover-surface:focus{outline:none}.limel-popover-surface:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}.limel-popover-surface:focus:after,.limel-popover-surface:focus-within:after{opacity:1}';const h=class{constructor(e){t(this,e),this.showTooltip=()=>{this.showTooltipTimeoutHandle=window.setTimeout((()=>{this.open=!0}),500)},this.hideTooltip=()=>{clearTimeout(this.showTooltipTimeoutHandle),this.open=!1},this.elementId=void 0,this.label=void 0,this.helperLabel=void 0,this.maxlength=50,this.open=void 0,this.portalId=s(),this.tooltipId=s()}connectedCallback(){this.setOwnerAriaLabel(),this.addListeners()}disconnectedCallback(){this.removeListeners()}render(){const t=getComputedStyle(this.host).getPropertyValue("--tooltip-z-index");return o("div",{class:"trigger-anchor"},o("limel-portal",{openDirection:"bottom-start",visible:this.open,containerId:this.portalId,containerStyle:{"z-index":t,"pointer-events":"none"}},o("limel-tooltip-content",{label:this.label,helperLabel:this.helperLabel,maxlength:this.maxlength,role:"tooltip","aria-hidden":!this.open,id:this.tooltipId})))}setOwnerAriaLabel(){const t=this.getOwnerElement();null==t||t.setAttribute("aria-describedby",this.tooltipId)}addListeners(){const t=this.getOwnerElement();null==t||t.addEventListener("mouseover",this.showTooltip),null==t||t.addEventListener("mouseout",this.hideTooltip),null==t||t.addEventListener("click",this.hideTooltip)}removeListeners(){const t=this.getOwnerElement();null==t||t.removeEventListener("mouseover",this.showTooltip),null==t||t.removeEventListener("mouseout",this.hideTooltip),null==t||t.removeEventListener("click",this.hideTooltip)}getOwnerElement(){let t=this.host;do{t=t.parentNode}while(t&&t.nodeType!==Node.DOCUMENT_FRAGMENT_NODE&&t.nodeType!==Node.DOCUMENT_NODE);return null==t?void 0:t.getElementById(this.elementId)}get host(){return i(this)}};h.style=".trigger-anchor{position:relative}";const p=class{constructor(e){t(this,e),this.label=void 0,this.helperLabel=void 0,this.maxlength=void 0}render(){let t=!1;this.helperLabel&&this.maxlength&&(t=this.label.length+this.helperLabel.length>this.maxlength);const e={};return this.maxlength&&(e.style={"--tooltip-max-width-of-text":`${this.maxlength}ch`}),[o("text",Object.assign({class:{"has-column-layout":t}},e),o("div",{class:"label"},this.label),o("div",{class:"helper-label"},this.helperLabel))]}};p.style=":host{animation:display-tooltip 0.2s ease;display:flex;border-radius:0.25rem;padding:0.25rem 0.5rem;background-color:rgb(var(--contrast-1300));box-shadow:var(--shadow-depth-16)}text{font-size:0.875rem;line-height:1.25;display:flex;column-gap:1rem}text.has-column-layout{display:table-cell;width:fit-content;max-width:min(var(--tooltip-max-width-of-text), 80vw)}text.has-column-layout .label{padding-bottom:0.5rem}text.has-column-layout .helper-label{padding-bottom:0.25rem}.label{color:rgb(var(--contrast-200))}.helper-label{color:rgb(var(--contrast-800))}.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)}}";export{n as limel_popover,c as limel_popover_surface,h as limel_tooltip,p as limel_tooltip_content}

package/dist/lime-elements/p-d16b27b9.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as s,g as e}from"./p-d4e788e1.js";import{c as o}from"./p-6c094f3f.js";import{z as r}from"./p-7cda574b.js";import"./p-b28128d2.js";import"./p-5fdb83c9.js";import"./p-4c3358cb.js";import"./p-eda23c05.js";import"./p-c93050d6.js";const n=class{constructor(e){t(this,e),this.cancel=i(this,"cancel",7),this.select=i(this,"select",7),this.setTriggerAttributes=t=>{const i={"aria-haspopup":!0,"aria-expanded":this.open,disabled:this.disabled,role:"button"};for(const[s,e]of Object.entries(i))e?t.setAttribute(s,String(e)):t.removeAttribute(s)},this.onClose=()=>{this.cancel.emit(),this.open=!1},this.onTriggerClick=t=>{t.stopPropagation(),this.disabled||(this.open=!this.open)},this.handleSelect=t=>{t.stopPropagation(),this.select.emit(t.detail),this.open=!1},this.setListElement=t=>{this.list=t},this.focusMenuItem=()=>{var t;const i=this.list.shadowRoot.activeElement;null==i||i.blur();const s=this.items.filter(this.isMenuItem),e=Math.max(s.findIndex((t=>t.selected)),0);null===(t=Array.from(this.list.shadowRoot.querySelectorAll('[role="menuitem"]'))[e])||void 0===t||t.focus()},this.renderNotificationBadge=()=>{if(this.items.some(this.hasNotificationBadge))return s("limel-badge",null)},this.hasNotificationBadge=t=>this.isMenuItem(t)&&void 0!==t.badge,this.items=[],this.disabled=!1,this.openDirection="bottom-start",this.open=!1,this.badgeIcons=!1,this.gridLayout=!1,this.portalId=o()}openWatcher(){if(!this.open)return;const t=new IntersectionObserver((()=>{t.unobserve(this.list),this.focusMenuItem()}));t.observe(this.list)}render(){const t=this.getCssProperties(),i=getComputedStyle(this.host).getPropertyValue("--dropdown-z-index");return s("div",{class:"mdc-menu-surface--anchor",onClick:this.onTriggerClick},s("slot",{name:"trigger"}),this.renderNotificationBadge(),s("limel-portal",{visible:this.open,containerId:this.portalId,openDirection:this.openDirection,position:"absolute",containerStyle:{"z-index":i}},s("limel-menu-surface",{open:this.open,onDismiss:this.onClose,style:t,class:{"has-grid-layout":this.gridLayout}},s("limel-menu-list",{class:{"has-grid-layout has-interactive-items":this.gridLayout},items:this.items,type:"menu",badgeIcons:this.badgeIcons,onSelect:this.handleSelect,ref:this.setListElement}))))}componentDidRender(){this.host.shadowRoot.querySelector("slot").assignedElements().forEach(this.setTriggerAttributes)}getCssProperties(){const t=["--menu-surface-width","--list-grid-item-max-width","--list-grid-item-min-width","--list-grid-gap","--notification-badge-background-color","--notification-badge-text-color"],i=getComputedStyle(this.host),s=t.map((t=>i.getPropertyValue(t)));return r(t,s)}isMenuItem(t){return!("separator"in t)}get host(){return e(this)}static get watchers(){return{open:["openWatcher"]}}};n.style=":host(limel-menu){isolation:isolate;position:relative;display:inline-block;--badge-background-color:var(\n      --notification-badge-background-color,\n      rgb(var(--color-red-default))\n  );--badge-text-color:var(\n      --notification-badge-text-color,\n      rgb(var(--color-white))\n  )}: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}limel-badge{position:absolute;top:-0.25rem;right:-0.25rem}";export{n as limel_menu}