@luzmo/analytics-components-kit 1.0.1-alpha.31 → 1.0.1-alpha.33

package/components/edit-item/index.js

@@ -17,16 +17,17 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { h as k } from "../task-gE27tBDv.js";
-import { m as v, z as w, a as x, R as z, D as m } from "../base-D76d76ww-D0dTUBua.js";
-import { m as C } from "../query-assigned-nodes-C76XVPWY-BWouxGZs.js";
+import { h as k } from "../task-DH8UFyxP.js";
+import { m as v, I as w, a as x, R as z, z as m } from "../base-D76d76ww-BGkuhs54.js";
+import { m as C } from "../query-assigned-nodes-C76XVPWY-DxNwGHfW.js";
 import { m as $ } from "../focus-group-DHeTq18L-rNUu13eb.js";
-import { S, z as _ } from "../luzmo-icons-BLN3xVgr-Tz5XXgbL.js";
+import { D as _, z as S } from "../luzmo-icons-DbwDQtuO-QG0fLECn.js";
 import { o as O } from "../when-CDK1Tt5Y-C6ViXC43.js";
-import { r as E } from "../focusable-BNESohBR-DYvAZYXL.js";
-import "../index-fl13NYnO.js";
-import { L as j, x as c, r as A, n as d } from "../focusable-Dw_pMNQL.js";
-import { g as G } from "../index-Dwp251OJ.js";
+import { r as E } from "../focusable-BxtpnzWp-DJQkL8Zv.js";
+import "../index-CskV_bXp.js";
+import { x as c, r as j, n as d } from "../property-CxtZroGf.js";
+import { L as A } from "../focusable-DB6Uhr-C.js";
+import { g as G } from "../index-5mZhN-HJ.js";
 const y = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const a = document.createElement("style");
@@ -143,7 +144,7 @@ var N = Object.defineProperty, g = (a, o, e, r) => {
 };
 const R = () => z`
   <div class="icon-container">
-    ${S(_, { className: "indicator" })}
+    ${_(S, { className: "indicator" })}
   </div>
 `;
 class f extends v(E, {
@@ -210,7 +211,7 @@ var M = Object.defineProperty, p = (a, o, e, r) => {
     (s = a[n]) && (i = s(o, e, i) || i);
   return i && M(o, e, i), i;
 };
-const b = class b extends j {
+const b = class b extends A {
   constructor() {
     super(...arguments), this._loadItemConfig = new k(this, {
       task: async ([
@@ -252,7 +253,7 @@ const b = class b extends j {
             "../../item-definitions/regular-table/regular-table-options.config.ts": () => import("../regular-table-options.config-BoLZsBry.js"),
             "../../item-definitions/route-map/route-map-options.config.ts": () => import("../route-map-options.config-u0hQqmDh.js"),
             "../../item-definitions/sankey-diagram/sankey-diagram-options.config.ts": () => import("../sankey-diagram-options.config-tVLKy_Zn.js"),
-            "../../item-definitions/scatter-plot/scatter-plot-options.config.ts": () => import("../scatter-plot-options.config-lrkd9qj4.js"),
+            "../../item-definitions/scatter-plot/scatter-plot-options.config.ts": () => import("../scatter-plot-options.config-Corlzno1.js"),
             "../../item-definitions/search-filter/search-filter-options.config.ts": () => import("../search-filter-options.config-BE3JhR-F.js"),
             "../../item-definitions/slicer-filter/slicer-filter-options.config.ts": () => import("../slicer-filter-options.config-3JZZcw5C.js"),
             "../../item-definitions/slider-filter/slider-filter-options.config.ts": () => import("../slider-filter-options.config-DH4SS8wH.js"),
@@ -610,7 +611,7 @@ const b = class b extends j {
     });
   }
 };
-b.styles = A(L);
+b.styles = j(L);
 let l = b;
 p([
   d({ type: String, reflect: !0 })

package/components/edit-option/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../index-hogChFy0.cjs");exports.LuzmoEditOption=t.LuzmoEditOption;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../index-BHXq1-M1.cjs");exports.LuzmoEditOption=t.LuzmoEditOption;

package/components/edit-option/index.js

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { L as u } from "../index-Dwp251OJ.js";
+import { L as u } from "../index-5mZhN-HJ.js";
 const l = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const o = document.createElement("style");

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

@@ -17,9 +17,10 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";var m=Object.getPrototypeOf;var b=Reflect.get;var d=(c,t,e)=>b(m(c),e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../luzmo-icons-BDClm1AE.cjs");require("../index-CF84gqsb.cjs");require("../index-BKcvEgWr.cjs");require("../index-CVuJ-LUO.cjs");const n=require("../focusable-Cu_m_GTh.cjs"),z=require("../query-D5qWDopr.cjs"),g=require("../edit-option-base-jkkFevzT.cjs"),v="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 h=Object.defineProperty,i=(c,t,e,l)=>{for(var r=void 0,s=c.length-1,p;s>=0;s--)(p=c[s])&&(r=p(t,e,r)||r);return r&&h(t,e,r),r};const f={alignBottom:o.U,alignMiddle:o.P,alignTop:o.E,alignLeft:o.G,alignCenter:o.q,alignRight:o.O,ban:o.a1,borderSolid:o.b2,borderDashed:o.k2,borderDotted:o.S2,compress:o.Y,expand:o._,arrowsExpand:o.c1,arrowsHorizontal:o.J,arrowsVertical:o.j,italic:o.w1,bold:o.D1,underline:o.x1,rows:o.E1,columns:o.P1,table:o.r1},a=class a extends g.LuzmoEditOptionBase{constructor(){super(...arguments),this.values={},this.disabled=!1}_handleEvent(){var e,l,r;const t=this.selects==="multiple"?(e=this.actionGroup)==null?void 0:e.selected:(r=(l=this.actionGroup)==null?void 0:l.selected)==null?void 0:r[0];this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:t}}))}_generateButtonContents(t){return typeof t=="string"?n.x`${t}`:t.iconName||t.icon?n.x`
+"use strict";var m=Object.getPrototypeOf;var b=Reflect.get;var d=(c,t,e)=>b(m(c),e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../luzmo-icons-Nyf1P71v.cjs");require("../index-C2PPSv8E.cjs");require("../index-CnpJUw_z.cjs");require("../index-DSQyBS9Z.cjs");const n=require("../property-Dlf9S6Jz.cjs"),z=require("../query-D5qWDopr.cjs"),g=require("../edit-option-base-CSJNbo2E.cjs"),v="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 h=Object.defineProperty,i=(c,t,e,l)=>{for(var r=void 0,s=c.length-1,p;s>=0;s--)(p=c[s])&&(r=p(t,e,r)||r);return r&&h(t,e,r),r};const f={alignBottom:o.U,alignMiddle:o.P,alignTop:o.E,alignLeft:o.G,alignCenter:o.q,alignRight:o.O,ban:o.a1,borderSolid:o.b2,borderDashed:o.k2,borderDotted:o.S2,compress:o.Y,expand:o._,arrowsExpand:o.c1,arrowsHorizontal:o.J,arrowsVertical:o.j,italic:o.w1,bold:o.D1,underline:o.x1,rows:o.E1,columns:o.P1,table:o.r1},a=class a extends g.LuzmoEditOptionBase{constructor(){super(...arguments),this.values={},this.disabled=!1}_handleEvent(){var e,l,r;const t=this.selects==="multiple"?(e=this.actionGroup)==null?void 0:e.selected:(r=(l=this.actionGroup)==null?void 0:l.selected)==null?void 0:r[0];this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:t}}))}_generateButtonContents(t){return typeof t=="string"?n.x`${t}`:t.iconName||t.icon?n.x`
         <luzmo-icon
           slot="icon"
+          .size=${this.size}
           .icon=${t.icon??f[t.iconName]}
           .label=${t.label??""}
         ></luzmo-icon>

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

@@ -19,40 +19,40 @@
  * */
 var d = Object.getPrototypeOf;
 var p = Reflect.get;
-var z = (l, o, t) => p(d(l), t, o);
-import { r as g, P as f, E as h, x as v, D as x, w as y, j as w, J as k, c as $, _ as C, Y as q, S, k as E, b as _, a as B, O as P, q as D, G as j, d as A, e as H, U as N } from "../luzmo-icons-U09GB75o.js";
-import "../index-DZZMSlYS.js";
-import "../index-B9dQtvu7.js";
-import "../index-B3jkBlKY.js";
-import { r as T, x as u, n as c } from "../focusable-Dw_pMNQL.js";
-import { e as U } from "../query-Ddbd72Um.js";
-import { L as M } from "../edit-option-base-DOezOLDd.js";
+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 "../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-DeQjGX4i.js";
 const b = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
-    const l = document.createElement("style");
-    l.setAttribute("data-luzmo-vars", ""), l.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: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--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: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--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: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--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(l);
+    const r = document.createElement("style");
+    r.setAttribute("data-luzmo-vars", ""), r.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: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--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: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--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: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--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(r);
   }
 };
 b();
-const R = "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 V = Object.defineProperty, n = (l, o, t, i) => {
-  for (var e = void 0, m = l.length - 1, s; m >= 0; m--)
-    (s = l[m]) && (e = s(o, t, e) || e);
-  return e && V(o, t, e), e;
+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) => {
+  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;
 };
-const F = {
-  alignBottom: N,
-  alignMiddle: H,
+const M = {
+  alignBottom: H,
+  alignMiddle: D,
   alignTop: A,
-  alignLeft: j,
-  alignCenter: D,
-  alignRight: P,
+  alignLeft: T,
+  alignCenter: P,
+  alignRight: j,
   ban: B,
   borderSolid: _,
   borderDashed: E,
   borderDotted: S,
-  compress: q,
-  expand: C,
+  compress: C,
+  expand: q,
   arrowsExpand: $,
   arrowsHorizontal: k,
   arrowsVertical: w,
@@ -62,13 +62,13 @@ const F = {
   rows: h,
   columns: f,
   table: g
-}, a = class a extends M {
+}, a = class a extends U {
   constructor() {
     super(...arguments), this.values = {}, this.disabled = !1;
   }
   _handleEvent() {
-    var t, i, e;
-    const o = this.selects === "multiple" ? (t = this.actionGroup) == null ? void 0 : t.selected : (e = (i = this.actionGroup) == null ? void 0 : i.selected) == null ? void 0 : e[0];
+    var t, c, e;
+    const o = this.selects === "multiple" ? (t = this.actionGroup) == null ? void 0 : t.selected : (e = (c = this.actionGroup) == null ? void 0 : c.selected) == null ? void 0 : e[0];
     this.dispatchEvent(
       new CustomEvent("option-changed", {
         bubbles: !0,
@@ -84,7 +84,8 @@ const F = {
     return typeof o == "string" ? u`${o}` : o.iconName || o.icon ? u`
         <luzmo-icon
           slot="icon"
-          .icon=${o.icon ?? F[o.iconName]}
+          .size=${this.size}
+          .icon=${o.icon ?? M[o.iconName]}
           .label=${o.label ?? ""}
         ></luzmo-icon>
         ${o.buttonText ?? ""}
@@ -124,30 +125,30 @@ const F = {
     `;
   }
 };
-a.styles = [...z(a, a, "styles"), T(R)];
-let r = a;
+a.styles = [...z(a, a, "styles"), N(G)];
+let l = a;
 n([
-  c({ type: Array })
-], r.prototype, "values");
+  i({ type: Array })
+], l.prototype, "values");
 n([
-  c({ type: Boolean, reflect: !0 })
-], r.prototype, "disabled");
+  i({ type: Boolean, reflect: !0 })
+], l.prototype, "disabled");
 n([
-  c({ type: String })
-], r.prototype, "selects");
+  i({ type: String })
+], l.prototype, "selects");
 n([
-  c({ type: Array })
-], r.prototype, "value");
+  i({ type: Array })
+], l.prototype, "value");
 n([
-  c({ type: Array })
-], r.prototype, "default");
+  i({ type: Array })
+], l.prototype, "default");
 n([
-  U("luzmo-action-group")
-], r.prototype, "actionGroup");
+  R("luzmo-action-group")
+], l.prototype, "actionGroup");
 customElements.get("luzmo-edit-option-action-button-group") || customElements.define(
   "luzmo-edit-option-action-button-group",
-  r
+  l
 );
 export {
-  r as LuzmoEditOptionActionButtonGroup
+  l as LuzmoEditOptionActionButtonGroup
 };

package/components/edit-option-base-CSJNbo2E.cjs

@@ -0,0 +1,53 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2025 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.
+ * */
+"use strict";require("./index-j8UKjHqY.cjs");require("./index-BtIWR_s6.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`
+      <div class="luzmo-edit-option">
+        ${this.label?t.x`
+              <luzmo-field-label
+                .size=${this.size}
+                for="luzmo-edit-option-control"
+                side-aligned="start"
+              >
+                ${this.label}
+                ${this.tooltip?t.x`
+                      *<luzmo-tooltip
+                        self-managed
+                        placement="top"
+                        size=${this.size}
+                      >
+                        ${this.tooltip}
+                      </luzmo-tooltip>
+                    `:t.E}
+              </luzmo-field-label>
+            `:t.E}
+
+        <div class="control-container">
+          ${this.extraLabel?t.x`
+                <div
+                  class="extra-label ${this.extraLabelHasClickAction?"extra-link":""}"
+                  @click=${this.handleExtraLabelClick}
+                >
+                  <span class=""> ${this.extraLabel} </span>
+                </div>
+              `:t.E}
+          ${this.renderController()}
+        </div>
+      </div>
+    `}};r.styles=[t.r(u)];let e=r;o([t.n({type:Boolean,reflect:!0})],e.prototype,"disabled");o([t.n({type:String,reflect:!0})],e.prototype,"label");o([t.n({type:String,reflect:!0})],e.prototype,"tooltip");o([t.n({type:String,attribute:"extra-label"})],e.prototype,"extraLabel");o([t.n({type:Boolean,attribute:"extra-label-has-click-action"})],e.prototype,"extraLabelHasClickAction");o([t.n()],e.prototype,"extraLabelClickAction");o([t.n({type:String,attribute:"extra-label-tooltip"})],e.prototype,"extraLabelTooltip");exports.LuzmoEditOptionBase=e;

package/components/{edit-option-base-DOezOLDd.js → edit-option-base-DeQjGX4i.js}

@@ -17,10 +17,11 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import "./index-DJik7S7b.js";
-import "./index-CRx2nPkq.js";
-import { L as h, r as m, E as p, x as n, n as e } from "./focusable-Dw_pMNQL.js";
-import { S as u } from "./sized-mixin-DMuOVsw0.js";
+import "./index-CsDgk_sj.js";
+import "./index-Bmpw4rGV.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";
 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--)