wj-elements 0.1.7 → 0.1.9

package/dist/wje-master.js

@@ -1,91 +1,90 @@
-var g = Object.defineProperty;
-var x = (d, e, t) => e in d ? g(d, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[e] = t;
-var l = (d, e, t) => (x(d, typeof e != "symbol" ? e + "" : e, t), t);
-import f, { WjElementUtils as w } from "./wje-element.js";
-import { event as j } from "./wje-element.js";
-import { defaultStoreActions as k, store as N } from "./wje-store.js";
-import { b as z, w as B } from "./router-links-FtZbFUto.js";
-import { fetchAndParseCSS as F } from "./wje-fetchAndParseCSS.js";
-import { L as h } from "./localize-DVuO3S17.js";
-import { default as q } from "./wje-accordion.js";
-import { default as V } from "./wje-accordion-item.js";
-import { default as H } from "./wje-animation.js";
-import { default as K } from "./wje-aside.js";
-import { default as $ } from "./wje-avatar.js";
-import { default as Z } from "./wje-badge.js";
-import { default as X } from "./wje-breadcrumb.js";
-import { default as ee } from "./wje-breadcrumbs.js";
-import { default as re } from "./wje-button.js";
-import { default as ae } from "./wje-button-group.js";
-import { default as ne } from "./wje-card.js";
-import { default as ie } from "./wje-card-content.js";
-import { default as fe } from "./wje-card-controls.js";
-import { default as me } from "./wje-card-header.js";
-import { default as ce } from "./wje-card-subtitle.js";
-import { default as ge } from "./wje-card-title.js";
-import { default as we } from "./wje-carousel.js";
-import { default as be } from "./wje-carousel-item.js";
-import { default as Ee } from "./wje-checkbox.js";
-import { default as ye } from "./wje-chip.js";
-import { default as Le } from "./wje-col.js";
-import { default as Re } from "./wje-color-picker.js";
-import { default as je } from "./wje-container.js";
-import { default as ke } from "./wje-copy-button.js";
-import { default as Oe } from "./wje-dialog.js";
-import { default as Be } from "./wje-divider.js";
-import { default as Fe } from "./wje-dropdown.js";
-import { default as qe } from "./wje-file-upload.js";
-import { default as Ve } from "./wje-file-upload-item.js";
-import { default as He } from "./wje-footer.js";
-import { default as Ke } from "./wje-format-digital.js";
-import { default as $e } from "./wje-grid.js";
-import { default as Ze } from "./wje-header.js";
-import { default as Xe } from "./wje-icon.js";
-import { default as et } from "./wje-icon-picker.js";
-import { default as rt } from "./wje-img.js";
-import { default as at } from "./wje-img-comparer.js";
-import { default as nt } from "./wje-infinite-scroll.js";
-import { default as it } from "./wje-inline-edit.js";
-import { default as ft } from "./wje-input.js";
-import { default as mt } from "./wje-input-file.js";
-import { default as ct } from "./wje-item.js";
-import { default as gt } from "./wje-label.js";
-import { default as wt } from "./wje-list.js";
-import { default as bt } from "./wje-main.js";
-import { default as Et } from "./wje-masonry.js";
-import { default as yt } from "./wje-menu.js";
-import { default as Lt } from "./wje-menu-button.js";
-import { default as Rt } from "./wje-menu-item.js";
-import { default as jt } from "./wje-menu-label.js";
-import { default as kt } from "./wje-option.js";
-import { default as Ot } from "./wje-options.js";
+import { default as d, event as u } from "./wje-element.js";
+import { defaultStoreActions as s, store as m } from "./wje-store.js";
+import { b as i, w as n } from "./router-links-FtZbFUto.js";
+import { fetchAndParseCSS as b } from "./wje-fetchAndParseCSS.js";
+import { L as e } from "./localize-DVuO3S17.js";
+import { default as w } from "./wje-accordion.js";
+import { default as R } from "./wje-accordion-item.js";
+import { default as g } from "./wje-animation.js";
+import { default as B } from "./wje-aside.js";
+import { default as h } from "./wje-avatar.js";
+import { default as L } from "./wje-badge.js";
+import { default as P } from "./wje-breadcrumb.js";
+import { default as v } from "./wje-breadcrumbs.js";
+import { default as F } from "./wje-button.js";
+import { default as G } from "./wje-button-group.js";
+import { default as z } from "./wje-card.js";
+import { default as H } from "./wje-card-content.js";
+import { default as U } from "./wje-card-controls.js";
+import { default as J } from "./wje-card-header.js";
+import { default as q } from "./wje-card-subtitle.js";
+import { default as Q } from "./wje-card-title.js";
+import { default as Y } from "./wje-carousel.js";
+import { default as _ } from "./wje-carousel-item.js";
+import { default as ee } from "./wje-checkbox.js";
+import { default as re } from "./wje-chip.js";
+import { default as ae } from "./wje-col.js";
+import { default as le } from "./wje-color-picker.js";
+import { default as ue } from "./wje-container.js";
+import { default as se } from "./wje-copy-button.js";
+import { default as xe } from "./wje-dialog.js";
+import { default as ne } from "./wje-divider.js";
+import { default as be } from "./wje-dropdown.js";
+import { default as we } from "./wje-file-upload.js";
+import { default as Re } from "./wje-file-upload-item.js";
+import { default as ge } from "./wje-footer.js";
+import { default as Be } from "./wje-format-digital.js";
+import { default as he } from "./wje-grid.js";
+import { default as Le } from "./wje-header.js";
+import { default as Pe } from "./wje-icon.js";
+import { default as ve } from "./wje-icon-picker.js";
+import { default as Fe } from "./wje-img.js";
+import { default as Ge } from "./wje-img-comparer.js";
+import { default as ze } from "./wje-infinite-scroll.js";
+import { default as He } from "./wje-inline-edit.js";
+import { default as Ue } from "./wje-input.js";
+import { default as Je } from "./wje-input-file.js";
+import { default as qe } from "./wje-item.js";
+import { default as Qe } from "./wje-label.js";
+import { default as Ye } from "./wje-list.js";
+import { default as _e } from "./wje-main.js";
+import { default as eo } from "./wje-masonry.js";
+import { default as ro } from "./wje-menu.js";
+import { default as ao } from "./wje-menu-button.js";
+import { default as lo } from "./wje-menu-item.js";
+import { default as po } from "./wje-menu-label.js";
+import { default as mo } from "./wje-option.js";
+import { default as io } from "./wje-options.js";
 import "./wje-popup.js";
-import { default as Bt } from "./wje-progress-bar.js";
-import { default as Ft } from "./wje-radio.js";
-import { default as qt } from "./wje-radio-group.js";
-import { default as Vt } from "./wje-rate.js";
-import { default as Ht } from "./wje-relative-time.js";
-import { default as Kt } from "./wje-route.js";
-import { default as $t } from "./wje-routerx.js";
-import { default as Zt } from "./wje-router-link.js";
-import { default as Xt } from "./wje-router-outlet.js";
-import { default as er } from "./wje-row.js";
-import { default as rr } from "./wje-select.js";
-import { default as ar } from "./wje-slider.js";
-import { default as nr } from "./wje-split-view.js";
-import { default as ir } from "./wje-tab.js";
-import { default as fr } from "./wje-tab-group.js";
-import { default as mr } from "./wje-tab-panel.js";
-import { default as cr } from "./wje-textarea.js";
-import { default as gr } from "./wje-thumbnail.js";
-import { default as wr } from "./wje-toast.js";
-import { default as br } from "./wje-toggle.js";
-import { default as Er } from "./wje-toolbar.js";
-import { default as yr } from "./wje-toolbar-action.js";
-import { default as Lr } from "./wje-tooltip.js";
-import { default as Rr } from "./wje-visually-hidden.js";
-import { P as jr } from "./popup.element-Dj9j__Dh.js";
-const v = {
+import { default as co } from "./wje-progress-bar.js";
+import { default as Co } from "./wje-radio.js";
+import { default as Io } from "./wje-radio-group.js";
+import { default as To } from "./wje-rate.js";
+import { default as ko } from "./wje-relative-time.js";
+import { default as So } from "./wje-reorder.js";
+import { default as Ao } from "./wje-reorder-dropzone.js";
+import { default as jo } from "./wje-reorder-item.js";
+import { default as Mo } from "./wje-route.js";
+import { default as Do } from "./wje-routerx.js";
+import { default as yo } from "./wje-router-link.js";
+import { default as Vo } from "./wje-router-outlet.js";
+import { default as Eo } from "./wje-row.js";
+import { default as Oo } from "./wje-select.js";
+import { default as Wo } from "./wje-slider.js";
+import { default as No } from "./wje-split-view.js";
+import { default as Ko } from "./wje-tab.js";
+import { default as Xo } from "./wje-tab-group.js";
+import { default as Zo } from "./wje-tab-panel.js";
+import { default as $o } from "./wje-textarea.js";
+import { default as or } from "./wje-thumbnail.js";
+import { default as tr } from "./wje-toast.js";
+import { default as fr } from "./wje-toggle.js";
+import { default as dr } from "./wje-toolbar.js";
+import { default as pr } from "./wje-toolbar-action.js";
+import { default as mr } from "./wje-tooltip.js";
+import { default as ir } from "./wje-visually-hidden.js";
+import { P as cr } from "./popup.element-CpEjis9f.js";
+const o = {
   code: "sk",
   name: "Slovak",
   dir: "ltr",
@@ -94,8 +93,8 @@ const v = {
   "wj.file.upload.uploaded": "Nahraných: ",
   "wj.file.upload.from": "z"
 };
-h.registerTranslation(v);
-const b = {
+e.registerTranslation(o);
+const r = {
   code: "en",
   name: "English",
   dir: "ltr",
@@ -104,239 +103,94 @@ const b = {
   "wj.file.upload.uploaded": "Uploaded: ",
   "wj.file.upload.from": "from"
 };
-h.registerTranslation(b);
-const A = ".container{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column}.container-w-dropzones{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:row}";
-class m extends f {
-  constructor() {
-    super(), this.className = "Reorder", this.dragEl = null, this.items = [], this.originalIndex = null;
-  }
-  static get cssStyleSheet() {
-    return A;
-  }
-  setupAttributes() {
-    this.isShadowRoot = "open";
-  }
-  draw(e, t, o) {
-    const n = document.createDocumentFragment(), a = document.createElement("div");
-    a.classList.add("container"), a.setAttribute("part", "native");
-    const r = document.createElement("slot");
-    return r.classList.add("reorder-items"), a.appendChild(r), n.appendChild(a), this.container = a, n;
-  }
-  afterDraw(e, t, o) {
-    const n = this.querySelectorAll("wje-reorder-item"), a = this.querySelectorAll("wje-reorder-dropzone");
-    a && a.forEach((r) => {
-      this.container.classList.remove("container"), this.container.classList.add("container-w-dropzones");
-    }), n && n.forEach((r) => {
-      const s = r.querySelectorAll("[slot=handle]");
-      (s.length > 0 ? s : [r]).forEach((p) => {
-        p.setAttribute("draggable", "true"), this.attachEventListeners(p);
-      });
-    });
-  }
-  onDragStart(e) {
-    if (this.hasAttribute("disabled")) {
-      e.preventDefault();
-      return;
-    }
-    const t = new Image();
-    t.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAEElEQVR42mNkAAIAAAoAAv/lxKUAAAAASUVORK5CYII=", e.dataTransfer.setDragImage(t, 0, 0), this.dragEl = e.currentTarget.closest("wje-reorder-item"), e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/html", `${this.dragEl.innerHTML}`), this.originalIndex = [...this.dragEl.parentNode.children].indexOf(
-      this.dragEl
-    ), this.originalParent = this.dragEl.parentNode;
-  }
-  onDragOver(e) {
-    e.preventDefault();
-    const t = e.currentTarget.closest("wje-reorder-item"), o = t.parentNode;
-    this.dragEl !== t ? (this.updateDropStyles(t, this.isMovingDown(e)), this.updateItemsPosition(o, t, this.isMovingDown(e))) : t.shadowRoot.querySelector("div").classList.add("moving");
-  }
-  onDragEnter(e) {
-  }
-  onDragLeave(e) {
-  }
-  onDrop(e) {
-    e.preventDefault();
-    const t = e.currentTarget.closest("wje-reorder-item");
-    if (t.shadowRoot.querySelector("div").classList.remove("moving"), !t.parentNode)
-      return;
-    t.parentNode.insertBefore(this.dragEl, t);
-  }
-  onDragEnd(e) {
-    const t = this.dragEl.parentNode, o = Array.from(t.children).indexOf(this.dragEl);
-    [t, this.originalParent].forEach((a) => {
-      a.childNodes.forEach((r) => {
-        if (r.nodeType === 1) {
-          const s = r.shadowRoot.querySelector("div");
-          s && ["drag--up", "drag--down", "moving"].forEach(
-            (i) => s.classList.remove(i)
-          );
-        }
-      });
-    });
-    const n = Array.from(t.children).map((a) => {
-      const r = a.cloneNode(!0), s = r.querySelector(".handle");
-      return s && s.remove(), r.innerText.trim();
-    });
-    this.dispatchChange(this.originalIndex, o, n);
-  }
-  attachEventListeners(e) {
-    e.addEventListener("dragstart", this.onDragStart.bind(this), !1), e.addEventListener("touchstart", this.onDragStart.bind(this), !1), e.addEventListener("dragenter", this.onDragEnter.bind(this), !1), e.addEventListener("dragover", this.onDragOver.bind(this), !1), e.addEventListener("dragleave", this.onDragLeave.bind(this), !1), e.addEventListener("drop", this.onDrop.bind(this), !1), e.addEventListener("dragend", this.onDragEnd.bind(this), !1), e.addEventListener("touchend", this.onDragEnd.bind(this), !1);
-  }
-  updateDropStyles(e, t) {
-    const o = e.shadowRoot.querySelector("div").classList;
-    o.toggle("drag--down", t), o.toggle("drag--up", !t);
-  }
-  updateItemsPosition(e, t, o) {
-    e.insertBefore(
-      this.dragEl,
-      o ? t.nextSibling : t
-    );
-  }
-  isMovingDown(e) {
-    const t = e.currentTarget.closest("wje-reorder-item").parentNode, o = Array.from(t.children).indexOf(this.dragEl), n = Array.from(t.children).indexOf(
-      e.currentTarget.closest("wje-reorder-item")
-    );
-    return o < n;
-  }
-  dispatchChange(e, t, o) {
-    console.log("FROM:", e), console.log("TO:", t), console.log("ORDER:", o), this.dispatchEvent(
-      new CustomEvent("wje-reorder:change", {
-        detail: { from: e, to: t, order: o }
-      })
-    );
-  }
-}
-m.define("wje-reorder", m);
-const E = ":host{--reorder-background-color: var(--wje-color-contrast-lowest);--reorder-item-spacing: .5rem}.item{width:134px;height:19px;display:flex;align-items:center;justify-content:center;position:relative;gap:var(--reorder-item-spacing);padding:var(--reorder-item-spacing);border-radius:var(--wje-border-radius-small);background-color:--reorder-background-color;cursor:grab;transition:transform .3s linear}.item-w-handle{cursor:default}.item:hover:not(.item-w-handle){background-color:#f4f4f5}.item:active:not(.item-w-handle):not(.moving){background-color:--reorder-background-color;cursor:grabbing}.moving{background-color:#d3d3d3}.handle{cursor:grab;gap:10px}.handle:active{cursor:grabbing}.name{width:108px;height:19px;text-align:center;font-size:var(--wje-font-size-medium);font-weight:400;line-height:19.36px;gap:10px}.drag--down{--item-transform: translateY(-10px)}.drag--up{--item-transform: translateY(10px)}.item{transform:var(--item-transform)}";
-class u extends f {
-  constructor() {
-    super();
-    l(this, "className", "ReorderItem");
-  }
-  static get cssStyleSheet() {
-    return E;
-  }
-  setupAttributes() {
-    this.isShadowRoot = "open";
-  }
-  draw(t, o, n) {
-    let a = document.createDocumentFragment(), r = document.createElement("div");
-    r.classList.add("item"), r.setAttribute("part", "native-reorder-item");
-    let s = document.createElement("slot");
-    if (s.classList.add("name"), w.hasSlot(this, "handle")) {
-      const i = document.createElement("slot");
-      i.classList.add("handle"), i.setAttribute("name", "handle"), i.setAttribute("part", "handle-part"), r.classList.add("item-w-handle"), r.appendChild(i);
-    } else
-      s.setAttribute("draggable", "true");
-    return r.appendChild(s), a.appendChild(r), a;
-  }
-}
-u.define("wje-reorder-item", u);
-const S = ".dropzone{border:1px dashed lightgrey;border-radius:var(--wje-border-radius-small);margin:.5rem;display:flex;flex-direction:column;align-items:center;overflow:hidden;justify-content:center;min-height:250px}";
-class c extends f {
-  constructor() {
-    super();
-    l(this, "className", "ReorderDropzone");
-  }
-  static get cssStyleSheet() {
-    return S;
-  }
-  setupAttributes() {
-    this.isShadowRoot = "open";
-  }
-  draw(t, o, n) {
-    let a = document.createDocumentFragment(), r = document.createElement("div");
-    r.classList.add("dropzone");
-    let s = document.createElement("slot");
-    return r.appendChild(s), a.appendChild(r), a;
-  }
-}
-c.define("wje-reorder-dropzone", c);
+e.registerTranslation(r);
 export {
-  q as Accordion,
-  V as AccordionItem,
-  H as Animation,
-  K as Aside,
-  $ as Avatar,
-  Z as Badge,
-  X as Breadcrumb,
-  ee as Breadcrumbs,
-  re as Button,
-  ae as ButtonGroup,
-  ne as Card,
-  ie as CardContent,
-  fe as CardControls,
-  me as CardHeader,
-  ce as CardSubtitle,
-  ge as CardTitle,
-  we as Carousel,
-  be as CarouselItem,
-  Ee as Checkbox,
-  ye as Chip,
-  Le as Col,
-  Re as ColorPicker,
-  je as Container,
-  ke as CopyButton,
-  Oe as Dialog,
-  Be as Divider,
-  Fe as Dropdown,
-  qe as FileUpload,
-  Ve as FileUploadItem,
-  He as Footer,
-  Ke as FormatDigital,
-  $e as Grid,
-  Ze as Header,
-  Xe as Icon,
-  et as IconPicker,
-  rt as Img,
-  at as ImgComparer,
-  nt as InfiniteScroll,
-  it as InlineEdit,
-  ft as Input,
-  mt as InputFile,
-  ct as Item,
-  gt as Label,
-  wt as List,
-  h as Localizer,
-  bt as Main,
-  Et as Masonry,
-  yt as Menu,
-  Lt as MenuButton,
-  Rt as MenuItem,
-  jt as MenuLabel,
-  kt as Option,
-  Ot as Options,
-  jr as Popup,
-  Bt as ProgressBar,
-  Ft as Radio,
-  qt as RadioGroup,
-  Vt as Rate,
-  Ht as RelativeTime,
-  m as Reorder,
-  c as ReorderDropzone,
-  u as ReorderItem,
-  Kt as Route,
-  Zt as RouterLink,
-  Xt as RouterOutlet,
-  $t as Routerx,
-  er as Row,
-  rr as Select,
-  ar as Slider,
-  nr as SplitView,
-  ir as Tab,
-  fr as TabGroup,
-  mr as TabPanel,
-  cr as Textarea,
-  gr as Thumbnail,
-  wr as Toast,
-  br as Toggle,
-  Er as Toolbar,
-  yr as ToolbarAction,
-  Lr as Tooltip,
-  Rr as VisuallyHidden,
-  f as WJElement,
-  z as bindRouterLinks,
-  k as defaultStoreActions,
-  j as event,
-  F as fetchAndParseCSS,
-  N as store,
-  B as withRouterLinks
+  w as Accordion,
+  R as AccordionItem,
+  g as Animation,
+  B as Aside,
+  h as Avatar,
+  L as Badge,
+  P as Breadcrumb,
+  v as Breadcrumbs,
+  F as Button,
+  G as ButtonGroup,
+  z as Card,
+  H as CardContent,
+  U as CardControls,
+  J as CardHeader,
+  q as CardSubtitle,
+  Q as CardTitle,
+  Y as Carousel,
+  _ as CarouselItem,
+  ee as Checkbox,
+  re as Chip,
+  ae as Col,
+  le as ColorPicker,
+  ue as Container,
+  se as CopyButton,
+  xe as Dialog,
+  ne as Divider,
+  be as Dropdown,
+  we as FileUpload,
+  Re as FileUploadItem,
+  ge as Footer,
+  Be as FormatDigital,
+  he as Grid,
+  Le as Header,
+  Pe as Icon,
+  ve as IconPicker,
+  Fe as Img,
+  Ge as ImgComparer,
+  ze as InfiniteScroll,
+  He as InlineEdit,
+  Ue as Input,
+  Je as InputFile,
+  qe as Item,
+  Qe as Label,
+  Ye as List,
+  e as Localizer,
+  _e as Main,
+  eo as Masonry,
+  ro as Menu,
+  ao as MenuButton,
+  lo as MenuItem,
+  po as MenuLabel,
+  mo as Option,
+  io as Options,
+  cr as Popup,
+  co as ProgressBar,
+  Co as Radio,
+  Io as RadioGroup,
+  To as Rate,
+  ko as RelativeTime,
+  So as Reorder,
+  Ao as ReorderDropzone,
+  jo as ReorderItem,
+  Mo as Route,
+  yo as RouterLink,
+  Vo as RouterOutlet,
+  Do as Routerx,
+  Eo as Row,
+  Oo as Select,
+  Wo as Slider,
+  No as SplitView,
+  Ko as Tab,
+  Xo as TabGroup,
+  Zo as TabPanel,
+  $o as Textarea,
+  or as Thumbnail,
+  tr as Toast,
+  fr as Toggle,
+  dr as Toolbar,
+  pr as ToolbarAction,
+  mr as Tooltip,
+  ir as VisuallyHidden,
+  d as WJElement,
+  i as bindRouterLinks,
+  s as defaultStoreActions,
+  u as event,
+  b as fetchAndParseCSS,
+  m as store,
+  n as withRouterLinks
 };

package/dist/wje-menu-item.js

@@ -3,8 +3,8 @@ var A = (o, a, e) => a in o ? x(o, a, { enumerable: !0, configurable: !0, writab
 var c = (o, a, e) => (A(o, typeof a != "symbol" ? a + "" : a, e), e);
 import k, { WjElementUtils as L, event as l } from "./wje-element.js";
 import { b as E } from "./router-links-FtZbFUto.js";
-const S = ':host{--wje-menu-item-color: var(--wje-color);--wje-menu-item-background: transparent;--wje-menu-item-color-hover: var(--wje-color-contrast-8);--wje-menu-item-background-hover: var(--wje-border-color);--wje-menu-item-color-focus: var(--wje-color-contrast-8);--wje-menu-item-background-focus: var(--wje-border-color);--wje-menu-item-color-active: var(--wje-color-contrast-8);--wje-menu-item-background-active: var(--wje-border-color);--wje-menu-item-padding-top: .5rem;--wje-menu-item-padding-bottom: .5rem;--wje-menu-item-line-height: 1.8rem;--wje-menu-item-safe-triangle-cursor-x: 0;--wje-menu-item-safe-triangle-cursor-y: 0;--wje-menu-item-safe-triangle-submenu-start-x: 0;--wje-menu-item-safe-triangle-submenu-start-y: 0;--wje-menu-item-safe-triangle-submenu-end-x: 0;--wje-menu-item-safe-triangle-submenu-end-y: 0;--wje-menu-submenu-offset: 0;--wje-menu-item-icon-visibility: hidden;display:block}:host .native-menu-item{background:var(--wje-menu-item-background);position:relative;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;color:var(--wje-menu-item-color);padding-top:var(--wje-menu-item-padding-top);padding-bottom:var(--wje-menu-item-padding-bottom);transition:var(--wje-transition-fast) fill;-webkit-user-select:none;user-select:none;white-space:nowrap;cursor:pointer;width:100%}:host .native-menu-item:hover{color:var(--wje-menu-item-color-hover);background:var(--wje-menu-item-background-hover)}:host .native-menu-item:focus{color:var(--wje-menu-item-color-focus);background:var(--wje-menu-item-background-focus)}:host .native-menu-item:active{color:var(--wje-menu-item-color-active);background:var(--wje-menu-item-background-active)}:host .native-menu-item .label{flex:1 1 auto;display:inline-block;text-overflow:ellipsis;overflow:hidden;line-height:normal}:host .native-menu-item .check-icon{flex:0 0 auto;display:var(--wje-menu-item-check-icon-display, flex);align-items:center;justify-content:center;width:var(--wje-menu-check-icon-width, 1.5rem);visibility:hidden}:host .native-menu-item .check-icon.checked{visibility:visible}:host .native-menu-item.expanded-submenu{color:var(--wje-menu-item-color-active);background:var(--wje-menu-item-background-active)}:host .native-menu-item.expanded-submenu:hover{color:var(--wje-menu-item-color-hover);background:var(--wje-menu-item-background-hover)}:host .native-menu-item.expanded-submenu:after{content:"";position:fixed;z-index:1;top:0;right:0;bottom:0;left:0;//background: yellow;clip-path:polygon(var(--wje-menu-item-safe-triangle-cursor-x) var(--wje-menu-item-safe-triangle-cursor-y),var(--wje-menu-item-safe-triangle-submenu-start-x) var(--wje-menu-item-safe-triangle-submenu-start-y),var(--wje-menu-item-safe-triangle-submenu-end-x) var(--wje-menu-item-safe-triangle-submenu-end-y))}:host(.collapse) ::slotted([slot="start"]){margin:0;width:auto;display:contents}:host(.collapse) ::slotted([slot="end"]){display:none}:host(.collapse) .label,:host(.collapse) .check-icon,:host(.collapse) .submenu-icon{display:none}.submenu-icon{--wje-icon-size: 14px !important;flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:1.5rem;visibility:var(--wje-menu-item-icon-visibility)}.has-submenu .submenu-icon{--wje-menu-item-icon-visibility: visible}.submenu-icon.collapse{flex:none;right:10px;position:relative}:host(:focus-visible){outline:none}::slotted([slot="start"]){flex:0 0 auto;display:flex;align-items:center;margin-inline-end:.5rem}::slotted([slot="end"]){flex:0 0 auto;display:flex;align-items:center;margin-inline-start:.5rem}:host(.wje-menu-variant-nav) ::slotted([slot="submenu"]){--wje-menu-border-width: 0 !important;--wje-menu-margin-inline: 2rem 0 !important}:host ::slotted([slot="start"]){width:1.5rem}:host(.wje-menu-variant-context){display:block}:host(.active){color:var(--wje-menu-item-color-active);background:var(--wje-menu-item-background-active)}:host(.open){color:var(--wje-menu-item-color-active);background:var(--wje-menu-item-background-active)}';
-class g extends k {
+const S = ':host{--wje-menu-item-safe-triangle-cursor-x: 0;--wje-menu-item-safe-triangle-cursor-y: 0;--wje-menu-item-safe-triangle-submenu-start-x: 0;--wje-menu-item-safe-triangle-submenu-start-y: 0;--wje-menu-item-safe-triangle-submenu-end-x: 0;--wje-menu-item-safe-triangle-submenu-end-y: 0;display:block}:host .native-menu-item{background:var(--wje-menu-item-background);position:relative;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;color:var(--wje-menu-item-color);padding-top:var(--wje-menu-item-padding-top);padding-bottom:var(--wje-menu-item-padding-bottom);transition:var(--wje-transition-fast) fill;-webkit-user-select:none;user-select:none;white-space:nowrap;cursor:pointer;width:100%}:host .native-menu-item:hover{color:var(--wje-menu-item-color-hover);background:var(--wje-menu-item-background-hover)}:host .native-menu-item:focus{color:var(--wje-menu-item-color-focus);background:var(--wje-menu-item-background-focus)}:host .native-menu-item:active{color:var(--wje-menu-item-color-active);background:var(--wje-menu-item-background-active)}:host .native-menu-item .label{flex:1 1 auto;display:inline-block;text-overflow:ellipsis;overflow:hidden;line-height:normal}:host .native-menu-item .check-icon{flex:0 0 auto;display:var(--wje-menu-item-check-icon-display, flex);align-items:center;justify-content:center;width:var(--wje-menu-check-icon-width, 1.5rem);visibility:hidden}:host .native-menu-item .check-icon.checked{visibility:visible}:host .native-menu-item.expanded-submenu{color:var(--wje-menu-item-color-active);background:var(--wje-menu-item-background-active)}:host .native-menu-item.expanded-submenu:hover{color:var(--wje-menu-item-color-hover);background:var(--wje-menu-item-background-hover)}:host .native-menu-item.expanded-submenu:after{content:"";position:fixed;z-index:1;top:0;right:0;bottom:0;left:0;//background: yellow;clip-path:polygon(var(--wje-menu-item-safe-triangle-cursor-x) var(--wje-menu-item-safe-triangle-cursor-y),var(--wje-menu-item-safe-triangle-submenu-start-x) var(--wje-menu-item-safe-triangle-submenu-start-y),var(--wje-menu-item-safe-triangle-submenu-end-x) var(--wje-menu-item-safe-triangle-submenu-end-y))}:host(.collapse) ::slotted([slot="start"]){margin:0;width:auto;display:contents}:host(.collapse) ::slotted([slot="end"]){display:none}:host(.collapse) .label,:host(.collapse) .check-icon,:host(.collapse) .submenu-icon{display:none}.submenu-icon{--wje-icon-size: 14px !important;flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:1.5rem;visibility:var(--wje-menu-item-icon-visibility)}.has-submenu .submenu-icon{--wje-menu-item-icon-visibility: visible}.submenu-icon.collapse{flex:none;position:relative}:host(:focus-visible){outline:none}::slotted([slot="start"]){flex:0 0 auto;display:flex;align-items:center;margin-inline-end:.5rem}::slotted([slot="end"]){flex:0 0 auto;display:flex;align-items:center;margin-inline-start:.5rem}:host(.wje-menu-variant-nav) ::slotted([slot="submenu"]){--wje-menu-border-width: 0 !important;--wje-menu-margin-inline: 2rem 0 !important}:host ::slotted([slot="start"]){width:1.5rem}:host(.wje-menu-variant-context){display:block}:host(.active){color:var(--wje-menu-item-color-active);background:var(--wje-menu-item-background-active)}:host(.open){color:var(--wje-menu-item-color-active);background:var(--wje-menu-item-background-active)}';
+class j extends k {
   /**
    * Constructor for MenuItem class.
    * @constructor
@@ -97,11 +97,11 @@ class g extends k {
    * @returns {DocumentFragment} The fragment to be appended to the MenuItem.
    */
   draw(e, i, m) {
-    var w, f, j;
+    var f, w, g;
     let s = document.createDocumentFragment();
     this.setAttribute("tabindex", "0"), this.classList.forEach((n) => {
       n.startsWith("wje-menu-variant-") && this.classList.remove(n);
-    }), this.classList.remove("collapse"), this.classList.add("wje-menu-variant-" + this.variant.toLowerCase()), this.collapse ? (f = this.parentElement) != null && f.hasAttribute("collapse") && this.classList.add("collapse") : (w = this.querySelector("wje-menu")) == null || w.setAttribute("variant", this.variant.toLowerCase());
+    }), this.classList.remove("collapse"), this.classList.add("wje-menu-variant-" + this.variant.toLowerCase()), this.collapse ? (w = this.parentElement) != null && w.hasAttribute("collapse") && this.classList.add("collapse") : (f = this.querySelector("wje-menu")) == null || f.setAttribute("variant", this.variant.toLowerCase());
     let t = document.createElement("div");
     t.setAttribute("part", "native"), t.setAttribute("id", "anchor"), t.classList.add("native-menu-item");
     let r = document.createElement("span");
@@ -125,7 +125,7 @@ class g extends k {
       let n = document.createElement("wje-popup");
       n.setAttribute("anchor", "anchor"), n.setAttribute("placement", this.placement), n.setAttribute("offset", this.offset), n.appendChild(t), n.appendChild(u), this.popup = n, s.appendChild(n), v = !0;
     }
-    return (j = this.parentElement) != null && j.hasAttribute("collapse") && !this.hasSubmenu ? s.appendChild(this.collapseItem(t)) : v || s.appendChild(t), (!this.collapse && this.variant === "NAV" || this.variant === "MEGAMENU" && this.hasSubmenu) && s.appendChild(u), this.native = t, this.submenu = u, s;
+    return (g = this.parentElement) != null && g.hasAttribute("collapse") && !this.hasSubmenu ? s.appendChild(this.collapseItem(t)) : v || s.appendChild(t), (!this.collapse && this.variant === "NAV" || this.variant === "MEGAMENU" && this.hasSubmenu) && s.appendChild(u), this.native = t, this.submenu = u, s;
   }
   /**
    * Adds event listeners after drawing the MenuItem.
@@ -186,7 +186,7 @@ class g extends k {
     this.context.innerHTML = "";
   }
 }
-g.define("wje-menu-item", g);
+j.define("wje-menu-item", j);
 export {
-  g as default
+  j as default
 };

package/dist/wje-menu-label.js

@@ -1,9 +1,9 @@
 var o = Object.defineProperty;
 var i = (t, e, a) => e in t ? o(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a;
-var l = (t, e, a) => (i(t, typeof e != "symbol" ? e + "" : e, a), a);
+var s = (t, e, a) => (i(t, typeof e != "symbol" ? e + "" : e, a), a);
 import d, { WjElementUtils as m } from "./wje-element.js";
-const u = ":host{--wje-menu-label-font-size: .75rem;--wje-menu-label-weight: 600;--wje-letter-spacing: .025rem;--wje-menu-label-color: var(--wje-color-contrast-6);--wje-padding-top: 0;--wje-padding-bottom: 0;--wje-padding-start: 1.5rem;--wje-padding-end: 1.5rem}.native-menu-label{font-size:var(--wje-menu-label-font-size);display:inline-block;font-weight:var(--wje-menu-label-weight);letter-spacing:var(--wje-letter-spacing);color:var(--wje-menu-label-color);padding:var(--wje-padding-top) var(--wje-padding-start) var(--wje-padding-bottom) var(--wje-padding-end)}";
-class s extends d {
+const u = ":host{--wje-letter-spacing: .025rem;--wje-menu-label-color: var(--wje-color-contrast-6);--wje-padding-top: 0;--wje-padding-bottom: 0;--wje-padding-start: 1.5rem;--wje-padding-end: 1.5rem}.native-menu-label{font-size:var(--wje-menu-label-font-size);display:inline-block;font-weight:var(--wje-menu-label-weight);letter-spacing:var(--wje-letter-spacing);color:var(--wje-menu-label-color);padding:var(--wje-padding-top) var(--wje-padding-start) var(--wje-padding-bottom) var(--wje-padding-end)}";
+class l extends d {
   /**
    * Creates an instance of MenuLabel.
    *
@@ -11,7 +11,7 @@ class s extends d {
    */
   constructor() {
     super();
-    l(this, "className", "MenuLabel");
+    s(this, "className", "MenuLabel");
     this.hasSubmenu = m.hasSlot(this, "submenu");
   }
   /**
@@ -51,7 +51,7 @@ class s extends d {
     return n.setAttribute("part", "native"), n.classList.add("native-menu-label"), r.appendChild(n), r;
   }
 }
-s.define("wje-menu-label", s);
+l.define("wje-menu-label", l);
 export {
-  s as default
+  l as default
 };

package/dist/wje-option.js

@@ -3,7 +3,7 @@ var m = (n, t, e) => t in n ? p(n, t, { enumerable: !0, configurable: !0, writab
 var o = (n, t, e) => (m(n, typeof t != "symbol" ? t + "" : t, e), e);
 import u, { event as h } from "./wje-element.js";
 import g from "./wje-icon.js";
-const b = ':host{--wje-option-padding-top: .5rem;--wje-option-padding-bottom: .5rem;--wje-option-highlighted: var(--wje-color-contrast-3);display:block}:host wje-icon{visibility:hidden;margin-inline:.5rem}:host([selected]) wje-icon{visibility:visible}.native-option{display:flex;align-items:center;padding-top:var(--wje-option-padding-top);padding-bottom:var(--wje-option-padding-bottom)}.native-option:hover{background-color:var(--wje-option-highlighted)}::slotted([slot="start"]){flex:0 0 auto;display:flex;align-items:center;margin-inline-end:.5rem}::slotted([slot="end"]){flex:0 0 auto;display:flex;align-items:center;margin-inline:auto .5rem}';
+const b = ':host{display:block}:host wje-icon{visibility:hidden;margin-inline:.5rem}:host([selected]) wje-icon{visibility:visible}.native-option{display:flex;align-items:center;padding-top:var(--wje-option-padding-top);padding-bottom:var(--wje-option-padding-bottom)}.native-option:hover{background-color:var(--wje-option-highlighted)}::slotted([slot="start"]){flex:0 0 auto;display:flex;align-items:center;margin-inline-end:.5rem}::slotted([slot="end"]){flex:0 0 auto;display:flex;align-items:center;margin-inline:auto .5rem}';
 class d extends u {
   /**
    * Creates an instance of Option.

package/dist/wje-popup.js

@@ -1,4 +1,4 @@
-import { P as p } from "./popup.element-Dj9j__Dh.js";
+import { P as p } from "./popup.element-CpEjis9f.js";
 p.define("wje-popup", p);
 export {
   p as default