@luzmo/analytics-components-kit 1.0.9-beta.1 → 1.0.9-beta.11

package/components/item-grid-item-actions-menu-B7ylgTwO.js

@@ -0,0 +1,199 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import "./tokens-Ov1pCR4Y.js";
+import { t as e } from "./decorate-DyMgX_Uh.js";
+import { t } from "./localized-mixin-CYMFnS-n.js";
+import "@luzmo/lucero/icon";
+import { html as n, nothing as r, unsafeCSS as i } from "lit";
+import { property as a } from "lit/decorators.js";
+import { localized as o, msg as s } from "@lit/localize";
+import "@luzmo/lucero/tooltip";
+import { LuzmoElement as c } from "@luzmo/lucero/utils";
+//#region src/components/item-grid-item-actions-menu/item-grid-item-actions-menu.module.scss?inline
+var l = ":host{box-sizing:border-box;width:min-content;display:block}.item-grid-item-actions-menu{flex-direction:var(--luzmo-item-grid-item-actions-menu-flex-direction,var(--item-grid-item-actions-menu-flex-direction));align-items:center;gap:var(--luzmo-item-grid-item-actions-menu-group-gap,var(--item-grid-item-actions-menu-group-gap));width:min-content;font-size:var(--luzmo-item-grid-item-actions-menu-font-size,var(--item-grid-item-actions-menu-font-size));display:flex}.action-group{flex-direction:var(--luzmo-item-grid-item-actions-menu-flex-direction,var(--item-grid-item-actions-menu-flex-direction));box-shadow:var(--luzmo-item-grid-item-actions-menu-box-shadow,var(--item-grid-item-actions-menu-box-shadow));border-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));display:flex}.action-button{box-sizing:content-box;width:1rem;height:1rem;padding:var(--luzmo-item-grid-item-actions-menu-button-padding,var(--item-grid-item-actions-menu-button-padding));background-color:var(--luzmo-item-grid-item-actions-menu-button-background,var(--item-grid-item-actions-menu-button-background));color:var(--luzmo-item-grid-item-actions-menu-button-icon-color,var(--item-grid-item-actions-menu-button-icon-color));font:inherit;cursor:pointer;transition:var(--luzmo-item-grid-item-actions-menu-transition,var(--item-grid-item-actions-menu-transition));border:none;border-radius:0;justify-content:center;align-items:center;display:flex;position:relative}.action-button:first-child:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));border-top-right-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius))}.action-button:first-child:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));border-top-right-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius))}.action-button:first-child:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-right-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));border-top-left-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius))}.action-button:first-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-right-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));border-top-left-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius))}.action-button:last-child:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-bottom-right-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));border-bottom-left-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius))}.action-button:last-child:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-bottom-right-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));border-bottom-left-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius))}.action-button:last-child:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-left-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));border-bottom-right-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius))}.action-button:last-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-left-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));border-bottom-right-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius))}.action-button:hover{background-color:var(--luzmo-item-grid-item-actions-menu-button-background-hover,var(--item-grid-item-actions-menu-button-background-hover));color:var(--luzmo-item-grid-item-actions-menu-button-icon-color-hover,var(--item-grid-item-actions-menu-button-icon-color-hover))}.action-button:hover luzmo-icon{color:var(--luzmo-item-grid-item-actions-menu-button-icon-color-hover,var(--item-grid-item-actions-menu-button-icon-color-hover))}.action-button:active{background-color:var(--luzmo-item-grid-item-actions-menu-button-background-active,var(--item-grid-item-actions-menu-button-background-active));color:var(--luzmo-item-grid-item-actions-menu-button-icon-color-active,var(--item-grid-item-actions-menu-button-icon-color-active))}.action-button:active luzmo-icon{color:var(--luzmo-item-grid-item-actions-menu-button-icon-color-active,var(--item-grid-item-actions-menu-button-icon-color-active))}.action-button[aria-pressed=true]{background-color:var(--luzmo-item-grid-item-actions-menu-button-background-selected,var(--item-grid-item-actions-menu-button-background-selected));color:var(--luzmo-item-grid-item-actions-menu-button-icon-color-selected,var(--item-grid-item-actions-menu-button-icon-color-selected))}.action-button[aria-pressed=true] luzmo-icon{color:var(--luzmo-item-grid-item-actions-menu-button-icon-color-selected,var(--item-grid-item-actions-menu-button-icon-color-selected))}.action-button:focus-visible{z-index:1;background-color:var(--luzmo-item-grid-item-actions-menu-button-background-focus,var(--item-grid-item-actions-menu-button-background-focus));color:var(--luzmo-item-grid-item-actions-menu-button-icon-color-focus,var(--item-grid-item-actions-menu-button-icon-color-focus));outline:var(--luzmo-item-grid-item-actions-menu-button-focus-outline-width,var(--item-grid-item-actions-menu-button-focus-outline-width)) solid var(--luzmo-item-grid-item-actions-menu-button-focus-outline-color,var(--item-grid-item-actions-menu-button-focus-outline-color));outline-offset:var(--luzmo-item-grid-item-actions-menu-button-focus-outline-offset,var(--item-grid-item-actions-menu-button-focus-outline-offset))}.action-button:focus-visible luzmo-icon{color:var(--luzmo-item-grid-item-actions-menu-button-icon-color-focus,var(--item-grid-item-actions-menu-button-icon-color-focus))}.action-button[aria-pressed=true]:focus-visible{background-color:var(--luzmo-item-grid-item-actions-menu-button-background-selected,var(--item-grid-item-actions-menu-button-background-selected));color:var(--luzmo-item-grid-item-actions-menu-button-icon-color-selected,var(--item-grid-item-actions-menu-button-icon-color-selected))}.action-button[aria-pressed=true]:focus-visible luzmo-icon{color:var(--luzmo-item-grid-item-actions-menu-button-icon-color-selected,var(--item-grid-item-actions-menu-button-icon-color-selected))}.action-button.delete-button:hover{background-color:var(--luzmo-item-grid-item-actions-menu-delete-background-hover,var(--item-grid-item-actions-menu-delete-background-hover));color:var(--luzmo-item-grid-item-actions-menu-delete-icon-color-hover,var(--item-grid-item-actions-menu-delete-icon-color-hover))}.action-button.delete-button:hover luzmo-icon{color:var(--luzmo-item-grid-item-actions-menu-delete-icon-color-hover,var(--item-grid-item-actions-menu-delete-icon-color-hover))}.action-button.delete-button:active{background-color:var(--luzmo-item-grid-item-actions-menu-delete-background-active,var(--item-grid-item-actions-menu-delete-background-active));color:var(--luzmo-item-grid-item-actions-menu-delete-icon-color-active,var(--item-grid-item-actions-menu-delete-icon-color-active))}.action-button.delete-button:active luzmo-icon{color:var(--luzmo-item-grid-item-actions-menu-delete-icon-color-active,var(--item-grid-item-actions-menu-delete-icon-color-active))}.action-button.delete-button:focus-visible{background-color:var(--luzmo-item-grid-item-actions-menu-delete-background-focus,var(--item-grid-item-actions-menu-delete-background-focus));color:var(--luzmo-item-grid-item-actions-menu-delete-icon-color-focus,var(--item-grid-item-actions-menu-delete-icon-color-focus))}.action-button.delete-button:focus-visible luzmo-icon{color:var(--luzmo-item-grid-item-actions-menu-delete-icon-color-focus,var(--item-grid-item-actions-menu-delete-icon-color-focus))}:host([placement^=top]) .action-button:first-child:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:0;border-bottom-left-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius))}:host([placement^=top]) .action-button:first-child:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:0;border-bottom-left-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius))}:host([placement^=bottom]) .action-button:first-child:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:0;border-bottom-left-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius))}:host([placement^=bottom]) .action-button:first-child:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:0;border-bottom-left-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius))}:host([placement^=top]) .action-button:first-child:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:0;border-bottom-right-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius))}:host([placement^=top]) .action-button:first-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:0;border-bottom-right-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius))}:host([placement^=bottom]) .action-button:first-child:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:0;border-bottom-right-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius))}:host([placement^=bottom]) .action-button:first-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:0;border-bottom-right-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius))}:host([placement^=top]) .action-button:last-child:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));border-bottom-left-radius:0}:host([placement^=top]) .action-button:last-child:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));border-bottom-left-radius:0}:host([placement^=bottom]) .action-button:last-child:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));border-bottom-left-radius:0}:host([placement^=bottom]) .action-button:last-child:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));border-bottom-left-radius:0}:host([placement^=top]) .action-button:last-child:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));border-bottom-right-radius:0}:host([placement^=top]) .action-button:last-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));border-bottom-right-radius:0}:host([placement^=bottom]) .action-button:last-child:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));border-bottom-right-radius:0}:host([placement^=bottom]) .action-button:last-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));border-bottom-right-radius:0}luzmo-icon{color:var(--luzmo-item-grid-item-actions-menu-button-icon-color,var(--item-grid-item-actions-menu-button-icon-color));display:flex}luzmo-tooltip{--tooltip-font-family:var(--luzmo-item-grid-item-actions-menu-tooltip-font-family,var(--item-grid-item-actions-menu-tooltip-font-family));font-family:var(--luzmo-item-grid-item-actions-menu-tooltip-font-family,var(--item-grid-item-actions-menu-tooltip-font-family))}@media (prefers-reduced-motion:reduce){.action-button{transition:none}}:host{--item-grid-item-actions-menu-group-gap:var(--luzmo-item-grid-item-action-group-gap,var(--luzmo-spacing-3,.375rem));--item-grid-item-actions-menu-flex-direction:var(--luzmo-item-grid-item-actions-flex-direction,column);--item-grid-item-actions-menu-button-padding:var(--luzmo-spacing-3,.25rem);--item-grid-item-actions-menu-button-border-radius:var(--luzmo-border-radius,.25rem);--item-grid-item-actions-menu-button-background:var(--luzmo-item-grid-item-action-button-background-color-default,#494949);--item-grid-item-actions-menu-button-background-hover:var(--luzmo-item-grid-item-action-button-background-color-hover,var(--secondary,var(--luzmo-primary)));--item-grid-item-actions-menu-button-background-active:var(--luzmo-item-grid-item-action-button-background-color-down,var(--primary,var(--luzmo-primary)));--item-grid-item-actions-menu-button-background-focus:var(--luzmo-item-grid-item-action-button-background-color-focus,var(--item-grid-item-actions-menu-button-background));--item-grid-item-actions-menu-button-background-selected:var(--luzmo-item-grid-item-action-button-background-color-focus,var(--primary,var(--luzmo-primary)));--item-grid-item-actions-menu-button-icon-color:var(--luzmo-item-grid-item-action-button-content-color-default,white);--item-grid-item-actions-menu-button-icon-color-hover:var(--luzmo-item-grid-item-action-button-content-color-hover,var(--luzmo-primary-inverse-color,white));--item-grid-item-actions-menu-button-icon-color-active:var(--luzmo-item-grid-item-action-button-content-color-down,var(--luzmo-primary-inverse-color,white));--item-grid-item-actions-menu-button-icon-color-focus:var(--luzmo-item-grid-item-action-button-content-color-focus,var(--luzmo-primary-inverse-color,white));--item-grid-item-actions-menu-button-icon-color-selected:var(--luzmo-item-grid-item-action-button-content-color-focus,var(--luzmo-primary-inverse-color,white));--item-grid-item-actions-menu-delete-background-hover:var(--luzmo-item-grid-item-delete-button-background-color-hover,var(--luzmo-negative-color,#de3737));--item-grid-item-actions-menu-delete-background-active:var(--luzmo-item-grid-item-delete-button-background-color-down,var(--luzmo-negative-color,#de3737));--item-grid-item-actions-menu-delete-background-focus:var(--luzmo-item-grid-item-delete-button-background-color-focus,var(--item-grid-item-actions-menu-button-background));--item-grid-item-actions-menu-delete-icon-color-hover:var(--luzmo-item-grid-item-delete-button-content-color-hover,var(--luzmo-negative-inverse-color,white));--item-grid-item-actions-menu-delete-icon-color-active:var(--luzmo-item-grid-item-delete-button-content-color-down,var(--luzmo-negative-inverse-color,white));--item-grid-item-actions-menu-delete-icon-color-focus:var(--luzmo-item-grid-item-delete-button-content-color-focus,var(--luzmo-negative-inverse-color,white));--item-grid-item-actions-menu-button-focus-outline-width:var(--luzmo-indicator-width,1px);--item-grid-item-actions-menu-button-focus-outline-color:var(--luzmo-indicator-color,var(--primary,var(--luzmo-primary)));--item-grid-item-actions-menu-button-focus-outline-offset:var(--luzmo-indicator-gap,2px);--item-grid-item-actions-menu-transition:background-color var(--luzmo-animation-duration,.2s) ease, color var(--luzmo-animation-duration,.2s) ease, box-shadow var(--luzmo-animation-duration,.2s) ease;--item-grid-item-actions-menu-font-size:var(--luzmo-font-size-m,.875rem);--item-grid-item-actions-menu-box-shadow:0px 4px 4px 0px #0003;--item-grid-item-actions-menu-tooltip-font-family:var(--luzmo-font-family,\"Geist\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif)}@supports (color:color(display-p3 0 0 0)){:host{--item-grid-item-actions-menu-button-background:var(--luzmo-item-grid-item-action-button-background-color-default,color(display-p3 .284466 .284466 .284466))}}@supports (color:lab(0% 0 0)){:host{--item-grid-item-actions-menu-button-background:var(--luzmo-item-grid-item-action-button-background-color-default,lab(30.8266% 0 0))}}:host([placement=top-start]),:host([placement=top]),:host([placement=top-end]),:host([placement=bottom-start]),:host([placement=bottom]),:host([placement=bottom-end]){--item-grid-item-actions-menu-flex-direction:var(--luzmo-item-grid-item-actions-flex-direction,row)}", u = class extends t(c) {
+	constructor(...e) {
+		super(...e), this.placement = "right-start", this.actions = [], this._focusedActionIndex = 0;
+	}
+	static get styles() {
+		let e = super.styles ?? [];
+		return [...Array.isArray(e) ? e : [e], i(l)];
+	}
+	get isVertical() {
+		return this.placement.includes("left") || this.placement.includes("right");
+	}
+	get actionCount() {
+		return this.actions.reduce((e, t) => e + (t.actions?.length ?? 0), 0);
+	}
+	willUpdate(e) {
+		super.willUpdate(e), e.has("actions") && this.actionCount > 0 && this._focusedActionIndex >= this.actionCount && (this._focusedActionIndex = 0);
+	}
+	clearActiveToggles() {
+		this.actions = this.actions.map((e) => ({
+			...e,
+			actions: e.actions?.map((e) => e.type === "toggle" ? {
+				...e,
+				active: !1
+			} : e) ?? []
+		}));
+	}
+	focus() {
+		let e = this._getActionButtons(), t = e.find((e) => e.dataset.actionType === "toggle") ?? e[0];
+		t && this._setFocusedButton(e.indexOf(t));
+	}
+	_getActionButtons() {
+		return Array.from(this.shadowRoot?.querySelectorAll(".action-button") ?? []);
+	}
+	_setFocusedButton(e) {
+		let t = this._getActionButtons();
+		if (t.length === 0) return;
+		let n = (e + t.length) % t.length;
+		this._focusedActionIndex = n, t.forEach((e, t) => {
+			e.tabIndex = t === n ? 0 : -1;
+		}), t[n].focus();
+	}
+	_dispatchAction(e) {
+		this.dispatchEvent(new CustomEvent("luzmo-item-grid-item-action", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				action: e.action,
+				type: e.type,
+				active: e.active ?? !1
+			}
+		}));
+	}
+	_handleActionPointerEnter(e) {
+		this.dispatchEvent(new CustomEvent("luzmo-item-grid-item-action-hover", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				action: e.action,
+				type: e.type
+			}
+		}));
+	}
+	_handleActionClick(e, t, n) {
+		e.stopPropagation(), this._focusedActionIndex = n;
+		let r = t.type === "toggle" ? !t.active : t.active;
+		t.type === "toggle" && (this.actions = this.actions.map((e) => ({
+			...e,
+			actions: e.actions?.map((e) => e === t ? {
+				...e,
+				active: r
+			} : e.type === "toggle" ? {
+				...e,
+				active: !1
+			} : e)
+		}))), this._dispatchAction({
+			...t,
+			active: r
+		}), this.requestUpdate();
+	}
+	_handleActionFocus(e) {
+		this._focusedActionIndex = e;
+	}
+	_handleActionKeydown(e, t) {
+		if (e.key === "Enter" || e.key === " ") {
+			e.stopPropagation();
+			return;
+		}
+		let n;
+		e.key === "Home" ? n = 0 : e.key === "End" ? n = this.actionCount - 1 : this.isVertical && e.key === "ArrowDown" ? n = t + 1 : this.isVertical && e.key === "ArrowUp" ? n = t - 1 : !this.isVertical && e.key === "ArrowRight" ? n = t + (this.isLTR ? 1 : -1) : !this.isVertical && e.key === "ArrowLeft" && (n = t + (this.isLTR ? -1 : 1)), n !== void 0 && (e.preventDefault(), e.stopPropagation(), this._setFocusedButton(n));
+	}
+	_getActionLabel(e) {
+		return {
+			Clone: s("Clone", { desc: "Grid item action tooltip" }),
+			Delete: s("Delete", { desc: "Delete action label" }),
+			Edit: s("Edit", { desc: "Edit action label" }),
+			"Edit data": s("Edit data", { desc: "Grid item action label" }),
+			Filters: s("Filters", { desc: "Label for the filters section" }),
+			"Item options": s("Item options", { desc: "Grid item action label" }),
+			Lock: s("Lock", { desc: "Grid item action tooltip" })
+		}[e.label ?? ""] ?? e.label ?? e.action ?? "";
+	}
+	_getActionTooltip(e) {
+		return {
+			Clone: s("Clone", { desc: "Grid item action tooltip" }),
+			Data: s("Data", { desc: "Label for the data section" }),
+			Delete: s("Delete", { desc: "Delete action label" }),
+			Edit: s("Edit", { desc: "Edit action label" }),
+			Filters: s("Filters", { desc: "Label for the filters section" }),
+			Lock: s("Lock", { desc: "Grid item action tooltip" }),
+			Options: s("Options", { desc: "Label for the options section" })
+		}[e.tooltip ?? ""] ?? e.tooltip ?? this._getActionLabel(e);
+	}
+	_renderAction(e, t) {
+		let i = this._getActionTooltip(e), a = this._getActionLabel(e) || i, o = e.type === "toggle";
+		return n`
+      <button
+        class="action-button ${e.action === "delete" ? "delete-button" : ""}"
+        type="button"
+        aria-label=${a}
+        aria-pressed=${o ? e.active ? "true" : "false" : r}
+        data-action=${e.action ?? ""}
+        data-action-type=${e.type ?? ""}
+        tabindex=${t === this._focusedActionIndex ? 0 : -1}
+        @click=${(n) => this._handleActionClick(n, e, t)}
+        @focus=${() => this._handleActionFocus(t)}
+        @pointerenter=${() => this._handleActionPointerEnter(e)}
+        @keydown=${(e) => this._handleActionKeydown(e, t)}
+      >
+        ${e.icon ? n`<luzmo-icon .icon=${e.icon} size="xs"></luzmo-icon>` : r}
+        ${i ? n`
+              <luzmo-tooltip self-managed delayed placement=${this._getTooltipPlacement()}>${i}</luzmo-tooltip>
+            ` : r}
+      </button>
+    `;
+	}
+	_getTooltipPlacement() {
+		return this.placement.includes("right") ? "right" : this.placement.includes("left") ? "left" : this.placement.includes("bottom") ? "bottom" : this.placement.includes("top") ? "top" : "right";
+	}
+	render() {
+		let e = 0;
+		return n`
+      <div
+        class="item-grid-item-actions-menu"
+        role="toolbar"
+        aria-label=${s("Item actions", { desc: "Item actions toolbar label" })}
+        aria-orientation=${this.isVertical ? "vertical" : "horizontal"}
+      >
+        ${this.actions.map((t) => {
+			let i = t.actions ?? [];
+			return i.length === 0 ? r : n`
+            <div class="action-group">
+              ${i.map((t) => this._renderAction(t, e++))}
+            </div>
+          `;
+		})}
+      </div>
+    `;
+	}
+};
+//#endregion
+//#region src/components/item-grid-item-actions-menu/index.ts
+e([a({
+	type: String,
+	reflect: !0
+})], u.prototype, "placement", void 0), e([a({
+	type: Array,
+	attribute: !1
+})], u.prototype, "actions", void 0), u = e([o()], u), typeof customElements < "u" && !customElements.get("luzmo-item-grid-item-actions-menu") && customElements.define("luzmo-item-grid-item-actions-menu", u);
+//#endregion
+export { u as t };

package/components/item-grid-item-actions-menu-C3BUxZJc.cjs

@@ -0,0 +1,52 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+require("./tokens-BWMfo_w4.cjs");const e=require("./decorate-DCJt-2rt.cjs"),t=require("./localized-mixin-Bt25Frg1.cjs");require("@luzmo/lucero/icon");let n=require("lit"),r=require("lit/decorators.js"),i=require("@lit/localize");require("@luzmo/lucero/tooltip");let a=require("@luzmo/lucero/utils");var o=`:host{box-sizing:border-box;width:min-content;display:block}.item-grid-item-actions-menu{flex-direction:var(--luzmo-item-grid-item-actions-menu-flex-direction,var(--item-grid-item-actions-menu-flex-direction));align-items:center;gap:var(--luzmo-item-grid-item-actions-menu-group-gap,var(--item-grid-item-actions-menu-group-gap));width:min-content;font-size:var(--luzmo-item-grid-item-actions-menu-font-size,var(--item-grid-item-actions-menu-font-size));display:flex}.action-group{flex-direction:var(--luzmo-item-grid-item-actions-menu-flex-direction,var(--item-grid-item-actions-menu-flex-direction));box-shadow:var(--luzmo-item-grid-item-actions-menu-box-shadow,var(--item-grid-item-actions-menu-box-shadow));border-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));display:flex}.action-button{box-sizing:content-box;width:1rem;height:1rem;padding:var(--luzmo-item-grid-item-actions-menu-button-padding,var(--item-grid-item-actions-menu-button-padding));background-color:var(--luzmo-item-grid-item-actions-menu-button-background,var(--item-grid-item-actions-menu-button-background));color:var(--luzmo-item-grid-item-actions-menu-button-icon-color,var(--item-grid-item-actions-menu-button-icon-color));font:inherit;cursor:pointer;transition:var(--luzmo-item-grid-item-actions-menu-transition,var(--item-grid-item-actions-menu-transition));border:none;border-radius:0;justify-content:center;align-items:center;display:flex;position:relative}.action-button:first-child:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));border-top-right-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius))}.action-button:first-child:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));border-top-right-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius))}.action-button:first-child:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-right-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));border-top-left-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius))}.action-button:first-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-right-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));border-top-left-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius))}.action-button:last-child:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-bottom-right-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));border-bottom-left-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius))}.action-button:last-child:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-bottom-right-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));border-bottom-left-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius))}.action-button:last-child:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-left-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));border-bottom-right-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius))}.action-button:last-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-left-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));border-bottom-right-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius))}.action-button:hover{background-color:var(--luzmo-item-grid-item-actions-menu-button-background-hover,var(--item-grid-item-actions-menu-button-background-hover));color:var(--luzmo-item-grid-item-actions-menu-button-icon-color-hover,var(--item-grid-item-actions-menu-button-icon-color-hover))}.action-button:hover luzmo-icon{color:var(--luzmo-item-grid-item-actions-menu-button-icon-color-hover,var(--item-grid-item-actions-menu-button-icon-color-hover))}.action-button:active{background-color:var(--luzmo-item-grid-item-actions-menu-button-background-active,var(--item-grid-item-actions-menu-button-background-active));color:var(--luzmo-item-grid-item-actions-menu-button-icon-color-active,var(--item-grid-item-actions-menu-button-icon-color-active))}.action-button:active luzmo-icon{color:var(--luzmo-item-grid-item-actions-menu-button-icon-color-active,var(--item-grid-item-actions-menu-button-icon-color-active))}.action-button[aria-pressed=true]{background-color:var(--luzmo-item-grid-item-actions-menu-button-background-selected,var(--item-grid-item-actions-menu-button-background-selected));color:var(--luzmo-item-grid-item-actions-menu-button-icon-color-selected,var(--item-grid-item-actions-menu-button-icon-color-selected))}.action-button[aria-pressed=true] luzmo-icon{color:var(--luzmo-item-grid-item-actions-menu-button-icon-color-selected,var(--item-grid-item-actions-menu-button-icon-color-selected))}.action-button:focus-visible{z-index:1;background-color:var(--luzmo-item-grid-item-actions-menu-button-background-focus,var(--item-grid-item-actions-menu-button-background-focus));color:var(--luzmo-item-grid-item-actions-menu-button-icon-color-focus,var(--item-grid-item-actions-menu-button-icon-color-focus));outline:var(--luzmo-item-grid-item-actions-menu-button-focus-outline-width,var(--item-grid-item-actions-menu-button-focus-outline-width)) solid var(--luzmo-item-grid-item-actions-menu-button-focus-outline-color,var(--item-grid-item-actions-menu-button-focus-outline-color));outline-offset:var(--luzmo-item-grid-item-actions-menu-button-focus-outline-offset,var(--item-grid-item-actions-menu-button-focus-outline-offset))}.action-button:focus-visible luzmo-icon{color:var(--luzmo-item-grid-item-actions-menu-button-icon-color-focus,var(--item-grid-item-actions-menu-button-icon-color-focus))}.action-button[aria-pressed=true]:focus-visible{background-color:var(--luzmo-item-grid-item-actions-menu-button-background-selected,var(--item-grid-item-actions-menu-button-background-selected));color:var(--luzmo-item-grid-item-actions-menu-button-icon-color-selected,var(--item-grid-item-actions-menu-button-icon-color-selected))}.action-button[aria-pressed=true]:focus-visible luzmo-icon{color:var(--luzmo-item-grid-item-actions-menu-button-icon-color-selected,var(--item-grid-item-actions-menu-button-icon-color-selected))}.action-button.delete-button:hover{background-color:var(--luzmo-item-grid-item-actions-menu-delete-background-hover,var(--item-grid-item-actions-menu-delete-background-hover));color:var(--luzmo-item-grid-item-actions-menu-delete-icon-color-hover,var(--item-grid-item-actions-menu-delete-icon-color-hover))}.action-button.delete-button:hover luzmo-icon{color:var(--luzmo-item-grid-item-actions-menu-delete-icon-color-hover,var(--item-grid-item-actions-menu-delete-icon-color-hover))}.action-button.delete-button:active{background-color:var(--luzmo-item-grid-item-actions-menu-delete-background-active,var(--item-grid-item-actions-menu-delete-background-active));color:var(--luzmo-item-grid-item-actions-menu-delete-icon-color-active,var(--item-grid-item-actions-menu-delete-icon-color-active))}.action-button.delete-button:active luzmo-icon{color:var(--luzmo-item-grid-item-actions-menu-delete-icon-color-active,var(--item-grid-item-actions-menu-delete-icon-color-active))}.action-button.delete-button:focus-visible{background-color:var(--luzmo-item-grid-item-actions-menu-delete-background-focus,var(--item-grid-item-actions-menu-delete-background-focus));color:var(--luzmo-item-grid-item-actions-menu-delete-icon-color-focus,var(--item-grid-item-actions-menu-delete-icon-color-focus))}.action-button.delete-button:focus-visible luzmo-icon{color:var(--luzmo-item-grid-item-actions-menu-delete-icon-color-focus,var(--item-grid-item-actions-menu-delete-icon-color-focus))}:host([placement^=top]) .action-button:first-child:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:0;border-bottom-left-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius))}:host([placement^=top]) .action-button:first-child:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:0;border-bottom-left-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius))}:host([placement^=bottom]) .action-button:first-child:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:0;border-bottom-left-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius))}:host([placement^=bottom]) .action-button:first-child:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:0;border-bottom-left-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius))}:host([placement^=top]) .action-button:first-child:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:0;border-bottom-right-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius))}:host([placement^=top]) .action-button:first-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:0;border-bottom-right-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius))}:host([placement^=bottom]) .action-button:first-child:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:0;border-bottom-right-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius))}:host([placement^=bottom]) .action-button:first-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:0;border-bottom-right-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius))}:host([placement^=top]) .action-button:last-child:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));border-bottom-left-radius:0}:host([placement^=top]) .action-button:last-child:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));border-bottom-left-radius:0}:host([placement^=bottom]) .action-button:last-child:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));border-bottom-left-radius:0}:host([placement^=bottom]) .action-button:last-child:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-right-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));border-bottom-left-radius:0}:host([placement^=top]) .action-button:last-child:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));border-bottom-right-radius:0}:host([placement^=top]) .action-button:last-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));border-bottom-right-radius:0}:host([placement^=bottom]) .action-button:last-child:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));border-bottom-right-radius:0}:host([placement^=bottom]) .action-button:last-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:var(--luzmo-item-grid-item-actions-menu-button-border-radius,var(--item-grid-item-actions-menu-button-border-radius));border-bottom-right-radius:0}luzmo-icon{color:var(--luzmo-item-grid-item-actions-menu-button-icon-color,var(--item-grid-item-actions-menu-button-icon-color));display:flex}luzmo-tooltip{--tooltip-font-family:var(--luzmo-item-grid-item-actions-menu-tooltip-font-family,var(--item-grid-item-actions-menu-tooltip-font-family));font-family:var(--luzmo-item-grid-item-actions-menu-tooltip-font-family,var(--item-grid-item-actions-menu-tooltip-font-family))}@media (prefers-reduced-motion:reduce){.action-button{transition:none}}:host{--item-grid-item-actions-menu-group-gap:var(--luzmo-item-grid-item-action-group-gap,var(--luzmo-spacing-3,.375rem));--item-grid-item-actions-menu-flex-direction:var(--luzmo-item-grid-item-actions-flex-direction,column);--item-grid-item-actions-menu-button-padding:var(--luzmo-spacing-3,.25rem);--item-grid-item-actions-menu-button-border-radius:var(--luzmo-border-radius,.25rem);--item-grid-item-actions-menu-button-background:var(--luzmo-item-grid-item-action-button-background-color-default,#494949);--item-grid-item-actions-menu-button-background-hover:var(--luzmo-item-grid-item-action-button-background-color-hover,var(--secondary,var(--luzmo-primary)));--item-grid-item-actions-menu-button-background-active:var(--luzmo-item-grid-item-action-button-background-color-down,var(--primary,var(--luzmo-primary)));--item-grid-item-actions-menu-button-background-focus:var(--luzmo-item-grid-item-action-button-background-color-focus,var(--item-grid-item-actions-menu-button-background));--item-grid-item-actions-menu-button-background-selected:var(--luzmo-item-grid-item-action-button-background-color-focus,var(--primary,var(--luzmo-primary)));--item-grid-item-actions-menu-button-icon-color:var(--luzmo-item-grid-item-action-button-content-color-default,white);--item-grid-item-actions-menu-button-icon-color-hover:var(--luzmo-item-grid-item-action-button-content-color-hover,var(--luzmo-primary-inverse-color,white));--item-grid-item-actions-menu-button-icon-color-active:var(--luzmo-item-grid-item-action-button-content-color-down,var(--luzmo-primary-inverse-color,white));--item-grid-item-actions-menu-button-icon-color-focus:var(--luzmo-item-grid-item-action-button-content-color-focus,var(--luzmo-primary-inverse-color,white));--item-grid-item-actions-menu-button-icon-color-selected:var(--luzmo-item-grid-item-action-button-content-color-focus,var(--luzmo-primary-inverse-color,white));--item-grid-item-actions-menu-delete-background-hover:var(--luzmo-item-grid-item-delete-button-background-color-hover,var(--luzmo-negative-color,#de3737));--item-grid-item-actions-menu-delete-background-active:var(--luzmo-item-grid-item-delete-button-background-color-down,var(--luzmo-negative-color,#de3737));--item-grid-item-actions-menu-delete-background-focus:var(--luzmo-item-grid-item-delete-button-background-color-focus,var(--item-grid-item-actions-menu-button-background));--item-grid-item-actions-menu-delete-icon-color-hover:var(--luzmo-item-grid-item-delete-button-content-color-hover,var(--luzmo-negative-inverse-color,white));--item-grid-item-actions-menu-delete-icon-color-active:var(--luzmo-item-grid-item-delete-button-content-color-down,var(--luzmo-negative-inverse-color,white));--item-grid-item-actions-menu-delete-icon-color-focus:var(--luzmo-item-grid-item-delete-button-content-color-focus,var(--luzmo-negative-inverse-color,white));--item-grid-item-actions-menu-button-focus-outline-width:var(--luzmo-indicator-width,1px);--item-grid-item-actions-menu-button-focus-outline-color:var(--luzmo-indicator-color,var(--primary,var(--luzmo-primary)));--item-grid-item-actions-menu-button-focus-outline-offset:var(--luzmo-indicator-gap,2px);--item-grid-item-actions-menu-transition:background-color var(--luzmo-animation-duration,.2s) ease, color var(--luzmo-animation-duration,.2s) ease, box-shadow var(--luzmo-animation-duration,.2s) ease;--item-grid-item-actions-menu-font-size:var(--luzmo-font-size-m,.875rem);--item-grid-item-actions-menu-box-shadow:0px 4px 4px 0px #0003;--item-grid-item-actions-menu-tooltip-font-family:var(--luzmo-font-family,"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif)}@supports (color:color(display-p3 0 0 0)){:host{--item-grid-item-actions-menu-button-background:var(--luzmo-item-grid-item-action-button-background-color-default,color(display-p3 .284466 .284466 .284466))}}@supports (color:lab(0% 0 0)){:host{--item-grid-item-actions-menu-button-background:var(--luzmo-item-grid-item-action-button-background-color-default,lab(30.8266% 0 0))}}:host([placement=top-start]),:host([placement=top]),:host([placement=top-end]),:host([placement=bottom-start]),:host([placement=bottom]),:host([placement=bottom-end]){--item-grid-item-actions-menu-flex-direction:var(--luzmo-item-grid-item-actions-flex-direction,row)}`,s=class extends t.t(a.LuzmoElement){constructor(...e){super(...e),this.placement=`right-start`,this.actions=[],this._focusedActionIndex=0}static get styles(){let e=super.styles??[];return[...Array.isArray(e)?e:[e],(0,n.unsafeCSS)(o)]}get isVertical(){return this.placement.includes(`left`)||this.placement.includes(`right`)}get actionCount(){return this.actions.reduce((e,t)=>e+(t.actions?.length??0),0)}willUpdate(e){super.willUpdate(e),e.has(`actions`)&&this.actionCount>0&&this._focusedActionIndex>=this.actionCount&&(this._focusedActionIndex=0)}clearActiveToggles(){this.actions=this.actions.map(e=>({...e,actions:e.actions?.map(e=>e.type===`toggle`?{...e,active:!1}:e)??[]}))}focus(){let e=this._getActionButtons(),t=e.find(e=>e.dataset.actionType===`toggle`)??e[0];t&&this._setFocusedButton(e.indexOf(t))}_getActionButtons(){return Array.from(this.shadowRoot?.querySelectorAll(`.action-button`)??[])}_setFocusedButton(e){let t=this._getActionButtons();if(t.length===0)return;let n=(e+t.length)%t.length;this._focusedActionIndex=n,t.forEach((e,t)=>{e.tabIndex=t===n?0:-1}),t[n].focus()}_dispatchAction(e){this.dispatchEvent(new CustomEvent(`luzmo-item-grid-item-action`,{bubbles:!0,composed:!0,detail:{action:e.action,type:e.type,active:e.active??!1}}))}_handleActionPointerEnter(e){this.dispatchEvent(new CustomEvent(`luzmo-item-grid-item-action-hover`,{bubbles:!0,composed:!0,detail:{action:e.action,type:e.type}}))}_handleActionClick(e,t,n){e.stopPropagation(),this._focusedActionIndex=n;let r=t.type===`toggle`?!t.active:t.active;t.type===`toggle`&&(this.actions=this.actions.map(e=>({...e,actions:e.actions?.map(e=>e===t?{...e,active:r}:e.type===`toggle`?{...e,active:!1}:e)}))),this._dispatchAction({...t,active:r}),this.requestUpdate()}_handleActionFocus(e){this._focusedActionIndex=e}_handleActionKeydown(e,t){if(e.key===`Enter`||e.key===` `){e.stopPropagation();return}let n;e.key===`Home`?n=0:e.key===`End`?n=this.actionCount-1:this.isVertical&&e.key===`ArrowDown`?n=t+1:this.isVertical&&e.key===`ArrowUp`?n=t-1:!this.isVertical&&e.key===`ArrowRight`?n=t+(this.isLTR?1:-1):!this.isVertical&&e.key===`ArrowLeft`&&(n=t+(this.isLTR?-1:1)),n!==void 0&&(e.preventDefault(),e.stopPropagation(),this._setFocusedButton(n))}_getActionLabel(e){return{Clone:(0,i.msg)(`Clone`,{desc:`Grid item action tooltip`}),Delete:(0,i.msg)(`Delete`,{desc:`Delete action label`}),Edit:(0,i.msg)(`Edit`,{desc:`Edit action label`}),"Edit data":(0,i.msg)(`Edit data`,{desc:`Grid item action label`}),Filters:(0,i.msg)(`Filters`,{desc:`Label for the filters section`}),"Item options":(0,i.msg)(`Item options`,{desc:`Grid item action label`}),Lock:(0,i.msg)(`Lock`,{desc:`Grid item action tooltip`})}[e.label??``]??e.label??e.action??``}_getActionTooltip(e){return{Clone:(0,i.msg)(`Clone`,{desc:`Grid item action tooltip`}),Data:(0,i.msg)(`Data`,{desc:`Label for the data section`}),Delete:(0,i.msg)(`Delete`,{desc:`Delete action label`}),Edit:(0,i.msg)(`Edit`,{desc:`Edit action label`}),Filters:(0,i.msg)(`Filters`,{desc:`Label for the filters section`}),Lock:(0,i.msg)(`Lock`,{desc:`Grid item action tooltip`}),Options:(0,i.msg)(`Options`,{desc:`Label for the options section`})}[e.tooltip??``]??e.tooltip??this._getActionLabel(e)}_renderAction(e,t){let r=this._getActionTooltip(e),i=this._getActionLabel(e)||r,a=e.type===`toggle`;return n.html`
+      <button
+        class="action-button ${e.action===`delete`?`delete-button`:``}"
+        type="button"
+        aria-label=${i}
+        aria-pressed=${a?e.active?`true`:`false`:n.nothing}
+        data-action=${e.action??``}
+        data-action-type=${e.type??``}
+        tabindex=${t===this._focusedActionIndex?0:-1}
+        @click=${n=>this._handleActionClick(n,e,t)}
+        @focus=${()=>this._handleActionFocus(t)}
+        @pointerenter=${()=>this._handleActionPointerEnter(e)}
+        @keydown=${e=>this._handleActionKeydown(e,t)}
+      >
+        ${e.icon?n.html`<luzmo-icon .icon=${e.icon} size="xs"></luzmo-icon>`:n.nothing}
+        ${r?n.html`
+              <luzmo-tooltip self-managed delayed placement=${this._getTooltipPlacement()}>${r}</luzmo-tooltip>
+            `:n.nothing}
+      </button>
+    `}_getTooltipPlacement(){return this.placement.includes(`right`)?`right`:this.placement.includes(`left`)?`left`:this.placement.includes(`bottom`)?`bottom`:this.placement.includes(`top`)?`top`:`right`}render(){let e=0;return n.html`
+      <div
+        class="item-grid-item-actions-menu"
+        role="toolbar"
+        aria-label=${(0,i.msg)(`Item actions`,{desc:`Item actions toolbar label`})}
+        aria-orientation=${this.isVertical?`vertical`:`horizontal`}
+      >
+        ${this.actions.map(t=>{let r=t.actions??[];return r.length===0?n.nothing:n.html`
+            <div class="action-group">
+              ${r.map(t=>this._renderAction(t,e++))}
+            </div>
+          `})}
+      </div>
+    `}};e.t([(0,r.property)({type:String,reflect:!0})],s.prototype,`placement`,void 0),e.t([(0,r.property)({type:Array,attribute:!1})],s.prototype,`actions`,void 0),s=e.t([(0,i.localized)()],s),typeof customElements<`u`&&!customElements.get(`luzmo-item-grid-item-actions-menu`)&&customElements.define(`luzmo-item-grid-item-actions-menu`,s),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

package/components/item-option/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../item-option-B5FraAiv.cjs");exports.LuzmoItemOption=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../item-option-BTSV33ft.cjs");exports.LuzmoItemOption=e.t;

package/components/item-option/index.js

@@ -17,12 +17,5 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-// Auto-generated initialization code
-(function() {
-	if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
-		let e = document.createElement("style");
-		e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-shadow-color-rgb: 0, 0, 0;--luzmo-shadow-opacity: 0.1;--luzmo-shadow-color: rgba(var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity));--luzmo-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-width: thin;--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba(var(--luzmo-border-color-rgb), 0.4);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
-	}
-})();
-import { t as e } from "../item-option-DaAlj_OB.js";
+import { t as e } from "../item-option-BUju6ZE1.js";
 export { e as LuzmoItemOption };