@luzmo/analytics-components-kit 1.0.1-alpha.36 → 1.0.1-alpha.39

package/components/edit-option-action-button-group/index.js

@@ -20,13 +20,13 @@
 var d = Object.getPrototypeOf;
 var p = Reflect.get;
 var z = (r, o, t) => p(d(r), t, o);
-import { c as g, d as f, e as h, g as v, i as x, j as y, m as w, J as k, q as $, s as q, v as C, y as S, G as E, I as _, K as B, R as j, T as P, $ as T, a0 as A, a1 as D, a2 as H } from "../luzmo-icons-CPucBq6e.js";
+import { c as g, d as f, e as h, g as v, i as x, j as y, o as w, J as k, r as $, y as C, C as q, G as S, I as E, K as _, N as B, R as N, T as j, $ as P, a0 as T, a1 as A, a2 as H } from "../luzmo-icons-DEoJcvoL.js";
 import "../index-rQxtPaJl.js";
 import "../index-BHJH1eGn.js";
 import "../index-BC1LV3vH.js";
-import { r as N, x as u, n as i } from "../property-CxtZroGf.js";
-import { e as R } from "../query-Ddbd72Um.js";
-import { L as U } from "../edit-option-base-BHvx3Mlq.js";
+import { r as R, x as u, n as i } from "../property-Dn4zSyxu.js";
+import { e as U } from "../query-Ddbd72Um.js";
+import { L as V } from "../edit-option-base-Cw2iO2Av.js";
 const b = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const r = document.createElement("style");
@@ -34,25 +34,25 @@ const b = () => {
   }
 };
 b();
-const G = "luzmo-action-group{--luzmo-edit-option-action-button-group-button-background-hover: rgba( var(--luzmo-primary-rgb), .1 );--luzmo-edit-option-action-button-group-button-background-down: rgba( var(--luzmo-primary-rgb), .2 );--luzmo-edit-option-action-button-group-button-background-focus: rgba( var(--luzmo-primary-rgb), .1 );--luzmo-edit-option-action-button-group-button-content-color-default: var( --luzmo-font-color-disabled );--luzmo-edit-option-action-button-group-button-content-color-hover: var( --luzmo-font-color-hover );--luzmo-edit-option-action-button-group-button-content-color-down: var( --luzmo-font-color-down );--luzmo-edit-option-action-button-group-button-content-color-focus: var( --luzmo-font-color-focus )}luzmo-action-group[compact][quiet][emphasized]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-1)}luzmo-action-group[compact][quiet][emphasized][size=s]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-1)}luzmo-action-group[compact][quiet][emphasized][size=l]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-2)}luzmo-action-group[compact][quiet][emphasized][size=xl]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-3)}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button{--luzmo-action-button-background-color-hover: var( --luzmo-edit-option-action-button-group-button-background-hover );--luzmo-action-button-background-color-down: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-background-color-focus: var( --luzmo-edit-option-action-button-group-button-background-focus );--luzmo-action-button-content-color-default: var( --luzmo-edit-option-action-button-group-button-content-color-default );--luzmo-action-button-content-color-hover: var( --luzmo-edit-option-action-button-group-button-content-color-hover );--luzmo-action-button-content-color-down: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-focus: var( --luzmo-edit-option-action-button-group-button-content-color-focus )}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]:hover,luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]{--luzmo-action-button-background-color-hover: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-background-color-default: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-content-color-default: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-hover: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-down: var( --luzmo-edit-option-action-button-group-button-content-color-down )}";
-var I = Object.defineProperty, n = (r, o, t, c) => {
+const D = "luzmo-action-group{--luzmo-edit-option-action-button-group-button-background-hover: rgba( var(--luzmo-primary-rgb), .1 );--luzmo-edit-option-action-button-group-button-background-down: rgba( var(--luzmo-primary-rgb), .2 );--luzmo-edit-option-action-button-group-button-background-focus: rgba( var(--luzmo-primary-rgb), .1 );--luzmo-edit-option-action-button-group-button-content-color-default: var( --luzmo-font-color-disabled );--luzmo-edit-option-action-button-group-button-content-color-hover: var( --luzmo-font-color-hover );--luzmo-edit-option-action-button-group-button-content-color-down: var( --luzmo-font-color-down );--luzmo-edit-option-action-button-group-button-content-color-focus: var( --luzmo-font-color-focus )}luzmo-action-group[compact][quiet][emphasized]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-1)}luzmo-action-group[compact][quiet][emphasized][size=s]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-1)}luzmo-action-group[compact][quiet][emphasized][size=l]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-2)}luzmo-action-group[compact][quiet][emphasized][size=xl]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-3)}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button{--luzmo-action-button-background-color-hover: var( --luzmo-edit-option-action-button-group-button-background-hover );--luzmo-action-button-background-color-down: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-background-color-focus: var( --luzmo-edit-option-action-button-group-button-background-focus );--luzmo-action-button-content-color-default: var( --luzmo-edit-option-action-button-group-button-content-color-default );--luzmo-action-button-content-color-hover: var( --luzmo-edit-option-action-button-group-button-content-color-hover );--luzmo-action-button-content-color-down: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-focus: var( --luzmo-edit-option-action-button-group-button-content-color-focus )}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]:hover,luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]{--luzmo-action-button-background-color-hover: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-background-color-default: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-content-color-default: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-hover: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-down: var( --luzmo-edit-option-action-button-group-button-content-color-down )}";
+var G = Object.defineProperty, n = (r, o, t, c) => {
   for (var e = void 0, m = r.length - 1, s; m >= 0; m--)
     (s = r[m]) && (e = s(o, t, e) || e);
-  return e && I(o, t, e), e;
+  return e && G(o, t, e), e;
 };
-const M = {
+const I = {
   alignBottom: H,
-  alignMiddle: D,
-  alignTop: A,
-  alignLeft: T,
-  alignCenter: P,
-  alignRight: j,
+  alignMiddle: A,
+  alignTop: T,
+  alignLeft: P,
+  alignCenter: j,
+  alignRight: N,
   ban: B,
   borderSolid: _,
   borderDashed: E,
   borderDotted: S,
-  compress: C,
-  expand: q,
+  compress: q,
+  expand: C,
   arrowsExpand: $,
   arrowsHorizontal: k,
   arrowsVertical: w,
@@ -62,7 +62,7 @@ const M = {
   rows: h,
   columns: f,
   table: g
-}, a = class a extends U {
+}, a = class a extends V {
   constructor() {
     super(...arguments), this.values = {}, this.disabled = !1;
   }
@@ -85,7 +85,7 @@ const M = {
         <luzmo-icon
           slot="icon"
           .size=${this.size}
-          .icon=${o.icon ?? M[o.iconName]}
+          .icon=${o.icon ?? I[o.iconName]}
           .label=${o.label ?? ""}
         ></luzmo-icon>
         ${o.buttonText ?? ""}
@@ -125,7 +125,7 @@ const M = {
     `;
   }
 };
-a.styles = [...z(a, a, "styles"), N(G)];
+a.styles = [...z(a, a, "styles"), R(D)];
 let l = a;
 n([
   i({ type: Array })
@@ -143,7 +143,7 @@ n([
   i({ type: Array })
 ], l.prototype, "default");
 n([
-  R("luzmo-action-group")
+  U("luzmo-action-group")
 ], l.prototype, "actionGroup");
 customElements.get("luzmo-edit-option-action-button-group") || customElements.define(
   "luzmo-edit-option-action-button-group",

package/components/{edit-option-base-J7XNb_vp.cjs → edit-option-base-B7owFMOO.cjs}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";require("./index-j8UKjHqY.cjs");require("./index-BhpqKmwq.cjs");const t=require("./property-Dlf9S6Jz.cjs"),c=require("./focusable-_wp5pWO-.cjs"),d=require("./sized-mixin-ZTphZKLm.cjs"),u=":host{font-family:var(--luzmo-edit-option-component-font-family, var(--luzmo-font-family))}.luzmo-edit-option{height:var(--luzmo-edit-option-component-height, var(--edit-option-component-height));width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--luzmo-spacing-3);color:var(--luzmo-font-color);font-size:var(--luzmo-font-size-s)}.control-container{display:flex;align-items:center;gap:var(--luzmo-edit-option-control-container-gap, var(--edit-option-control-container-gap));justify-content:end;flex:1}.extra-label{padding-left:var(--luzmo-edit-option-extra-label-padding-left, var(--edit-option-extra-label-padding-left));padding-right:var(--luzmo-edit-option-extra-label-padding-right, var(--edit-option-extra-label-padding-right));font-size:var(--luzmo-edit-option-extra-label-font-size, var(--edit-option-extra-label-font-size))}.extra-link{text-align:right;text-decoration:underline;cursor:pointer}.extra-link:hover{color:var(--luzmo-font-color-hover)}.extra-link.disabled{opacity:.65;cursor:not-allowed}.extra-link.disabled:hover{color:var(--luzmo-font-color-disabled)}:host{--edit-option-component-height: var(--luzmo-component-height);--edit-option-extra-label-padding-right: var(--luzmo-spacing-4);--edit-option-extra-label-padding-left: var(--luzmo-spacing-5);--edit-option-control-container-gap: var(--luzmo-spacing-2);--edit-option-extra-label-font-size: var(--luzmo-font-size-s)}:host([size=s]){--edit-option-component-height: var(--luzmo-component-height-s);--edit-option-extra-label-padding-right: var(--luzmo-spacing-3);--edit-option-extra-label-padding-left: var(--luzmo-spacing-4);--edit-option-control-container-gap: var(--luzmo-spacing-2);--edit-option-extra-label-font-size: var(--luzmo-font-size-xs)}:host([size=l]){--edit-option-component-height: var(--luzmo-component-height-l);--edit-option-extra-label-padding-right: var(--luzmo-spacing-4);--edit-option-extra-label-padding-left: var(--luzmo-spacing-5);--edit-option-control-container-gap: var(--luzmo-spacing-3);--edit-option-extra-label-font-size: var(--luzmo-font-size)}:host([size=xl]){--edit-option-component-height: var(--luzmo-component-height-xl);--edit-option-extra-label-padding-right: var(--luzmo-spacing-5);--edit-option-extra-label-padding-left: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--edit-option-control-container-gap: var(--luzmo-spacing-4);--edit-option-extra-label-font-size: var(--luzmo-font-size-l)}:host{display:block}";var h=Object.defineProperty,o=(s,a,l,g)=>{for(var i=void 0,n=s.length-1,p;n>=0;n--)(p=s[n])&&(i=p(a,l,i)||i);return i&&h(a,l,i),i};const r=class r extends d.SizedMixin(c.LuzmoElement,{defaultSize:"s",validSizes:["s","m","l","xl"]}){constructor(){super(...arguments),this.disabled=!1,this.label="",this.tooltip="",this.extraLabel="",this.extraLabelHasClickAction=!1,this.extraLabelTooltip=""}handleExtraLabelClick(a){if(this.extraLabelHasClickAction&&typeof this.extraLabelClickAction=="function"){const{value:l}=this.extraLabelClickAction();this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:l}}))}a.preventDefault(),this.dispatchEvent(new CustomEvent("extraLabelClick",{bubbles:!0,composed:!0}))}render(){return t.x`
+"use strict";require("./index-j8UKjHqY.cjs");require("./index-CAJRL5rT.cjs");const t=require("./property-BCb4Kybn.cjs"),c=require("./focusable-BTJYY_Mf.cjs"),d=require("./sized-mixin-BNtmplgF.cjs"),u=":host{font-family:var(--luzmo-edit-option-component-font-family, var(--luzmo-font-family))}.luzmo-edit-option{height:var(--luzmo-edit-option-component-height, var(--edit-option-component-height));width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--luzmo-spacing-3);color:var(--luzmo-font-color);font-size:var(--luzmo-font-size-s)}.control-container{display:flex;align-items:center;gap:var(--luzmo-edit-option-control-container-gap, var(--edit-option-control-container-gap));justify-content:end;flex:1}.extra-label{padding-left:var(--luzmo-edit-option-extra-label-padding-left, var(--edit-option-extra-label-padding-left));padding-right:var(--luzmo-edit-option-extra-label-padding-right, var(--edit-option-extra-label-padding-right));font-size:var(--luzmo-edit-option-extra-label-font-size, var(--edit-option-extra-label-font-size))}.extra-link{text-align:right;text-decoration:underline;cursor:pointer}.extra-link:hover{color:var(--luzmo-font-color-hover)}.extra-link.disabled{opacity:.65;cursor:not-allowed}.extra-link.disabled:hover{color:var(--luzmo-font-color-disabled)}:host{--edit-option-component-height: var(--luzmo-component-height);--edit-option-extra-label-padding-right: var(--luzmo-spacing-4);--edit-option-extra-label-padding-left: var(--luzmo-spacing-5);--edit-option-control-container-gap: var(--luzmo-spacing-2);--edit-option-extra-label-font-size: var(--luzmo-font-size-s)}:host([size=s]){--edit-option-component-height: var(--luzmo-component-height-s);--edit-option-extra-label-padding-right: var(--luzmo-spacing-3);--edit-option-extra-label-padding-left: var(--luzmo-spacing-4);--edit-option-control-container-gap: var(--luzmo-spacing-2);--edit-option-extra-label-font-size: var(--luzmo-font-size-xs)}:host([size=l]){--edit-option-component-height: var(--luzmo-component-height-l);--edit-option-extra-label-padding-right: var(--luzmo-spacing-4);--edit-option-extra-label-padding-left: var(--luzmo-spacing-5);--edit-option-control-container-gap: var(--luzmo-spacing-3);--edit-option-extra-label-font-size: var(--luzmo-font-size)}:host([size=xl]){--edit-option-component-height: var(--luzmo-component-height-xl);--edit-option-extra-label-padding-right: var(--luzmo-spacing-5);--edit-option-extra-label-padding-left: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--edit-option-control-container-gap: var(--luzmo-spacing-4);--edit-option-extra-label-font-size: var(--luzmo-font-size-l)}:host{display:block}";var h=Object.defineProperty,o=(s,a,l,g)=>{for(var i=void 0,n=s.length-1,p;n>=0;n--)(p=s[n])&&(i=p(a,l,i)||i);return i&&h(a,l,i),i};const r=class r extends d.SizedMixin(c.LuzmoElement,{defaultSize:"s",validSizes:["s","m","l","xl"]}){constructor(){super(...arguments),this.disabled=!1,this.label="",this.tooltip="",this.extraLabel="",this.extraLabelHasClickAction=!1,this.extraLabelTooltip=""}handleExtraLabelClick(a){if(this.extraLabelHasClickAction&&typeof this.extraLabelClickAction=="function"){const{value:l}=this.extraLabelClickAction();this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:l}}))}a.preventDefault(),this.dispatchEvent(new CustomEvent("extraLabelClick",{bubbles:!0,composed:!0}))}render(){return t.x`
       <div class="luzmo-edit-option">
         ${this.label?t.x`
               <luzmo-field-label

package/components/{edit-option-base-BHvx3Mlq.js → edit-option-base-Cw2iO2Av.js}

@@ -18,10 +18,10 @@
  * SOFTWARE.
  * */
 import "./index-CsDgk_sj.js";
-import "./index-BFPa6sJd.js";
-import { r as m, E as p, x as n, n as e } from "./property-CxtZroGf.js";
-import { L as h } from "./focusable-DB6Uhr-C.js";
-import { S as u } from "./sized-mixin-C7R5uRbF.js";
+import "./index-Jmmy73Aq.js";
+import { r as m, E as p, x as n, n as e } from "./property-Dn4zSyxu.js";
+import { L as h } from "./focusable-BXhQz3_k.js";
+import { S as u } from "./sized-mixin-BR_Ii7le.js";
 const g = ":host{font-family:var(--luzmo-edit-option-component-font-family, var(--luzmo-font-family))}.luzmo-edit-option{height:var(--luzmo-edit-option-component-height, var(--edit-option-component-height));width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--luzmo-spacing-3);color:var(--luzmo-font-color);font-size:var(--luzmo-font-size-s)}.control-container{display:flex;align-items:center;gap:var(--luzmo-edit-option-control-container-gap, var(--edit-option-control-container-gap));justify-content:end;flex:1}.extra-label{padding-left:var(--luzmo-edit-option-extra-label-padding-left, var(--edit-option-extra-label-padding-left));padding-right:var(--luzmo-edit-option-extra-label-padding-right, var(--edit-option-extra-label-padding-right));font-size:var(--luzmo-edit-option-extra-label-font-size, var(--edit-option-extra-label-font-size))}.extra-link{text-align:right;text-decoration:underline;cursor:pointer}.extra-link:hover{color:var(--luzmo-font-color-hover)}.extra-link.disabled{opacity:.65;cursor:not-allowed}.extra-link.disabled:hover{color:var(--luzmo-font-color-disabled)}:host{--edit-option-component-height: var(--luzmo-component-height);--edit-option-extra-label-padding-right: var(--luzmo-spacing-4);--edit-option-extra-label-padding-left: var(--luzmo-spacing-5);--edit-option-control-container-gap: var(--luzmo-spacing-2);--edit-option-extra-label-font-size: var(--luzmo-font-size-s)}:host([size=s]){--edit-option-component-height: var(--luzmo-component-height-s);--edit-option-extra-label-padding-right: var(--luzmo-spacing-3);--edit-option-extra-label-padding-left: var(--luzmo-spacing-4);--edit-option-control-container-gap: var(--luzmo-spacing-2);--edit-option-extra-label-font-size: var(--luzmo-font-size-xs)}:host([size=l]){--edit-option-component-height: var(--luzmo-component-height-l);--edit-option-extra-label-padding-right: var(--luzmo-spacing-4);--edit-option-extra-label-padding-left: var(--luzmo-spacing-5);--edit-option-control-container-gap: var(--luzmo-spacing-3);--edit-option-extra-label-font-size: var(--luzmo-font-size)}:host([size=xl]){--edit-option-component-height: var(--luzmo-component-height-xl);--edit-option-extra-label-padding-right: var(--luzmo-spacing-5);--edit-option-extra-label-padding-left: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--edit-option-control-container-gap: var(--luzmo-spacing-4);--edit-option-extra-label-font-size: var(--luzmo-font-size-l)}:host{display:block}";
 var b = Object.defineProperty, o = (d, a, l, z) => {
   for (var i = void 0, r = d.length - 1, c; r >= 0; r--)