@luzmo/analytics-components-kit 1.1.1 → 1.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (161) hide show
  1. package/README.md +8 -2
  2. package/angular/components/interactive-viz-item.ts +40 -3
  3. package/angular/components/item-option-color-picker.ts +30 -3
  4. package/angular/components/item-option-color-range.ts +30 -3
  5. package/angular/components/item-option-guidelines.ts +31 -4
  6. package/angular/components/item-option-panel.ts +41 -4
  7. package/angular/components/item-option-slider.ts +41 -4
  8. package/angular/components/item-option.ts +41 -4
  9. package/angular/esm/components/interactive-viz-item.d.ts +13 -4
  10. package/angular/esm/components/interactive-viz-item.js +29 -3
  11. package/angular/esm/components/item-option-color-picker.d.ts +11 -4
  12. package/angular/esm/components/item-option-color-picker.js +23 -3
  13. package/angular/esm/components/item-option-color-range.d.ts +11 -4
  14. package/angular/esm/components/item-option-color-range.js +23 -3
  15. package/angular/esm/components/item-option-guidelines.d.ts +11 -4
  16. package/angular/esm/components/item-option-guidelines.js +24 -4
  17. package/angular/esm/components/item-option-panel.d.ts +13 -4
  18. package/angular/esm/components/item-option-panel.js +30 -4
  19. package/angular/esm/components/item-option-slider.d.ts +13 -4
  20. package/angular/esm/components/item-option-slider.js +30 -4
  21. package/angular/esm/components/item-option.d.ts +13 -4
  22. package/angular/esm/components/item-option.js +30 -4
  23. package/angular/package.json +2 -2
  24. package/angular/utils/option-interaction/index.d.ts +2 -0
  25. package/angular/utils/option-interaction/is-same-option-value.d.ts +10 -0
  26. package/angular/utils/option-interaction/option-interaction-controller.d.ts +54 -0
  27. package/angular/utils/option-interaction/tests/option-interaction-controller.test.d.ts +1 -0
  28. package/angular/utils/store/base-store.d.ts +9 -0
  29. package/angular/utils/store/tests/store-base-history.test.d.ts +1 -0
  30. package/components/{base-store-SgJsjLap.cjs → base-store-D3whjduR.cjs} +1 -1
  31. package/components/{base-store-g0dt7ru7.js → base-store-DQYj8A1W.js} +3 -0
  32. package/components/{choropleth-map-options.config-D9-u-NwX.js → choropleth-map-options.config-Blu0Z2tR.js} +1 -1
  33. package/components/{choropleth-map-options.config-CXDGMiSJ.cjs → choropleth-map-options.config-DwFJ00CS.cjs} +1 -1
  34. package/components/{color-range-utils-CUCTsRXM.js → color-range-utils-CgwRGUkg.js} +18 -18
  35. package/components/{color-range-utils-BCFQAeY1.cjs → color-range-utils-D8uygiMe.cjs} +1 -1
  36. package/components/{heat-map-options.config-ChZeslEy.js → heat-map-options.config-BQkhkLPb.js} +16 -16
  37. package/components/{heat-map-options.config-DiNa8NnG.cjs → heat-map-options.config-DjQkB039.cjs} +1 -1
  38. package/components/{heat-table-options.config-BPCszrFn.js → heat-table-options.config-CMWWTeyo.js} +1 -1
  39. package/components/{heat-table-options.config-BvE6coaV.cjs → heat-table-options.config-D21xtaIk.cjs} +1 -1
  40. package/components/index.cjs +1 -1
  41. package/components/index.js +7 -7
  42. package/components/interactive-viz-item/index.cjs +1 -1
  43. package/components/interactive-viz-item/index.d.ts +2 -1
  44. package/components/interactive-viz-item/index.js +1 -1
  45. package/components/interactive-viz-item/interactive-viz-item.d.ts +31 -1
  46. package/components/interactive-viz-item/types.d.ts +13 -0
  47. package/components/{interactive-viz-item-CofUkpP6.js → interactive-viz-item-CwRRaCZB.js} +144 -84
  48. package/components/interactive-viz-item-CxdrGRKc.cjs +265 -0
  49. package/components/is-same-option-value-B2oyvEqT.js +42 -0
  50. package/components/is-same-option-value-Cf6BQcs7.cjs +20 -0
  51. package/components/item-option/helpers/control-markup.d.ts +7 -0
  52. package/components/item-option/index.cjs +1 -1
  53. package/components/item-option/index.d.ts +1 -1
  54. package/components/item-option/index.js +1 -1
  55. package/components/item-option/item-option.d.ts +23 -2
  56. package/components/item-option/types.d.ts +19 -0
  57. package/components/{item-option-Cgx3c08E.js → item-option-DKLRnicU.js} +182 -136
  58. package/components/item-option-DpLdospV.cjs +285 -0
  59. package/components/item-option-color-picker/index.cjs +1 -1
  60. package/components/item-option-color-picker/index.d.ts +1 -1
  61. package/components/item-option-color-picker/index.js +1 -1
  62. package/components/item-option-color-picker/item-option-color-picker.d.ts +17 -1
  63. package/components/item-option-color-picker-CNW7GsCO.cjs +37 -0
  64. package/components/item-option-color-picker-DDvsY7hV.js +129 -0
  65. package/components/item-option-color-range/index.cjs +1 -1
  66. package/components/item-option-color-range/index.d.ts +1 -1
  67. package/components/item-option-color-range/index.js +1 -1
  68. package/components/item-option-color-range/item-option-color-range.d.ts +20 -1
  69. package/components/item-option-color-range-BqSbuSZh.cjs +101 -0
  70. package/components/item-option-color-range-FQduqtz3.js +265 -0
  71. package/components/item-option-guidelines/index.cjs +1 -1
  72. package/components/item-option-guidelines/index.d.ts +1 -1
  73. package/components/item-option-guidelines/index.js +1 -1
  74. package/components/item-option-guidelines/item-option-guidelines.d.ts +16 -1
  75. package/components/{item-option-guidelines-DNJevmVD.js → item-option-guidelines-k5DwMONo.js} +132 -104
  76. package/components/item-option-guidelines-z9BsGR-l.cjs +138 -0
  77. package/components/item-option-panel/index.cjs +1 -1
  78. package/components/item-option-panel/index.d.ts +1 -1
  79. package/components/item-option-panel/index.js +1 -1
  80. package/components/item-option-panel/item-option-panel.d.ts +12 -1
  81. package/components/{item-option-panel-DHdnisRb.js → item-option-panel-BLXWIbjX.js} +18 -6
  82. package/components/{item-option-panel-Dl3aYBNe.cjs → item-option-panel-CU51qvgV.cjs} +6 -4
  83. package/components/item-option-slider/index.cjs +1 -1
  84. package/components/item-option-slider/index.d.ts +1 -1
  85. package/components/item-option-slider/index.js +1 -1
  86. package/components/item-option-slider/item-option-slider.d.ts +15 -2
  87. package/components/item-option-slider-BKtJfL3D.js +119 -0
  88. package/components/item-option-slider-Kz2eFBql.cjs +36 -0
  89. package/components/item-options-configs.cjs +1 -1
  90. package/components/item-options-configs.js +5 -5
  91. package/components/option-interaction-controller-B8S1N_Oo.js +90 -0
  92. package/components/option-interaction-controller-D0U-CTpZ.cjs +20 -0
  93. package/components/{route-map-options.config-DdCaVtIF.cjs → route-map-options.config-DER6ENky.cjs} +1 -1
  94. package/components/{route-map-options.config-B7vT6KG_.js → route-map-options.config-DTcS47fW.js} +1 -1
  95. package/components/{spike-map-options.config-DkmRZ1JZ.js → spike-map-options.config-CPYfKWoF.js} +1 -1
  96. package/components/{spike-map-options.config-B3hDh2qU.cjs → spike-map-options.config-DeF1Whq5.cjs} +1 -1
  97. package/components/utils/store.cjs +1 -1
  98. package/components/utils/store.js +1 -1
  99. package/custom-elements.json +409 -103
  100. package/package.json +1 -1
  101. package/react/components/interactive-viz-item.component.ts +11 -2
  102. package/react/components/item-option-color-picker.component.ts +9 -3
  103. package/react/components/item-option-color-range.component.ts +9 -3
  104. package/react/components/item-option-guidelines.component.ts +9 -3
  105. package/react/components/item-option-panel.component.ts +12 -3
  106. package/react/components/item-option-slider.component.ts +12 -3
  107. package/react/components/item-option.component.ts +12 -3
  108. package/react/esm/components/interactive-viz-item.component.d.ts +8 -2
  109. package/react/esm/components/interactive-viz-item.component.js +7 -1
  110. package/react/esm/components/item-option-color-picker.component.d.ts +6 -2
  111. package/react/esm/components/item-option-color-picker.component.js +6 -2
  112. package/react/esm/components/item-option-color-range.component.d.ts +6 -2
  113. package/react/esm/components/item-option-color-range.component.js +6 -2
  114. package/react/esm/components/item-option-guidelines.component.d.ts +6 -2
  115. package/react/esm/components/item-option-guidelines.component.js +6 -2
  116. package/react/esm/components/item-option-panel.component.d.ts +8 -2
  117. package/react/esm/components/item-option-panel.component.js +8 -2
  118. package/react/esm/components/item-option-slider.component.d.ts +8 -2
  119. package/react/esm/components/item-option-slider.component.js +8 -2
  120. package/react/esm/components/item-option.component.d.ts +8 -2
  121. package/react/esm/components/item-option.component.js +8 -2
  122. package/react/luzmo-stub.d.ts +7 -0
  123. package/react/package.json +2 -2
  124. package/standalone/chunks/{choropleth-map-options.config-Cs4Kvr9h.js → choropleth-map-options.config-rUJsEJcm.js} +1 -1
  125. package/standalone/chunks/{color-range-utils-CKDpd3gZ.js → color-range-utils-DxOtqAKB.js} +1 -1
  126. package/standalone/chunks/embed-CBu7iQRx.js +231 -0
  127. package/standalone/chunks/{heat-map-options.config-DF5kjOOe.js → heat-map-options.config-D93AeYFi.js} +1 -1
  128. package/standalone/chunks/{heat-table-options.config-DaePzfHG.js → heat-table-options.config-ZVML76FK.js} +1 -1
  129. package/standalone/chunks/is-same-option-value-Di-A7Wmg.js +2 -0
  130. package/standalone/chunks/item-option-color-picker-lLvBPnKA.js +19 -0
  131. package/standalone/chunks/{item-option-color-range-CyJd1LZ_.js → item-option-color-range-BqeatOei.js} +18 -15
  132. package/standalone/chunks/item-option-guidelines-Cop8rM8y.js +120 -0
  133. package/standalone/chunks/item-option-panel-CzSKFCVl.js +316 -0
  134. package/standalone/chunks/item-option-slider-K_bsNci8.js +18 -0
  135. package/standalone/chunks/option-interaction-controller-BslAXAHF.js +2 -0
  136. package/standalone/chunks/{route-map-options.config-D7FfzIiU.js → route-map-options.config-Dwy0JSVq.js} +1 -1
  137. package/standalone/chunks/{spike-map-options.config-CZiFzDm9.js → spike-map-options.config-DFmuNxym.js} +1 -1
  138. package/standalone/interactive-viz-item.js +24 -20
  139. package/standalone/item-grid.js +1 -1
  140. package/standalone/manifest.json +14 -13
  141. package/utils/option-interaction/index.d.ts +2 -0
  142. package/utils/option-interaction/is-same-option-value.d.ts +10 -0
  143. package/utils/option-interaction/option-interaction-controller.d.ts +54 -0
  144. package/utils/option-interaction/tests/option-interaction-controller.test.d.ts +1 -0
  145. package/utils/store/base-store.d.ts +9 -0
  146. package/utils/store/tests/store-base-history.test.d.ts +1 -0
  147. package/components/interactive-viz-item-D537mo3l.cjs +0 -261
  148. package/components/item-option-CqGDFdPj.cjs +0 -269
  149. package/components/item-option-color-picker-BpPoOO2b.cjs +0 -34
  150. package/components/item-option-color-picker-cojuCvu5.js +0 -84
  151. package/components/item-option-color-range-CMBEx1fi.cjs +0 -98
  152. package/components/item-option-color-range-Dt7Bv06p.js +0 -217
  153. package/components/item-option-guidelines-Beh0DlG0.cjs +0 -135
  154. package/components/item-option-slider-Bo5vs6nr.js +0 -89
  155. package/components/item-option-slider-CyWKWr5D.cjs +0 -33
  156. package/standalone/chunks/color-7IgCGZKz.js +0 -2
  157. package/standalone/chunks/embed-BfHBKhIe.js +0 -231
  158. package/standalone/chunks/item-option-color-picker-Cr7ujQNO.js +0 -16
  159. package/standalone/chunks/item-option-guidelines-6NjpzS6b.js +0 -117
  160. package/standalone/chunks/item-option-panel-VxvWU56c.js +0 -298
  161. package/standalone/chunks/item-option-slider-l9wt7_0c.js +0 -15
@@ -1,117 +0,0 @@
1
-
2
- import{a as e,i as t,n,r}from"./version-BW4Ixl63.js";import{t as i}from"./localized-decorator-DJVBmJVH.js";import{t as a}from"./luzmoTrashOutline-DXZpJx7f.js";import{t as o}from"./luzmoPlus-Dyrrz0v8.js";import{n as s,r as c,t as l}from"./luzmoBorderDotted-CWXwQ_Hm.js";import"./chart-helpers-DsIGsaDc.js";import{t as u}from"./item-option-base-CRUxNhJQ.js";import{a as d,c as f,i as p,l as m,n as h,o as g,r as _,s as v,u as y}from"./item-option-panel-VxvWU56c.js";import{html as b,nothing as x,property as S,repeat as C,state as w,unsafeCSS as T}from"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.6.1/standalone/lit.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.6.1/standalone/action-button.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.6.1/standalone/button.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.6.1/standalone/icon.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.6.1/standalone/menu.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.6.1/standalone/action-group.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.6.1/standalone/number-field.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.6.1/standalone/picker.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.6.1/standalone/color-picker.js";var E=new Set(f),D=new Set(m),O=new Set(y),k={solid:`0`,dotted:`1,2`,dashed:`3,3`},A=e=>typeof e==`object`&&!!e&&!Array.isArray(e),j=e=>{if(typeof e==`number`&&Number.isFinite(e))return e;if(typeof e==`string`&&e.trim()!==``){let t=Number(e);return Number.isFinite(t)?t:void 0}},M=e=>typeof e==`string`&&E.has(e),N=e=>{let t=(e??[]).filter(M);return t.length>0?t:[...h]},P=e=>e===`dark-edit`?_:p,F=e=>structuredClone(e),I=e=>{if(!A(e))return{...g};let t=typeof e.type==`string`?e.type.trim().toLowerCase():``,n=D.has(t)?t:k[t]??g.type,r=(typeof e.width==`number`?String(e.width):typeof e.width==`string`?e.width.trim():``).replace(/px$/i,``);return{type:n,width:O.has(r)?r:g.width}},L=e=>{if(!A(e))return;let t=typeof e.type==`string`?e.type.trim().toLowerCase():``;if(!M(t))return;let n=typeof e.color==`string`&&e.color.trim()!==``?e.color.trim():p;return t===`value`?{type:t,color:n,value:j(e.value)??0}:{type:t,color:n}},R=e=>{let t=Array.isArray(e)?{lines:e}:e;if(!A(t)||!(Array.isArray(t.lines)||A(t.lines)))return;let n=Array.isArray(t.lines)?t.lines:[t.lines],r=n.map(L).filter(e=>e!==void 0);if(!(n.length>0&&r.length===0))return{lines:r,style:I(t.style)}},z=(e,t)=>e===`value`?{type:e,color:t,value:0}:{type:e,color:t},B=(e,t,n)=>{let r=N(t)[0],i=z(r,n);if(!e)return{lines:[i],style:{...g}};let a=F(e);return a.lines.push(i),a},V=(e,t)=>{let n=F(e);return n.lines.splice(t,1),n},H=(e,t,n)=>{let r=F(e),i=r.lines[t];return i&&(r.lines[t]=z(n,i.color)),r},U=(e,t,n)=>{let r=F(e);return r.lines[t]&&(r.lines[t].color=n),r},W=(e,t,n)=>{let r=F(e);return r.lines[t]&&(r.lines[t].value=n),r},G=(e,t)=>{let n=F(e);return n.style.type=t,n},K=(e,t)=>{let n=F(e);return n.style.width=t,n},q=`:host{display:block;container-type:inline-size}.luzmo-item-option{align-items:start;height:fit-content}.control-container{flex-grow:1;align-items:start}.guidelines{gap:var(--luzmo-item-option-guidelines-shared-gap,var(--item-option-guidelines-shared-gap));flex-direction:column;inline-size:100%;display:flex}.guideline-rows{gap:var(--luzmo-item-option-guidelines-rows-gap,var(--item-option-guidelines-rows-gap));flex-direction:column;display:flex}.guideline-row{align-items:center;gap:var(--luzmo-item-option-guidelines-row-gap,var(--item-option-guidelines-row-gap));grid-template-columns:auto minmax(0,max-content) minmax(6rem,1fr) auto;display:grid}.guideline-value{inline-size:100%}@container (width<=20rem){.guideline-row{grid-template-columns:auto minmax(0,1fr) auto}.guideline-value{grid-column:2}.guideline-value-spacer{display:none}}.guideline-value-spacer{min-inline-size:0;min-block-size:var(--luzmo-component-height)}.guidelines-add{justify-content:flex-end;display:flex}.guideline-shared{gap:var(--luzmo-item-option-guidelines-rows-gap,var(--item-option-guidelines-rows-gap));border-block-start:var(--luzmo-border-width) solid var(--luzmo-border-color);flex-direction:column;padding-block-start:var(--luzmo-item-option-guidelines-shared-gap,var(--item-option-guidelines-shared-gap));display:flex}.guideline-shared-row{justify-content:space-between;align-items:center;gap:var(--luzmo-item-option-guidelines-row-gap,var(--item-option-guidelines-row-gap));flex-wrap:wrap;display:flex}.guideline-shared-label{flex-shrink:0}.guideline-width{min-inline-size:8rem}:host{--item-option-guidelines-rows-gap:var(--luzmo-spacing-2);--item-option-guidelines-row-gap:var(--luzmo-spacing-2);--item-option-guidelines-shared-gap:var(--luzmo-spacing-3)}:host([size=s]){--item-option-guidelines-rows-gap:var(--luzmo-spacing-1);--item-option-guidelines-row-gap:var(--luzmo-spacing-1);--item-option-guidelines-shared-gap:var(--luzmo-spacing-2)}:host([size=l]){--item-option-guidelines-rows-gap:var(--luzmo-spacing-3);--item-option-guidelines-row-gap:var(--luzmo-spacing-3);--item-option-guidelines-shared-gap:var(--luzmo-spacing-4)}:host([size=xl]){--item-option-guidelines-rows-gap:var(--luzmo-spacing-4);--item-option-guidelines-row-gap:var(--luzmo-spacing-3);--item-option-guidelines-shared-gap:var(--luzmo-spacing-4)}`,J=0,Y=6,X=10**-6,Z={maximumFractionDigits:Y},Q=n(u),$=class extends Q{constructor(...e){super(...e),this.lineTypes=[],this.lineTypeLabels={},this.defaultColor=P(),this.debounce=200,this._lineIds=[],this._lineIdCounter=0,this._styleLabelId=`luzmo-item-option-guidelines-style-${++J}`,this._widthLabelId=`luzmo-item-option-guidelines-width-${J}`}static get styles(){return[...super.styles,T(q)]}willUpdate(e){super.willUpdate(e),e.has(`value`)&&(this._clearDebounce(),this._guidelines=R(this.value),this._lineIds=(this._guidelines?.lines??[]).map((e,t)=>this._lineIds[t]??this._createLineId()))}disconnectedCallback(){super.disconnectedCallback(),this._clearDebounce()}_createLineId(){return`${this._styleLabelId}-line-${++this._lineIdCounter}`}_clearDebounce(){clearTimeout(this._debounceTimeout),this._debounceTimeout=void 0}_emit(e,t=!1){let n=()=>{this._debounceTimeout=void 0,this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:e}}))};this._clearDebounce(),t||this.debounce<=0?n():this._debounceTimeout=setTimeout(n,this.debounce)}_commit(e,t=!1){this._guidelines=e,this._emit(e,t)}_allowedTypes(){return N(this.lineTypes)}_typeLabel(e){if(this.lineTypeLabels[e])return this.lineTypeLabels[e];switch(e){case`value`:return t(`Value`,{id:`item-option-guidelines-type-value`,desc:`Guideline type: manual numeric value`});case`average`:return t(`Average`,{id:`item-option-guidelines-type-average`,desc:`Guideline type: average of the plotted data`});case`median`:return t(`Median`,{id:`item-option-guidelines-type-median`,desc:`Guideline type: median of the plotted data`});case`average open`:return t(`Average open`,{id:`item-option-guidelines-type-average-open`,desc:`Guideline type: average of open values`});case`average close`:return t(`Average close`,{id:`item-option-guidelines-type-average-close`,desc:`Guideline type: average of close values`})}}_typeValues(){return Object.fromEntries(this._allowedTypes().map(e=>[e,this._typeLabel(e)]))}_widthValues(){return{1:t(`Thin`,{id:`item-option-guidelines-width-thin`,desc:`Guideline width: thin`}),2:t(`Medium`,{id:`item-option-guidelines-width-medium`,desc:`Guideline width: medium`}),3:t(`Thick`,{id:`item-option-guidelines-width-thick`,desc:`Guideline width: thick`})}}_styleOptions(){return[{key:`0`,icon:c,label:t(`Solid`,{id:`item-option-guidelines-style-solid`,desc:`Guideline line style: solid`})},{key:`1,2`,icon:l,label:t(`Dotted`,{id:`item-option-guidelines-style-dotted`,desc:`Guideline line style: dotted`})},{key:`3,3`,icon:s,label:t(`Dashed`,{id:`item-option-guidelines-style-dashed`,desc:`Guideline line style: dashed`})}]}_handleAdd(){this.disabled||(this._lineIds=[...this._lineIds,this._createLineId()],this._commit(B(this._guidelines,this.lineTypes,this.defaultColor),!0))}_handleRemove(e){!this.disabled&&this._guidelines&&(this._lineIds=this._lineIds.filter((t,n)=>n!==e),this._commit(V(this._guidelines,e),!0))}_handleTypeChange(e,t){!this.disabled&&this._guidelines&&M(t.detail)&&this._commit(H(this._guidelines,e,t.detail),!0)}_handleColorChange(e,t){if(this.disabled||!this._guidelines)return;let n=t.target.color;typeof n==`string`&&this._commit(U(this._guidelines,e,n))}_handleValueChange(e,t){if(this.disabled||!this._guidelines)return;let n=t.target.value;typeof n==`number`&&Number.isFinite(n)&&this._commit(W(this._guidelines,e,n))}_handleStyleChange(e){if(this.disabled||!this._guidelines)return;let t=e.target.selected?.[0];(t===`0`||t===`1,2`||t===`3,3`)&&this._commit(G(this._guidelines,t),!0)}_handleWidthChange(e){if(this.disabled||!this._guidelines)return;let t=e.detail,n=e.target.value,r=t===`1`||t===`2`||t===`3`?t:n;(r===`1`||r===`2`||r===`3`)&&this._commit(K(this._guidelines,r),!0)}_lineKey(e){return this._lineIds[e]}_renderLine(n,r){let i=r+1,o=t(e`Guideline ${i} color`,{id:`item-option-guidelines-color`,desc:`Accessible name for one guideline color picker`}),s=t(e`Guideline ${i} type`,{id:`item-option-guidelines-type`,desc:`Accessible name for one guideline type picker`}),c=t(e`Guideline ${i} value`,{id:`item-option-guidelines-value`,desc:`Accessible name for one manual guideline value`}),l=t(e`Remove guideline ${i}`,{id:`item-option-guidelines-remove`,desc:`Aria label for removing one guideline row`});return b`
3
- <div class="guideline-row">
4
- <luzmo-color-picker
5
- class="guideline-color"
6
- .color=${n.color}
7
- .size=${this.size}
8
- rounding="full"
9
- shape="circle"
10
- .label=${o}
11
- ?disabled=${this.disabled}
12
- @change=${e=>this._handleColorChange(r,e)}
13
- ></luzmo-color-picker>
14
- <luzmo-picker
15
- class="guideline-type"
16
- .label=${s}
17
- .value=${n.type}
18
- .size=${this.size}
19
- variant="highlight"
20
- ?disabled=${this.disabled}
21
- @change=${e=>this._handleTypeChange(r,e)}
22
- >
23
- ${Object.entries(this._typeValues()).map(([e,t])=>b`
24
- <luzmo-menu-item value=${e}>${t}</luzmo-menu-item>
25
- `)}
26
- </luzmo-picker>
27
- ${n.type===`value`?b`
28
- <luzmo-number-field
29
- class="guideline-value"
30
- .value=${n.value??0}
31
- .size=${this.size}
32
- .step=${X}
33
- .formatOptions=${Z}
34
- .label=${c}
35
- ?disabled=${this.disabled}
36
- @change=${e=>this._handleValueChange(r,e)}
37
- ></luzmo-number-field>
38
- `:b`
39
- <div class="guideline-value-spacer"></div>
40
- `}
41
- <luzmo-action-button
42
- class="guideline-remove"
43
- quiet
44
- .size=${this.size}
45
- .label=${l}
46
- ?disabled=${this.disabled}
47
- @click=${()=>this._handleRemove(r)}
48
- >
49
- <luzmo-icon slot="icon" .size=${this.size} .icon=${a}></luzmo-icon>
50
- </luzmo-action-button>
51
- </div>
52
- `}_renderSharedStyle(e){return b`
53
- <div class="guideline-shared">
54
- <div class="guideline-shared-row">
55
- <span class="guideline-shared-label" id=${this._styleLabelId}>
56
- ${t(`Style`,{id:`item-option-guidelines-style-label`,desc:`Label for shared guideline dash style`})}
57
- </span>
58
- <luzmo-action-group
59
- class="guideline-style"
60
- compact
61
- quiet
62
- emphasized
63
- selects="single"
64
- .size=${this.size}
65
- .selected=${[e.style.type]}
66
- aria-labelledby=${this._styleLabelId}
67
- ?disabled=${this.disabled}
68
- @change=${this._handleStyleChange}
69
- >
70
- ${this._styleOptions().map(e=>b`
71
- <luzmo-action-button value=${e.key} ?disabled=${this.disabled} .label=${e.label}>
72
- <luzmo-icon slot="icon" .size=${this.size} .icon=${e.icon}></luzmo-icon>
73
- </luzmo-action-button>
74
- `)}
75
- </luzmo-action-group>
76
- </div>
77
- <div class="guideline-shared-row">
78
- <span class="guideline-shared-label" id=${this._widthLabelId}>
79
- ${t(`Width`,{id:`item-option-guidelines-width-label`,desc:`Label for shared guideline width`})}
80
- </span>
81
- <luzmo-picker
82
- class="guideline-width"
83
- aria-labelledby=${this._widthLabelId}
84
- .value=${e.style.width}
85
- .size=${this.size}
86
- variant="highlight"
87
- ?disabled=${this.disabled}
88
- @change=${this._handleWidthChange}
89
- >
90
- ${Object.entries(this._widthValues()).map(([e,t])=>b`
91
- <luzmo-menu-item value=${e}>${t}</luzmo-menu-item>
92
- `)}
93
- </luzmo-picker>
94
- </div>
95
- </div>
96
- `}renderController(){let e=this._guidelines?.lines??[],n=this.label||t(`Guidelines`,{id:`item-option-guidelines-group`,desc:`Accessible name for the guidelines editor`});return b`
97
- <div id="luzmo-item-option-control" class="guidelines" role="group" aria-label=${n}>
98
- ${e.length>0?b`
99
- <div class="guideline-rows">
100
- ${C(e,(e,t)=>this._lineKey(t),(e,t)=>this._renderLine(e,t))}
101
- </div>
102
- `:x}
103
- <div class="guidelines-add">
104
- <luzmo-button
105
- class="add-guideline"
106
- treatment="outline"
107
- .size=${this.size}
108
- ?disabled=${this.disabled}
109
- @click=${this._handleAdd}
110
- >
111
- <luzmo-icon slot="icon" .icon=${o} .size=${this.size}></luzmo-icon>
112
- ${t(`Add guideline`,{id:`item-option-guidelines-add`,desc:`Button that adds a chart guideline`})}
113
- </luzmo-button>
114
- </div>
115
- ${this._guidelines&&e.length>0?this._renderSharedStyle(this._guidelines):x}
116
- </div>
117
- `}};r([S({attribute:!1})],$.prototype,`value`,void 0),r([S({attribute:!1})],$.prototype,`lineTypes`,void 0),r([S({attribute:!1})],$.prototype,`lineTypeLabels`,void 0),r([S({type:String,reflect:!0,attribute:`default-color`})],$.prototype,`defaultColor`,void 0),r([S({type:Number,reflect:!0})],$.prototype,`debounce`,void 0),r([w()],$.prototype,`_guidelines`,void 0),$=r([i()],$),typeof customElements<`u`&&!customElements.get(`luzmo-item-option-guidelines`)&&customElements.define(`luzmo-item-option-guidelines`,$);export{h as CARTESIAN_GUIDELINE_LINE_TYPES,_ as DEFAULT_GUIDELINE_COLOR_DARK,p as DEFAULT_GUIDELINE_COLOR_LIGHT,d as DEFAULT_GUIDELINE_DEBOUNCE,g as DEFAULT_GUIDELINE_STYLE,v as DEFAULT_NUMERIC_GUIDELINE_VALUE,f as GUIDELINE_LINE_TYPES,m as GUIDELINE_STYLE_TYPES,y as GUIDELINE_WIDTHS,$ as LuzmoItemOptionGuidelines};
@@ -1,298 +0,0 @@
1
-
2
- import{i as e,r as t}from"./version-BW4Ixl63.js";import{p as n}from"./chart-helpers-DsIGsaDc.js";import{n as r}from"./data-broker-DXDyIrj_.js";import{n as i,t as a}from"./themes-C2pxFlIq.js";import{t as o}from"./task-BlhDPTQS.js";import{b as s}from"./item-slot-picker-panel-D4BMxGs9.js";import{html as c,ifDefined as l,property as u,unsafeCSS as d}from"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.6.1/standalone/lit.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.6.1/standalone/divider.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.6.1/standalone/accordion.js";var f={"area-chart":()=>import(`./area-chart-options.config-BMvUma_d.js`),"bar-chart":()=>import(`./bar-chart-options.config-BpHqXBFq.js`),"box-plot":()=>import(`./box-plot-options.config-DDWb_KmV.js`),"bubble-chart":()=>import(`./bubble-chart-options.config-BKPTymfC.js`),"bullet-chart":()=>import(`./bullet-chart-options.config-BhYe0N0o.js`),"choropleth-map":()=>import(`./choropleth-map-options.config-Cs4Kvr9h.js`),"circle-pack-chart":()=>import(`./circle-pack-chart-options.config-CjDkh4DG.js`),"circular-gauge":()=>import(`./circular-gauge-options.config-p2zb-ORR.js`),"column-chart":()=>import(`./column-chart-options.config-YIe6cMV5.js`),"combination-chart":()=>import(`./combination-chart-options.config-Bf7cNmpc.js`),"conditional-number":()=>import(`./conditional-number-options.config-hdARPTD7.js`),"date-comparison-filter":()=>import(`./date-comparison-filter-options.config-a_qCDcWA.js`),"date-filter":()=>import(`./date-filter-options.config-DHTbxiWn.js`),"donut-chart":()=>import(`./donut-chart-options.config-DWpePR5V.js`),"dropdown-filter":()=>import(`./dropdown-filter-options.config-zwR7hmkX.js`),"evolution-number":()=>import(`./evolution-number-options.config-Brbyq_TD.js`),"funnel-chart":()=>import(`./funnel-chart-options.config-S1yxc6IG.js`),"heat-map":()=>import(`./heat-map-options.config-DF5kjOOe.js`),"heat-table":()=>import(`./heat-table-options.config-DaePzfHG.js`),"hexbin-map":()=>import(`./hexbin-map-options.config-Elr44Jin.js`),image:()=>import(`./image-options.config-Cj4r1ypi.js`),kpi:()=>import(`./kpi-options.config-DGl2N2HJ.js`),"line-chart":()=>import(`./line-chart-options.config--_LXaPbB.js`),"marker-map":()=>import(`./marker-map-options.config-D_OTOZRe.js`),"ohlc-chart":()=>import(`./ohlc-chart-options.config-kyYOgBtR.js`),"parallel-coordinates-plot":()=>import(`./parallel-coordinates-plot-options.config-BcIYCRdF.js`),"pivot-table":()=>import(`./pivot-table-options.config-BZpId1ju.js`),"pyramid-chart":()=>import(`./pyramid-chart-options.config-xYIVE_ib.js`),"radar-chart":()=>import(`./radar-chart-options.config-CoGFqCqy.js`),"regular-table":()=>import(`./regular-table-options.config-BnhDzc-m.js`),"route-map":()=>import(`./route-map-options.config-D7FfzIiU.js`),"sankey-diagram":()=>import(`./sankey-diagram-options.config-Curc2-If.js`),"scatter-plot":()=>import(`./scatter-plot-options.config-DG9Ki-mt.js`),"search-filter":()=>import(`./search-filter-options.config-DPhYMtlJ.js`),"slicer-filter":()=>import(`./slicer-filter-options.config-BQ1vpcTb.js`),"slider-filter":()=>import(`./slider-filter-options.config-ZCkBkeXQ.js`),spacer:()=>import(`./spacer-options.config-DmYOnwBz.js`),"speedometer-chart":()=>import(`./speedometer-chart-options.config-YmUv49lQ.js`),"spike-map":()=>import(`./spike-map-options.config-CZiFzDm9.js`),"strip-plot":()=>import(`./strip-plot-options.config-D84diNaB.js`),"sunburst-chart":()=>import(`./sunburst-chart-options.config-DOBSe3i5.js`),"symbol-map":()=>import(`./symbol-map-options.config-Bbb3xIKg.js`),text:()=>import(`./text-options.config-Chv14kyQ.js`),"treemap-chart":()=>import(`./treemap-chart-options.config-DxkumoYq.js`),"venn-diagram":()=>import(`./venn-diagram-options.config-DmYOnwBz.js`),video:()=>import(`./video-options.config-CfgT_MAw.js`),"wordcloud-chart":()=>import(`./wordcloud-chart-options.config-b-ibtRWp.js`)},p={"area-chart:de":()=>import(`./area-chart-options.de-CiUYKjuF.js`),"area-chart:en":()=>import(`./area-chart-options.en-ClANS4ox.js`),"area-chart:es":()=>import(`./area-chart-options.es-CJ9G7w-d.js`),"area-chart:fr":()=>import(`./area-chart-options.fr-HT5lv1Xa.js`),"area-chart:nl":()=>import(`./area-chart-options.nl-BLkEkEtR.js`),"bar-chart:de":()=>import(`./bar-chart-options.de-BFaQAeSt.js`),"bar-chart:en":()=>import(`./bar-chart-options.en-uZbbpK84.js`),"bar-chart:es":()=>import(`./bar-chart-options.es-twNx5B2m.js`),"bar-chart:fr":()=>import(`./bar-chart-options.fr-DRaaaSSH.js`),"bar-chart:nl":()=>import(`./bar-chart-options.nl-CJiMjH5v.js`),"box-plot:de":()=>import(`./box-plot-options.de-CI5qJAF7.js`),"box-plot:en":()=>import(`./box-plot-options.en-BQtMNcl5.js`),"box-plot:es":()=>import(`./box-plot-options.es-CHjivUoY.js`),"box-plot:fr":()=>import(`./box-plot-options.fr-FkvAk1kX.js`),"box-plot:nl":()=>import(`./box-plot-options.nl-BRnSzvbY.js`),"bubble-chart:de":()=>import(`./bubble-chart-options.de-C4pA9ZdS.js`),"bubble-chart:en":()=>import(`./bubble-chart-options.en-DM-MH8pT.js`),"bubble-chart:es":()=>import(`./bubble-chart-options.es-C2VE7E7k.js`),"bubble-chart:fr":()=>import(`./bubble-chart-options.fr-BugyvkW9.js`),"bubble-chart:nl":()=>import(`./bubble-chart-options.nl-oDPNybDE.js`),"bullet-chart:de":()=>import(`./bullet-chart-options.de-kCP9VTDJ.js`),"bullet-chart:en":()=>import(`./bullet-chart-options.en-CQ7u24xM.js`),"bullet-chart:es":()=>import(`./bullet-chart-options.es-CMRwpRyH.js`),"bullet-chart:fr":()=>import(`./bullet-chart-options.fr-NLzgxbaB.js`),"bullet-chart:nl":()=>import(`./bullet-chart-options.nl-BxNIes0u.js`),"choropleth-map:de":()=>import(`./choropleth-map-options.de-eALhIYgW.js`),"choropleth-map:en":()=>import(`./choropleth-map-options.en-DNdPCTz7.js`),"choropleth-map:es":()=>import(`./choropleth-map-options.es-BoHXBNpE.js`),"choropleth-map:fr":()=>import(`./choropleth-map-options.fr-Di8f-OWA.js`),"choropleth-map:nl":()=>import(`./choropleth-map-options.nl-XKS-glHm.js`),"circle-pack-chart:de":()=>import(`./circle-pack-chart-options.de-Dwf0pYf1.js`),"circle-pack-chart:en":()=>import(`./circle-pack-chart-options.en-DhCFF4vx.js`),"circle-pack-chart:es":()=>import(`./circle-pack-chart-options.es-DDKEbXse.js`),"circle-pack-chart:fr":()=>import(`./circle-pack-chart-options.fr-Dezqd3QL.js`),"circle-pack-chart:nl":()=>import(`./circle-pack-chart-options.nl-BNXyskRD.js`),"circular-gauge:de":()=>import(`./circular-gauge-options.de-DXGoiD0i.js`),"circular-gauge:en":()=>import(`./circular-gauge-options.en-SHYrAgsX.js`),"circular-gauge:es":()=>import(`./circular-gauge-options.es-D4xJXTQ-.js`),"circular-gauge:fr":()=>import(`./circular-gauge-options.fr-6vBd5iUe.js`),"circular-gauge:nl":()=>import(`./circular-gauge-options.nl-CDoO99Is.js`),"column-chart:de":()=>import(`./column-chart-options.de-CpCK5x2F.js`),"column-chart:en":()=>import(`./column-chart-options.en-uZbbpK84.js`),"column-chart:es":()=>import(`./column-chart-options.es-CNgSUKXK.js`),"column-chart:fr":()=>import(`./column-chart-options.fr-DRaaaSSH.js`),"column-chart:nl":()=>import(`./column-chart-options.nl-CJiMjH5v.js`),"combination-chart:de":()=>import(`./combination-chart-options.de-BarapFn7.js`),"combination-chart:en":()=>import(`./combination-chart-options.en-Dip8nNUE.js`),"combination-chart:es":()=>import(`./combination-chart-options.es-3xQbg-Up.js`),"combination-chart:fr":()=>import(`./combination-chart-options.fr-BsXLtxB_.js`),"combination-chart:nl":()=>import(`./combination-chart-options.nl-8LA_bn9G.js`),"conditional-number:de":()=>import(`./conditional-number-options.de-BNkYWqfn.js`),"conditional-number:en":()=>import(`./conditional-number-options.en-J7yPXdbP.js`),"conditional-number:es":()=>import(`./conditional-number-options.es-CKDTBiYp.js`),"conditional-number:fr":()=>import(`./conditional-number-options.fr-BX1cbt1S.js`),"conditional-number:nl":()=>import(`./conditional-number-options.nl-6IE86oA9.js`),"date-comparison-filter:de":()=>import(`./date-comparison-filter-options.de-WqpVCnC1.js`),"date-comparison-filter:en":()=>import(`./date-comparison-filter-options.en-Obm6KfbI.js`),"date-comparison-filter:es":()=>import(`./date-comparison-filter-options.es-CxYTNaTq.js`),"date-comparison-filter:fr":()=>import(`./date-comparison-filter-options.fr-DhrKNPxX.js`),"date-comparison-filter:nl":()=>import(`./date-comparison-filter-options.nl-D2RV7246.js`),"date-filter:de":()=>import(`./date-filter-options.de-B83VkpDz.js`),"date-filter:en":()=>import(`./date-filter-options.en-DKQexBC1.js`),"date-filter:es":()=>import(`./date-filter-options.es-DfDqzkVB.js`),"date-filter:fr":()=>import(`./date-filter-options.fr-DoZy8DU8.js`),"date-filter:nl":()=>import(`./date-filter-options.nl-DKtF0sFB.js`),"donut-chart:de":()=>import(`./donut-chart-options.de-IKGJRoDL.js`),"donut-chart:en":()=>import(`./donut-chart-options.en-O2IK3YiS.js`),"donut-chart:es":()=>import(`./donut-chart-options.es-gKAHuFAU.js`),"donut-chart:fr":()=>import(`./donut-chart-options.fr-Q-uMrtQG.js`),"donut-chart:nl":()=>import(`./donut-chart-options.nl-B6v6jK4l.js`),"dropdown-filter:de":()=>import(`./dropdown-filter-options.de-dj6aTNQQ.js`),"dropdown-filter:en":()=>import(`./dropdown-filter-options.en-DH7Jfk8Q.js`),"dropdown-filter:es":()=>import(`./dropdown-filter-options.es-K2L8ln9j.js`),"dropdown-filter:fr":()=>import(`./dropdown-filter-options.fr-CMapzFiR.js`),"dropdown-filter:nl":()=>import(`./dropdown-filter-options.nl-BLAyit4D.js`),"evolution-number:de":()=>import(`./evolution-number-options.de-NPOdl5mB.js`),"evolution-number:en":()=>import(`./evolution-number-options.en-Eq53ZOMK.js`),"evolution-number:es":()=>import(`./evolution-number-options.es-WS8nAzvW.js`),"evolution-number:fr":()=>import(`./evolution-number-options.fr-DmcY0jGH.js`),"evolution-number:nl":()=>import(`./evolution-number-options.nl-CvjB2qil.js`),"funnel-chart:de":()=>import(`./funnel-chart-options.de-u5OrFyng.js`),"funnel-chart:en":()=>import(`./funnel-chart-options.en-BEGSBn35.js`),"funnel-chart:es":()=>import(`./funnel-chart-options.es-CxWkEgMs.js`),"funnel-chart:fr":()=>import(`./funnel-chart-options.fr-DZmmgK2t.js`),"funnel-chart:nl":()=>import(`./funnel-chart-options.nl-C6BitaEJ.js`),"heat-map:de":()=>import(`./heat-map-options.de-BfJMMX2Q.js`),"heat-map:en":()=>import(`./heat-map-options.en-Dr653pN6.js`),"heat-map:es":()=>import(`./heat-map-options.es-CklrBP1w.js`),"heat-map:fr":()=>import(`./heat-map-options.fr-DwtCOHrA.js`),"heat-map:nl":()=>import(`./heat-map-options.nl-DQBLussF.js`),"heat-table:de":()=>import(`./heat-table-options.de-B4y9dcra.js`),"heat-table:en":()=>import(`./heat-table-options.en-Bouip0NE.js`),"heat-table:es":()=>import(`./heat-table-options.es-BRAQP8GK.js`),"heat-table:fr":()=>import(`./heat-table-options.fr-CTzciHeO.js`),"heat-table:nl":()=>import(`./heat-table-options.nl-DzmWrTeQ.js`),"hexbin-map:de":()=>import(`./hexbin-map-options.de-C45yz1mZ.js`),"hexbin-map:en":()=>import(`./hexbin-map-options.en-CIrLRJJ1.js`),"hexbin-map:es":()=>import(`./hexbin-map-options.es-wf4yF2eW.js`),"hexbin-map:fr":()=>import(`./hexbin-map-options.fr-C0SN47Nq.js`),"hexbin-map:nl":()=>import(`./hexbin-map-options.nl-CweMyvfk.js`),"image:de":()=>import(`./image-options.de-CFUHfYzb.js`),"image:en":()=>import(`./image-options.en-BIyq9f_H.js`),"image:es":()=>import(`./image-options.es-BD---IOk.js`),"image:fr":()=>import(`./image-options.fr-BGFgsNTs.js`),"image:nl":()=>import(`./image-options.nl-DD1JEJSa.js`),"kpi:de":()=>import(`./kpi-options.de-CJMQBEs7.js`),"kpi:en":()=>import(`./kpi-options.en-BzKmi3Bd.js`),"kpi:es":()=>import(`./kpi-options.es-BTmFYV0w.js`),"kpi:fr":()=>import(`./kpi-options.fr-mlazGpRq.js`),"kpi:nl":()=>import(`./kpi-options.nl-BV1eFo_U.js`),"line-chart:de":()=>import(`./line-chart-options.de-CCCH4dI_.js`),"line-chart:en":()=>import(`./line-chart-options.en-BwtEj00F.js`),"line-chart:es":()=>import(`./line-chart-options.es-BWWaIDbd.js`),"line-chart:fr":()=>import(`./line-chart-options.fr-Rp7fs4Id.js`),"line-chart:nl":()=>import(`./line-chart-options.nl-DcgJ9CUw.js`),"marker-map:de":()=>import(`./marker-map-options.de-SuCAxwxR.js`),"marker-map:en":()=>import(`./marker-map-options.en-B-gl_14v.js`),"marker-map:es":()=>import(`./marker-map-options.es-CSJGCzjk.js`),"marker-map:fr":()=>import(`./marker-map-options.fr-D5P_HjSn.js`),"marker-map:nl":()=>import(`./marker-map-options.nl-DdeyYFJQ.js`),"ohlc-chart:de":()=>import(`./ohlc-chart-options.de-DeQ8wdeE.js`),"ohlc-chart:en":()=>import(`./ohlc-chart-options.en-DopM1kPj.js`),"ohlc-chart:es":()=>import(`./ohlc-chart-options.es-BKjQWwH0.js`),"ohlc-chart:fr":()=>import(`./ohlc-chart-options.fr-DWhV_lXz.js`),"ohlc-chart:nl":()=>import(`./ohlc-chart-options.nl-D8lhNKIv.js`),"parallel-coordinates-plot:de":()=>import(`./parallel-coordinates-plot-options.de-Dvi0gBbB.js`),"parallel-coordinates-plot:en":()=>import(`./parallel-coordinates-plot-options.en-LdifcLcc.js`),"parallel-coordinates-plot:es":()=>import(`./parallel-coordinates-plot-options.es-DNisZWdC.js`),"parallel-coordinates-plot:fr":()=>import(`./parallel-coordinates-plot-options.fr-DwOBR0cp.js`),"parallel-coordinates-plot:nl":()=>import(`./parallel-coordinates-plot-options.nl-DCXeTldD.js`),"pivot-table:de":()=>import(`./pivot-table-options.de-B0l711Q7.js`),"pivot-table:en":()=>import(`./pivot-table-options.en-D3MYHTWH.js`),"pivot-table:es":()=>import(`./pivot-table-options.es-CDACogGQ.js`),"pivot-table:fr":()=>import(`./pivot-table-options.fr-C-w1sys8.js`),"pivot-table:nl":()=>import(`./pivot-table-options.nl-Dy9VJ1bm.js`),"pyramid-chart:de":()=>import(`./pyramid-chart-options.de-CaxalCcg.js`),"pyramid-chart:en":()=>import(`./pyramid-chart-options.en-B-weoYGh.js`),"pyramid-chart:es":()=>import(`./pyramid-chart-options.es-BahFoH3_.js`),"pyramid-chart:fr":()=>import(`./pyramid-chart-options.fr-DcTxsNGH.js`),"pyramid-chart:nl":()=>import(`./pyramid-chart-options.nl-ChImCr8r.js`),"radar-chart:de":()=>import(`./radar-chart-options.de-vruPXtB4.js`),"radar-chart:en":()=>import(`./radar-chart-options.en-D8rstMVn.js`),"radar-chart:es":()=>import(`./radar-chart-options.es-By21lK8S.js`),"radar-chart:fr":()=>import(`./radar-chart-options.fr-C4b5cJxg.js`),"radar-chart:nl":()=>import(`./radar-chart-options.nl-CzEi0MTf.js`),"regular-table:de":()=>import(`./regular-table-options.de-DPmii-jp.js`),"regular-table:en":()=>import(`./regular-table-options.en-DQugncwx.js`),"regular-table:es":()=>import(`./regular-table-options.es-DzbTEFoh.js`),"regular-table:fr":()=>import(`./regular-table-options.fr-roRCzuK8.js`),"regular-table:nl":()=>import(`./regular-table-options.nl-DxYUm_Rz.js`),"route-map:de":()=>import(`./route-map-options.de-Ke-Bybpi.js`),"route-map:en":()=>import(`./route-map-options.en-CDXIcBc0.js`),"route-map:es":()=>import(`./route-map-options.es-CCEXcHLb.js`),"route-map:fr":()=>import(`./route-map-options.fr-BXoMKK54.js`),"route-map:nl":()=>import(`./route-map-options.nl-U52AE8MW.js`),"sankey-diagram:de":()=>import(`./sankey-diagram-options.de-Bisx6mpj.js`),"sankey-diagram:en":()=>import(`./sankey-diagram-options.en-DonChVRz.js`),"sankey-diagram:es":()=>import(`./sankey-diagram-options.es-TCXmlth5.js`),"sankey-diagram:fr":()=>import(`./sankey-diagram-options.fr-B3iAnJNW.js`),"sankey-diagram:nl":()=>import(`./sankey-diagram-options.nl-BnXZQEKn.js`),"scatter-plot:de":()=>import(`./scatter-plot-options.de-eebqIJA1.js`),"scatter-plot:en":()=>import(`./scatter-plot-options.en-5i08biJm.js`),"scatter-plot:es":()=>import(`./scatter-plot-options.es-Bx8kHesL.js`),"scatter-plot:fr":()=>import(`./scatter-plot-options.fr-DK6rPCT_.js`),"scatter-plot:nl":()=>import(`./scatter-plot-options.nl-9mS62LyK.js`),"search-filter:de":()=>import(`./search-filter-options.de-DewLFwK0.js`),"search-filter:en":()=>import(`./search-filter-options.en-DyIupnO9.js`),"search-filter:es":()=>import(`./search-filter-options.es-Dx1WGz-q.js`),"search-filter:fr":()=>import(`./search-filter-options.fr-BdnlKNNx.js`),"search-filter:nl":()=>import(`./search-filter-options.nl-DsKcc6ke.js`),"slicer-filter:de":()=>import(`./slicer-filter-options.de-v0So4hDH.js`),"slicer-filter:en":()=>import(`./slicer-filter-options.en-BkVZDku6.js`),"slicer-filter:es":()=>import(`./slicer-filter-options.es-BATOs827.js`),"slicer-filter:fr":()=>import(`./slicer-filter-options.fr-DROih5R8.js`),"slicer-filter:nl":()=>import(`./slicer-filter-options.nl-CT4HfMiT.js`),"slider-filter:de":()=>import(`./slider-filter-options.de-BToTmIkJ.js`),"slider-filter:en":()=>import(`./slider-filter-options.en-Du0cf6NC.js`),"slider-filter:es":()=>import(`./slider-filter-options.es-6yGUkJ9r.js`),"slider-filter:fr":()=>import(`./slider-filter-options.fr-DeupuOm1.js`),"slider-filter:nl":()=>import(`./slider-filter-options.nl-K6BEul4-.js`),"speedometer-chart:de":()=>import(`./speedometer-chart-options.de-CWVMBrx9.js`),"speedometer-chart:en":()=>import(`./speedometer-chart-options.en-DtCdA113.js`),"speedometer-chart:es":()=>import(`./speedometer-chart-options.es-BC1Y-Hje.js`),"speedometer-chart:fr":()=>import(`./speedometer-chart-options.fr-BqnVNM9x.js`),"speedometer-chart:nl":()=>import(`./speedometer-chart-options.nl-D2dmDbhJ.js`),"spike-map:de":()=>import(`./spike-map-options.de-cIVh4l8Z.js`),"spike-map:en":()=>import(`./spike-map-options.en-CKjynYQl.js`),"spike-map:es":()=>import(`./spike-map-options.es-_GxcrK73.js`),"spike-map:fr":()=>import(`./spike-map-options.fr-DHi_gHN6.js`),"spike-map:nl":()=>import(`./spike-map-options.nl-Bicq35x0.js`),"strip-plot:de":()=>import(`./strip-plot-options.de-DjNnWJl2.js`),"strip-plot:en":()=>import(`./strip-plot-options.en-Of1sTT_A.js`),"strip-plot:es":()=>import(`./strip-plot-options.es-BEHY8I7g.js`),"strip-plot:fr":()=>import(`./strip-plot-options.fr-DLfEoXBO.js`),"strip-plot:nl":()=>import(`./strip-plot-options.nl-CA3oh18P.js`),"sunburst-chart:de":()=>import(`./sunburst-chart-options.de-D3iq4Q-m.js`),"sunburst-chart:en":()=>import(`./sunburst-chart-options.en-BUJ_Pr9C.js`),"sunburst-chart:es":()=>import(`./sunburst-chart-options.es-stKrKGz2.js`),"sunburst-chart:fr":()=>import(`./sunburst-chart-options.fr-RkBtlMNp.js`),"sunburst-chart:nl":()=>import(`./sunburst-chart-options.nl-BUeDNot_.js`),"symbol-map:de":()=>import(`./symbol-map-options.de-CqxosoVr.js`),"symbol-map:en":()=>import(`./symbol-map-options.en-DT7vsjRh.js`),"symbol-map:es":()=>import(`./symbol-map-options.es-PGR-C-uM.js`),"symbol-map:fr":()=>import(`./symbol-map-options.fr-CPNydqFW.js`),"symbol-map:nl":()=>import(`./symbol-map-options.nl-BBHmJwLF.js`),"text:de":()=>import(`./text-options.de-CRVu5VAm.js`),"text:en":()=>import(`./text-options.en-CupCY5Us.js`),"text:es":()=>import(`./text-options.es-uKgRI4LZ.js`),"text:fr":()=>import(`./text-options.fr-C256Njqd.js`),"text:nl":()=>import(`./text-options.nl-CpMqMCOZ.js`),"treemap-chart:de":()=>import(`./treemap-chart-options.de-DdhcpjTu.js`),"treemap-chart:en":()=>import(`./treemap-chart-options.en-DB87QjbN.js`),"treemap-chart:es":()=>import(`./treemap-chart-options.es-DEImFeIB.js`),"treemap-chart:fr":()=>import(`./treemap-chart-options.fr-BzM5c_vV.js`),"treemap-chart:nl":()=>import(`./treemap-chart-options.nl-CFJgBJi2.js`),"video:de":()=>import(`./video-options.de-Cxs3-JN3.js`),"video:en":()=>import(`./video-options.en-ck74JByC.js`),"video:es":()=>import(`./video-options.es-UdEH3Rzk.js`),"video:fr":()=>import(`./video-options.fr-p5bOI-bw.js`),"video:nl":()=>import(`./video-options.nl-CBYWp-Df.js`),"wordcloud-chart:de":()=>import(`./wordcloud-chart-options.de-B0CeI2KB.js`),"wordcloud-chart:en":()=>import(`./wordcloud-chart-options.en-BQ-8ciOw.js`),"wordcloud-chart:es":()=>import(`./wordcloud-chart-options.es-DyMrHpJL.js`),"wordcloud-chart:fr":()=>import(`./wordcloud-chart-options.fr-V1k_70yq.js`),"wordcloud-chart:nl":()=>import(`./wordcloud-chart-options.nl-CrfYuaYy.js`)},m=async e=>{try{let t=f[e];return t?(await t())?.default??null:null}catch{return null}},h=async(e,t)=>{try{let n=p[`${e}:${t}`];if(!n)return null;let r=await n();if(!r?.default)return null;let[{getAxisTranslations:i},{getInfoTooltipTranslations:a},{getInteractivityTranslations:o}]=await Promise.all([import(`./axis-options.i18n-BiaLcciz.js`),import(`./info-tooltip-options.i18n-B_gjTq0R.js`),import(`./interactivity-options.i18n-BLDCmZkC.js`)]),s=[i(t),a(t),o(t)];return{...r.default,groups:Object.assign({},...s.map(e=>e.groups),r.default.groups),options:Object.assign({},...s.map(e=>e.options),r.default.options)}}catch{return null}},g=e=>e?m(e):Promise.resolve(null),_=async(e,t,n=!1)=>{if(!e||!t)return null;let r=await h(e,t);return!r&&n&&t!==`en`&&(r=await h(e,`en`)),r??null},v=[`value`,`average`,`median`,`average open`,`average close`],y=[`0`,`1,2`,`3,3`],b=[`1`,`2`,`3`],x=[`value`,`average`,`median`],S={type:`3,3`,width:`1`},C=`rgba(0, 0, 0, 0.3)`,w=`rgba(255, 255, 255, 0.7)`,ee=0,T=200,E=(e,t,n)=>{let r=t=>{for(let i of t??[]){if(i.key===e)return n?i:i.control;if(i.children){let e=r(i.children);if(e)return e}}return null};if(t&&Array.isArray(t))for(let e of t){let t=r(e.children);if(t)return t}return null},D=`:host{font-family:var(--luzmo-item-option-font-family,var(--luzmo-font-family));font-size:var(--luzmo-item-option-font-size,var(--luzmo-font-size));display:block;overflow:visible}:host([size=s]){font-size:var(--luzmo-item-option-font-size-s,var(--luzmo-font-size-s))}:host([size=l]){font-size:var(--luzmo-item-option-font-size-l,var(--luzmo-font-size-l))}:host([size=xl]){font-size:var(--luzmo-item-option-font-size-xl,var(--luzmo-font-size-xl))}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}`,O=e=>{let t;return typeof e?.controlInfo?.default==`function`?t=e.controlInfo.default({options:e.options,slots:e.slots,theme:e.theme}):e.controlInfo?.default!==void 0&&e.controlInfo?.default!==null&&(t=e.controlInfo.default),t},k=e=>{let t;if(typeof e.controlInfo?.extraLabel==`function`?t=e.controlInfo.extraLabel({options:e.options,slots:e.slots,theme:e.theme}):typeof e.controlInfo?.extraLabel==`string`&&(t=e.controlInfo.extraLabel),typeof t==`string`){let n=e.translations?.options?.[e.optionKey]?.extraLabel;typeof n==`string`?t=n:n&&typeof n==`object`&&(t=n[t]??t)}let n;if(typeof e.controlInfo?.extraLabelTooltip==`function`?n=e.controlInfo.extraLabelTooltip({options:e.options,slots:e.slots,theme:e.theme}):typeof e.controlInfo?.extraLabelTooltip==`string`&&(n=e.controlInfo.extraLabelTooltip),typeof n==`string`){let t=e.translations?.options?.[e.optionKey]?.extraLabelTooltip;typeof t==`string`?n=t:t&&typeof t==`object`&&(n=t[n]??n)}let r;typeof e.controlInfo?.extraLabelHasClickAction==`function`?r=e.controlInfo.extraLabelHasClickAction({options:e.options,slots:e.slots,theme:e.theme}):typeof e.controlInfo?.extraLabelHasClickAction==`boolean`&&(r=e.controlInfo.extraLabelHasClickAction);let i=typeof e.controlInfo?.extraLabelClickAction==`function`?()=>e.controlInfo.extraLabelClickAction({options:e.options,slots:e.slots,theme:e.theme}):()=>{};return{extraLabel:t,extraLabelTooltip:n,extraLabelHasClickAction:r,extraLabelClickAction:i}},A=(e,t)=>{let n=e?.options??{};if(typeof e?.controlInfo?.calculateValue==`function`)return e.controlInfo.calculateValue({options:n});if(t.includes(`.`)){let e=t.split(`.`),r=n;for(let t=0;t<e.length-1;t++)r=r[e[t]]??{};let i=e.length-1;return r[e[i]]}return n[t]},te=/^(0|[1-9]\d*)$/,ne=e=>typeof e==`object`&&!!e,j=e=>te.test(e)?[]:{},M=(e,t,n)=>{let[r,...i]=t,a=Array.isArray(e)?[...e]:{...e},o=a;if(i.length===0)return o[r]=n,a;let s=o[r];return o[r]=M(ne(s)?s:j(i[0]),i,n),a},N=(e,t,n)=>{let r=t.split(`.`).filter(Boolean);if(r.length===0)return e;if(r.includes(`__proto__`))throw Error(`Unsafe nested path segment: __proto__`);return M(e,r,n)},P=e=>t=>{let n={...e.options};return typeof e?.controlInfo?.toOptions==`function`?n=e.controlInfo.toOptions({options:n,value:t?.detail?.value}):e.optionKey.includes(`.`)?n=N(n,e.optionKey,t.detail.value):n[e.optionKey]=t.detail.value,e.changeCallback(n)},F=e=>{let t=e.translations?.options?.[e.optionKey]?.label??e.controlInfo?.label??e.optionKey??``,n=e.size,r={};Object.keys(e.controlInfo?.values).forEach(t=>{r[t]={...e.controlInfo?.values[t],label:e.translations?.options?.[e.optionKey]?.enum?.[t]??e.controlInfo?.values[t].label}});let i=e.translations?.options?.[e.optionKey]?.tooltip??e.controlInfo?.tooltip,a=A(e,e.optionKey),o=O(e),{extraLabel:s,extraLabelTooltip:l,extraLabelHasClickAction:u,extraLabelClickAction:d}=k(e),f=P(e);return c`
3
- <luzmo-item-option-action-button-group
4
- .label=${t}
5
- ?hide-label=${e.controlInfo?.hideLabel}
6
- .value=${a}
7
- .values=${r}
8
- .default=${o}
9
- .selects=${e.controlInfo?.selects}
10
- .size=${n}
11
- .tooltip=${i}
12
- .extraLabel=${s}
13
- .extraLabelTooltip=${l}
14
- .extraLabelHasClickAction=${u}
15
- @luzmo-extra-label-click=${d}
16
- @luzmo-option-changed=${f}
17
- .parseValue=${e.controlInfo?.parseValue}
18
- .toValue=${e.controlInfo?.toValue}
19
- ></luzmo-item-option-action-button-group>
20
- `},I=e=>{let t;return typeof e?.controlInfo?.enum==`function`?t=e.controlInfo.enum({options:e.options,slots:e.slots,theme:e.theme}):e.controlInfo?.enum!==void 0&&e.controlInfo?.enum!==null&&(t=e.controlInfo.enum),t},L=e=>{let t=e.translations?.options?.[e.optionKey]?.label??e.controlInfo?.label??e.optionKey??``,n=A(e,e.optionKey),r=I(e),i=e.size,a=e.translations?.options?.[e.optionKey]?.tooltip??e.controlInfo?.tooltip,o=O(e),{extraLabel:s,extraLabelTooltip:l,extraLabelHasClickAction:u,extraLabelClickAction:d}=k(e),f=P(e);return c`
21
- <luzmo-item-option-color-palette-picker
22
- .value=${n??o}
23
- .values=${r}
24
- .label=${t}
25
- ?hide-label=${e.controlInfo?.hideLabel}
26
- .size=${i}
27
- .tooltip=${a}
28
- .extraLabel=${s}
29
- .extraLabelTooltip=${l}
30
- .extraLabelHasClickAction=${u}
31
- @luzmo-extra-label-click=${()=>{if(typeof d==`function`){let{options:t}=d();return e.changeCallback(t)}}}
32
- @luzmo-option-changed=${f}
33
- .parseValue=${e.controlInfo?.parseValue}
34
- .toValue=${e.controlInfo?.toValue}
35
- ></luzmo-item-option-color-palette-picker>
36
- `},R=e=>{let t=e.translations?.options?.[e.optionKey]?.label??e.controlInfo?.label??e.optionKey??``,n=A(e,e.optionKey),r=e.size,i=e.translations?.options?.[e.optionKey]?.tooltip??e.controlInfo?.tooltip,a=O(e),{extraLabel:o,extraLabelTooltip:s,extraLabelHasClickAction:l,extraLabelClickAction:u}=k(e),d=P(e);return c`
37
- <luzmo-item-option-color-picker
38
- .value=${n??a}
39
- .label=${t}
40
- ?hide-label=${e.controlInfo?.hideLabel}
41
- .size=${r}
42
- .tooltip=${i}
43
- .extraLabel=${o}
44
- .extraLabelTooltip=${s}
45
- .extraLabelHasClickAction=${l}
46
- @luzmo-extra-label-click=${()=>{if(typeof u==`function`){let{options:t}=u();return e.changeCallback(t)}}}
47
- @luzmo-option-changed=${d}
48
- .parseValue=${e.controlInfo?.parseValue}
49
- .toValue=${e.controlInfo?.toValue}
50
- ></luzmo-item-option-color-picker>
51
- `},z=e=>{let t=e.translations?.options?.[e.optionKey]?.label??e.controlInfo?.label??e.optionKey??``,n=A(e,e.optionKey),r=e.size,i=e.translations?.options?.[e.optionKey]?.tooltip??e.controlInfo?.tooltip,a=O(e),o=typeof e?.controlInfo?.percentage==`function`?e.controlInfo.percentage(e):e.controlInfo.percentage,s=typeof e?.controlInfo?.reverse==`function`?e.controlInfo.reverse(e):e.controlInfo.reverse,l=typeof e?.controlInfo?.noAlphaChannel==`function`?e.controlInfo.noAlphaChannel(e):e.controlInfo.noAlphaChannel,u=typeof e?.controlInfo?.editRangeSize==`function`?e.controlInfo.editRangeSize(e):e.controlInfo.editRangeSize,d=typeof e?.controlInfo?.minimumRangeSize==`function`?e.controlInfo.minimumRangeSize(e):e.controlInfo.minimumRangeSize,f=typeof e?.controlInfo?.negativeInfinityValue==`function`?e.controlInfo.negativeInfinityValue(e):e.controlInfo.negativeInfinityValue,p=typeof e?.controlInfo?.noValues==`function`?e.controlInfo.noValues(e):e.controlInfo.noValues,m=typeof e?.controlInfo?.readOnlyColorPicker==`function`?e.controlInfo.readOnlyColorPicker(e):e.controlInfo.readOnlyColorPicker,{extraLabel:h,extraLabelTooltip:g,extraLabelHasClickAction:_,extraLabelClickAction:v}=k(e),y=P(e);return c`
52
- <luzmo-item-option-color-range
53
- .value=${n??a}
54
- .label=${t}
55
- .size=${r}
56
- .tooltip=${i}
57
- ?hide-label=${e.controlInfo?.hideLabel}
58
- .extraLabel=${h}
59
- .extraLabelTooltip=${g}
60
- .extraLabelHasClickAction=${_}
61
- .debounce=${e.controlInfo?.debounce}
62
- ?reverse=${s}
63
- ?percentage=${o}
64
- ?no-alpha-channel=${l}
65
- ?edit-range-size=${u}
66
- ?no-values=${p}
67
- ?read-only-color-picker=${m}
68
- .minimum-range-size=${d}
69
- ?negative-infinity-value=${f}
70
- @luzmo-extra-label-click=${()=>{if(typeof v==`function`){let{options:t}=v();return e.changeCallback(t)}}}
71
- @luzmo-option-changed=${y}
72
- .parseValue=${e.controlInfo?.parseValue}
73
- .toValue=${e.controlInfo?.toValue}
74
- ></luzmo-item-option-color-range>
75
- `},B=e=>{let t=e.translations?.options?.[e.optionKey]?.label??e.controlInfo?.label??e.optionKey,n=A(e,e.optionKey),r=O(e),i=I(e),a=Array.isArray(i)?i:[],o=e.translations?.options?.[e.optionKey]?.enum??{},s=e.theme?.editDarkOrLight===`dark-edit`?w:C,{extraLabel:l,extraLabelTooltip:u,extraLabelHasClickAction:d,extraLabelClickAction:f}=k(e),p=P(e);return c`
76
- <luzmo-item-option-guidelines
77
- hide-label
78
- .label=${t}
79
- .value=${n??r}
80
- .lineTypes=${a}
81
- .lineTypeLabels=${o}
82
- .defaultColor=${s}
83
- .size=${e.size}
84
- .language=${e.language}
85
- .extraLabel=${l}
86
- .extraLabelTooltip=${u}
87
- .extraLabelHasClickAction=${d}
88
- .debounce=${e.controlInfo?.debounce??200}
89
- @luzmo-extra-label-click=${()=>{let t=f();if(t&&typeof t==`object`&&`options`in t)return e.changeCallback(t.options)}}
90
- @luzmo-option-changed=${p}
91
- ></luzmo-item-option-guidelines>
92
- `},V=e=>{let t=e.translations?.options?.[e.optionKey]?.label??e.controlInfo?.label??e.optionKey??``,n=A(e,e.optionKey)??{},r=e.translations?.options?.[e.optionKey]?.tooltip??e.controlInfo?.tooltip,i=e.language??`en`,a={[i]:e.translations?.options?.[e.optionKey]?.placeholder??e.controlInfo?.placeholder??``},o=e.size,s=O(e),{extraLabel:u,extraLabelTooltip:d,extraLabelHasClickAction:f,extraLabelClickAction:p}=k(e),m=P(e);return c`
93
- <luzmo-item-option-multi-language-field
94
- .label=${t}
95
- ?hide-label=${e.controlInfo?.hideLabel}
96
- .placeholder=${a}
97
- .value=${n??s}
98
- language=${l(i)}
99
- .size=${o}
100
- .tooltip=${r}
101
- .extraLabel=${u}
102
- .extraLabelTooltip=${d}
103
- .extraLabelHasClickAction=${f}
104
- @luzmo-extra-label-click=${p}
105
- @luzmo-option-changed=${m}
106
- .parseValue=${e.controlInfo?.parseValue}
107
- .toValue=${e.controlInfo?.toValue}
108
- ></luzmo-item-option-multi-language-field>
109
- `},H=e=>{let t=e.translations?.options?.[e.optionKey]?.label??e.controlInfo?.label??e.optionKey??``,n=e.controlInfo?.min,r=e.controlInfo?.max,i=e.controlInfo?.step,a=A(e,e.optionKey),o=e.translations?.options?.[e.optionKey]?.tooltip??e.controlInfo?.tooltip,s=O(e),l=e.size,{extraLabel:u,extraLabelTooltip:d,extraLabelHasClickAction:f,extraLabelClickAction:p}=k(e),m=P(e);return c`
110
- <luzmo-item-option-number-field
111
- .value=${a}
112
- .default=${s}
113
- .min=${n}
114
- .max=${r}
115
- .step=${i}
116
- .label=${t}
117
- ?hide-label=${e.controlInfo?.hideLabel}
118
- .size=${l}
119
- .tooltip=${o}
120
- .placeholder=${e.controlInfo?.placeholder}
121
- .minWidthInputField=${e.controlInfo?.minWidthInputField}
122
- .debounce=${e.controlInfo?.debounce}
123
- .extraLabel=${u}
124
- .extraLabelTooltip=${d}
125
- .extraLabelHasClickAction=${f}
126
- @luzmo-extra-label-click=${p}
127
- @luzmo-option-changed=${m}
128
- .parseValue=${e.controlInfo?.parseValue}
129
- .toValue=${e.controlInfo?.toValue}
130
- ></luzmo-item-option-number-field>
131
- `},U=(e,t)=>{let n={};if(Array.isArray(e)){for(let r of e)typeof r==`string`&&(n[r]=t?.[r]??r);return n}if(e&&typeof e==`object`)for(let[r,i]of Object.entries(e)){let e=t?.[r],a=typeof i==`string`?i:typeof i==`object`&&i&&`label`in i?String(i.label??r):r;n[r]=e??a??r}return n},W=e=>{let t=e.translations?.options?.[e.optionKey]?.label??e.controlInfo?.label??e.optionKey??``,n=A(e,e.optionKey),r=e.translations?.options?.[e.optionKey]?.tooltip??e.controlInfo?.tooltip,i=e.translations?.options?.[e.optionKey]?.enum,a=U(e.controlInfo?.enum,i),o=e.size,s=O(e),{extraLabel:l,extraLabelTooltip:u,extraLabelHasClickAction:d,extraLabelClickAction:f}=k(e),p=P(e);return c`
132
- <luzmo-item-option-picker
133
- .value=${n}
134
- .default=${s}
135
- .values=${a}
136
- .label=${t}
137
- ?hide-label=${e.controlInfo?.hideLabel}
138
- .tooltip=${r}
139
- .size=${o}
140
- .extraLabel=${l}
141
- .extraLabelTooltip=${u}
142
- .extraLabelHasClickAction=${d}
143
- @luzmo-extra-label-click=${f}
144
- @luzmo-option-changed=${p}
145
- .parseValue=${e.controlInfo?.parseValue}
146
- .toValue=${e.controlInfo?.toValue}
147
- ></luzmo-item-option-picker>
148
- `},G=e=>{let t=e.translations?.options?.[e.optionKey]?.label??e.controlInfo?.label,n=e.controlInfo?.enum??e.controlInfo?.positions,r=e.size,i=A(e,e.optionKey),a=e.translations?.options?.[e.optionKey]?.tooltip??e.controlInfo?.tooltip,o=O(e)??`topRight`,{extraLabel:s,extraLabelTooltip:l,extraLabelHasClickAction:u,extraLabelClickAction:d}=k(e),f=P(e);return c`
149
- <luzmo-item-option-position-picker
150
- .value=${i}
151
- .positions=${n}
152
- .default=${o}
153
- .label=${t}
154
- ?hide-label=${e.controlInfo?.hideLabel}
155
- .tooltip=${a}
156
- .size=${r}
157
- .extraLabel=${s}
158
- .extraLabelTooltip=${l}
159
- .extraLabelHasClickAction=${u}
160
- @luzmo-extra-label-click=${d}
161
- @luzmo-option-changed=${f}
162
- .readonly=${e.controlInfo?.readonly}
163
- ></luzmo-item-option-position-picker>
164
- `},K=e=>{let t=e.translations?.options?.[e.optionKey]?.label??e.controlInfo?.label,n=A(e,e.optionKey),r=e.size,i=e.translations?.options?.[e.optionKey]?.tooltip??e.controlInfo?.tooltip,a=O(e),{extraLabel:o,extraLabelTooltip:s,extraLabelHasClickAction:l,extraLabelClickAction:u}=k(e),d=P(e);return c`
165
- <luzmo-item-option-positions-number-field
166
- .values=${n??a}
167
- .positions=${e.controlInfo?.positions}
168
- .positionConfiguration=${e.controlInfo?.positionConfiguration}
169
- .label=${t}
170
- ?hide-label=${e.controlInfo?.hideLabel}
171
- .size=${r}
172
- .tooltip=${i}
173
- .extraLabel=${o}
174
- .extraLabelTooltip=${s}
175
- .extraLabelHasClickAction=${l}
176
- @luzmo-extra-label-click=${u}
177
- @luzmo-option-changed=${d}
178
- .parseValue=${e.controlInfo?.parseValue}
179
- .toValue=${e.controlInfo?.toValue}
180
- ></luzmo-item-option-positions-number-field>
181
- `},q=e=>{let t=e.translations?.options?.[e.optionKey]?.label??e.controlInfo?.label??e.optionKey??``,n=A(e,e.optionKey),r=O(e),i=e.translations?.options?.[e.optionKey]?.enum,a=U(e.controlInfo?.enum,i),o=e.size,s=e.translations?.options?.[e.optionKey]?.tooltip??e.controlInfo?.tooltip,{extraLabel:l,extraLabelTooltip:u,extraLabelHasClickAction:d,extraLabelClickAction:f}=k(e),p=P(e);return c`
182
- <luzmo-item-option-radio-button-group
183
- .value=${n??r}
184
- .values=${a}
185
- .label=${t}
186
- ?hide-label=${e.controlInfo?.hideLabel}
187
- .size=${o}
188
- .tooltip=${s}
189
- .extraLabel=${l}
190
- .extraLabelTooltip=${u}
191
- .extraLabelHasClickAction=${d}
192
- @luzmo-extra-label-click=${f}
193
- @luzmo-option-changed=${p}
194
- .parseValue=${e.controlInfo?.parseValue}
195
- .toValue=${e.controlInfo?.toValue}
196
- ></luzmo-item-option-radio-button-group>
197
- `},J=e=>{let t=e.translations?.options?.[e.optionKey]?.label??e.controlInfo?.label??e.optionKey??``,n=e.translations?.options?.[e.optionKey]?.tooltip??e.controlInfo?.tooltip,r=e.controlInfo?.min,i=e.controlInfo?.max,a=e.controlInfo?.step,o=A(e,e.optionKey),s=e.size,l=O(e),{extraLabel:u,extraLabelTooltip:d,extraLabelHasClickAction:f,extraLabelClickAction:p}=k(e),m=P(e);return c`
198
- <luzmo-item-option-slider
199
- .value=${o}
200
- .default=${l}
201
- .min=${r}
202
- .max=${i}
203
- .step=${a}
204
- .label=${t}
205
- ?hide-label=${e.controlInfo?.hideLabel}
206
- .tooltip=${n}
207
- .size=${s}
208
- .extraLabel=${u}
209
- .extraLabelTooltip=${d}
210
- .extraLabelHasClickAction=${f}
211
- @luzmo-extra-label-click=${()=>{if(typeof p==`function`){let{options:t}=p();return e.changeCallback(t)}}}
212
- @luzmo-option-changed=${m}
213
- .parseValue=${e.controlInfo?.parseValue}
214
- .toValue=${e.controlInfo?.toValue}
215
- ></luzmo-item-option-slider>
216
- `},Y=e=>{let t=e.translations?.options?.[e.optionKey]?.label??e.controlInfo?.label??e.optionKey??``,n=A(e,e.optionKey),r=e.size,i=e.translations?.options?.[e.optionKey]?.tooltip??e.controlInfo?.tooltip,a=O(e),{extraLabel:o,extraLabelTooltip:s,extraLabelHasClickAction:l,extraLabelClickAction:u}=k(e),d=P(e);return c`
217
- <luzmo-item-option-switch
218
- .value=${n??a??!1}
219
- .label=${t}
220
- ?hide-label=${e.controlInfo?.hideLabel}
221
- .size=${r}
222
- .tooltip=${i}
223
- .extraLabel=${o}
224
- .extraLabelTooltip=${s}
225
- .extraLabelHasClickAction=${l}
226
- @luzmo-extra-label-click=${u}
227
- @luzmo-option-changed=${d}
228
- .parseValue=${e.controlInfo?.parseValue}
229
- .toValue=${e.controlInfo?.toValue}
230
- ></luzmo-item-option-switch>
231
- `},X=e=>{let t=e.translations?.options?.[e.optionKey]?.label??e.controlInfo?.label??e.optionKey??``,n=e.language??`en`,r={[n]:e.translations?.options?.[e.optionKey]?.placeholder??e.controlInfo?.placeholder??``},i=A(e,e.optionKey)??``,a=e.size,o=e.translations?.options?.[e.optionKey]?.tooltip??e.controlInfo?.tooltip,s=O(e),{extraLabel:l,extraLabelTooltip:u,extraLabelHasClickAction:d,extraLabelClickAction:f}=k(e),p=P(e);return c`
232
- <luzmo-item-option-text-field
233
- .label=${t}
234
- ?hide-label=${e.controlInfo?.hideLabel}
235
- .placeholder=${r[n]}
236
- .value=${i??s}
237
- .size=${a}
238
- .tooltip=${o}
239
- .extraLabel=${l}
240
- .extraLabelTooltip=${u}
241
- .extraLabelHasClickAction=${d}
242
- @luzmo-extra-label-click=${f}
243
- @luzmo-option-changed=${p}
244
- .parseValue=${e.controlInfo?.parseValue}
245
- .toValue=${e.controlInfo?.toValue}
246
- ></luzmo-item-option-text-field>
247
- `},re=e=>{switch(e.controlType){case`picker`:return W(e);case`slider`:return J(e);case`switch`:return Y(e);case`multi-language-field`:return V(e);case`text-field`:return X(e);case`number-field`:return H(e);case`color-range`:return z(e);case`guidelines`:return B(e);case`color-palette-picker`:return L(e);case`position-picker`:return G(e);case`positions-number-field`:return K(e);case`radio-button-group`:return q(e);case`color-picker`:return R(e);case`action-button-group`:return F(e)}},Z=class extends n{constructor(...e){super(...e),this._loadItemConfig=new o(this,{task:async([e,t,n,o,s,c,l,u,d])=>{if(l||u||d){let e={};l&&(e.apiUrl=l),u&&(e.authKey=u),d&&(e.authToken=d),r.configure(e)}if(c&&c.type!==`custom`)try{if(c?.id&&i.includes(c.id))this._fullTheme=await a(c.id);else if(c?.id){let e=await r.fetchTheme(c.id);this._fullTheme=e?.theme??{}}}catch(e){console.error(`Error loading theme:`,e),this._fullTheme=c}else this._fullTheme=c?.type===`custom`?structuredClone(c):c;let f=this._getTranslationOverrides(s),p=this._getOptionTranslation(s);if(this._translationOverrides=f,o){this._optionsConfig=[{key:`custom`,children:[o]}],t=o.key,this._itemTypeLoaded=void 0,this._languageLoaded=void 0,this._translations={};let e=p??f?.[t??``],n=this._mergeOptionTranslations(void 0,e);this._effectiveTranslations=n?{options:{[t??``]:n}}:{}}else if(e){let r=e!==this._itemTypeLoaded,i=e!==this._itemTypeLoaded||n!==this._languageLoaded;if(r&&(this._optionsConfig=await g(e)??[],this._itemTypeLoaded=e),i){let t=n??`en`;this._translations=await _(e,t,!0)??{},this._languageLoaded=n}let a=this._translations.options?.[t??``],o=p??f?.[t??``],s=this._mergeOptionTranslations(a,o);this._effectiveTranslations=s?{options:{[t??``]:s}}:{}}else this._optionsConfig=[],this._translations={},this._effectiveTranslations={};let m=E(t??``,this._optionsConfig),h=m?.type;if(h!==this._controlTypeLoaded){let e=/* #__PURE__ */ Object.assign({"../item-option-action-button-group/index.ts":()=>import(`./item-option-action-button-group-BEAwPHVw.js`),"../item-option-color-palette-picker/index.ts":()=>import(`./item-option-color-palette-picker-CBz61iZb.js`),"../item-option-color-picker/index.ts":()=>import(`./item-option-color-picker-Cr7ujQNO.js`),"../item-option-color-range/index.ts":()=>import(`./item-option-color-range-CyJd1LZ_.js`),"../item-option-guidelines/index.ts":()=>import(`./item-option-guidelines-6NjpzS6b.js`),"../item-option-multi-language-field/index.ts":()=>import(`./item-option-multi-language-field-DPPpN2qg.js`),"../item-option-number-field/index.ts":()=>import(`./item-option-number-field-CkqJjInE.js`),"../item-option-panel/index.ts":()=>Promise.resolve().then(()=>$),"../item-option-picker/index.ts":()=>import(`./item-option-picker-BnwQPT9A.js`),"../item-option-position-picker/index.ts":()=>import(`./item-option-position-picker-Bkc4JvJX.js`),"../item-option-positions-number-field/index.ts":()=>import(`./item-option-positions-number-field-Dr_315TE.js`),"../item-option-radio-button-group/index.ts":()=>import(`./item-option-radio-button-group-BkymJq3E.js`),"../item-option-slider/index.ts":()=>import(`./item-option-slider-l9wt7_0c.js`),"../item-option-switch/index.ts":()=>import(`./item-option-switch-DeihDHhM.js`),"../item-option-text-field/index.ts":()=>import(`./item-option-text-field-D7bkuhsv.js`)});try{e[`../item-option-${h}/index.ts`]&&(await e[`../item-option-${h}/index.ts`](),this._controlTypeLoaded=h)}catch(e){console.error(e)}}return m},args:()=>[this.itemType,this.optionKey,this.language,this.customOptionConfiguration,this.customTranslations,this.theme,this.apiUrl,this.authKey,this.authToken]}),this.language=`en`,this.options={},this.slots=[],this.size=`m`,this._optionsConfig=[],this._translations={},this._effectiveTranslations={},this.changedOptions=e=>{this.options=e,this.dispatchEvent(new CustomEvent(`luzmo-options-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{options:e}}))}}static{this.styles=d(D)}render(){return this._loadItemConfig.render({pending:()=>c`
248
- <p role="status">Loading...</p>
249
- `,complete:e=>re({controlType:e?.type,optionKey:this.customOptionConfiguration?.key??this.optionKey??``,controlInfo:e,options:this.options,slots:this.slots,theme:this._fullTheme??this.theme,language:this.language,translations:this._effectiveTranslations,size:this.size,changeCallback:this.changedOptions}),error:t=>(console.error(t),c`
250
- <span class="sr-only" role="alert">${e(`Failed to load option`,{desc:`Error message when item option fails to load`})}</span>
251
- `)})}_getTranslationOverrides(e){if(e&&typeof e==`object`&&!(`groups`in e||`options`in e)&&!this._isOptionTranslation(e))return e}_mergeOptionTranslations(e,t){if(!e)return t;if(!t)return e;let n={...e},r=e=>{t[e]!==void 0&&(n[e]=t[e])};return r(`label`),r(`description`),r(`placeholder`),r(`tooltip`),n.extraLabel=this._mergeTranslationValue(e.extraLabel,t.extraLabel),n.extraLabelTooltip=this._mergeTranslationValue(e.extraLabelTooltip,t.extraLabelTooltip),n.enum=this._mergeTranslationRecord(e.enum,t.enum),n}_mergeTranslationValue(e,t){return t===void 0?e:typeof t==`string`?t:t&&typeof t==`object`?e&&typeof e==`object`?{...e,...t}:t:e}_mergeTranslationRecord(e,t){return t===void 0?e:e&&typeof e==`object`?{...e,...t}:t}_getOptionTranslation(e){if(e&&typeof e==`object`&&this._isOptionTranslation(e))return e}_isOptionTranslation(e){if(!e||typeof e!=`object`)return!1;let t=e,n=/* @__PURE__ */ new Set([`label`,`description`,`placeholder`,`tooltip`,`extraLabel`,`extraLabelTooltip`,`enum`]),r=Object.keys(t);if(r.length===0||!r.every(e=>n.has(e)))return!1;for(let e of[`label`,`description`,`placeholder`,`tooltip`])if(e in t&&typeof t[e]!=`string`)return!1;for(let e of[`extraLabel`,`extraLabelTooltip`]){let n=t[e];if(e in t&&typeof n!=`string`&&(typeof n!=`object`||!n))return!1}return!(`enum`in t&&(typeof t.enum!=`object`||t.enum===null))}};t([u({type:String,reflect:!0})],Z.prototype,`language`,void 0),t([u({type:String,reflect:!0,attribute:`item-type`})],Z.prototype,`itemType`,void 0),t([u({type:String,reflect:!0,attribute:`option-key`})],Z.prototype,`optionKey`,void 0),t([u({type:Object,reflect:!1})],Z.prototype,`customOptionConfiguration`,void 0),t([u({type:Object,reflect:!1})],Z.prototype,`customTranslations`,void 0),t([u({type:Object})],Z.prototype,`options`,void 0),t([u({type:Object})],Z.prototype,`slots`,void 0),t([u({type:Object})],Z.prototype,`theme`,void 0),t([u({type:String,attribute:`api-url`,reflect:!0})],Z.prototype,`apiUrl`,void 0),t([u({type:String,attribute:`auth-key`,reflect:!0})],Z.prototype,`authKey`,void 0),t([u({type:String,attribute:`auth-token`,reflect:!0})],Z.prototype,`authToken`,void 0),t([u({type:String,reflect:!0})],Z.prototype,`size`,void 0),customElements.get(`luzmo-item-option`)||customElements.define(`luzmo-item-option`,Z);var ie=`:host{font-size:var(--luzmo-item-option-panel-font-size,var(--luzmo-font-size))}:host luzmo-divider{margin:var(--luzmo-item-option-panel-divider-vertical-margin,calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2))) 0;display:block}:host luzmo-item-option{margin:var(--luzmo-item-option-divider-vertical-margin,var(--luzmo-spacing-4)) 0;display:block}:host([size=s]){font-size:var(--luzmo-item-option-panel-font-size-s,var(--luzmo-font-size-s))}:host([size=l]){font-size:var(--luzmo-item-option-panel-font-size-l,var(--luzmo-font-size-l))}:host([size=xl]){font-size:var(--luzmo-item-option-panel-font-size-xl,var(--luzmo-font-size-xl))}`,Q=class extends n{constructor(...e){super(...e),this._loadItemConfig=new o(this,{task:async([e,t,n,r])=>{let i=this._getTranslationOverrides(r),a=this._getTranslationsFile(r),o=this._hasCustomTranslationsFile;if(this._translationOverrides=i??a?.options,this._groupTranslationOverrides=i,this._hasCustomTranslationsFile=!!a,n)return this._isCustomOptionsConfiguration=!0,this._optionsConfiguration=n,this._translations=a??{},this._itemTypeLoaded=void 0,this._languageLoaded=void 0,{config:this._optionsConfiguration};if(e){let n=e!==this._itemTypeLoaded,r=e!==this._itemTypeLoaded||t!==this._languageLoaded||!a&&o;if(n&&(this._optionsConfiguration=await g(e)??[],this._itemTypeLoaded=e),a)this._translations=a,this._languageLoaded=t;else if(r){let n=t??`en`;this._translations=await _(e,n,!0)??{},this._languageLoaded=t}this._isCustomOptionsConfiguration=!1}else this._optionsConfiguration=[],this._translations=a??{};return{config:this._optionsConfiguration}},args:()=>[this.itemType,this.language,this.customOptionsConfiguration,this.customTranslations]}),this.language=`en`,this.options={},this.slots=[],this.size=`m`,this._optionsConfiguration=[],this._translations={},this._hasCustomTranslationsFile=!1,this.renderAllGroups=e=>{if(!Array.isArray(e))return c`
252
-
253
- `;let t=e?.map(e=>{if(e?.children)return this.renderGroup(e)});return e&&e.length>0?c`<luzmo-accordion
254
- variant="highlight"
255
- .size=${this.size}
256
- density="compact"
257
- allow-multiple
258
- no-content-padding
259
- header-case="uppercase"
260
- >${t}</luzmo-accordion
261
- >`:c`
262
-
263
- `},this.renderGroup=e=>{if(typeof e?.visibleIf==`function`&&!e.visibleIf({options:this.options,slots:this.slots,theme:this.theme}))return c`
264
-
265
- `;let t=e=>e?.map(e=>{if(typeof e?.visibleIf==`function`&&!e.visibleIf({options:this.options,slots:this.slots,theme:this.theme}))return c`
266
-
267
- `;if(e?.control&&e.key)return this.renderOptionControl(e.key);if(e?.type===`divider`)return this.renderDivider();if(e?.type===`group`)return c`<luzmo-accordion
268
- variant="highlight-child"
269
- .size=${this.size}
270
- density="compact"
271
- allow-multiple
272
- no-content-padding
273
- header-case="default"
274
- >${this.renderGroup(e)}</luzmo-accordion
275
- >`}),n=e.key?this._groupTranslationOverrides?.[e.key]?.label??this._translations.groups?.[e.key]?.label??e.label??e.key:e.label??``;return c`<luzmo-accordion-item label=${n} ?open=${e.open}>
276
- ${t(e.children)}
277
- </luzmo-accordion-item>`},this.changedOptions=e=>{let t=e?.detail?.options;this.options=e?.detail?.options,e.preventDefault(),e.stopPropagation(),this.dispatchEvent(new CustomEvent(`luzmo-options-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{options:t}}))},this.renderOptionControl=e=>{let t=this._isCustomOptionsConfiguration,n=t?E(e,this.customOptionsConfiguration??[],!0):void 0,r=t?this._getOptionTranslation(e):this._translationOverrides;return c`<luzmo-item-option
278
- class="control"
279
- .itemType=${t?void 0:this.itemType}
280
- .optionKey=${e}
281
- .options=${this.options}
282
- .customOptionConfiguration=${n}
283
- .customTranslations=${r}
284
- .slots=${this.slots}
285
- .theme=${this.theme}
286
- .size=${this.size}
287
- .language=${this.language}
288
- .apiUrl=${this.apiUrl}
289
- .authKey=${this.authKey}
290
- .authToken=${this.authToken}
291
- @luzmo-options-changed=${this.changedOptions}
292
- ></luzmo-item-option>`},this.renderDivider=()=>c`
293
- <luzmo-divider></luzmo-divider>
294
- `}static{this.styles=d(ie)}render(){return this._loadItemConfig.render({pending:()=>c`
295
- <p role="status">Loading...</p>
296
- `,complete:e=>this.renderAllGroups(e.config),error:e=>(console.error(e),c`
297
-
298
- `)})}_getOptionTranslation(e){return this._translationOverrides?.[e]??this._translations.options?.[e]}_getTranslationsFile(e){if(e&&typeof e==`object`&&(`groups`in e||`options`in e))return e}_getTranslationOverrides(e){if(e&&typeof e==`object`&&!(`groups`in e||`options`in e))return e}};t([u({type:String,reflect:!0})],Q.prototype,`language`,void 0),t([u({type:String,reflect:!0,attribute:`item-type`})],Q.prototype,`itemType`,void 0),t([u({type:Object})],Q.prototype,`options`,void 0),t([u({type:Object})],Q.prototype,`slots`,void 0),t([u({type:Object,reflect:!1})],Q.prototype,`customOptionsConfiguration`,void 0),t([u({type:Object,reflect:!1})],Q.prototype,`customTranslations`,void 0),t([u({type:Object})],Q.prototype,`theme`,void 0),t([u({type:String,reflect:!0})],Q.prototype,`size`,void 0),t([u({type:String,attribute:`api-url`,reflect:!0})],Q.prototype,`apiUrl`,void 0),t([u({type:String,attribute:`auth-key`,reflect:!0})],Q.prototype,`authKey`,void 0),t([u({type:String,attribute:`auth-token`,reflect:!0})],Q.prototype,`authToken`,void 0);var $=/* @__PURE__ */ s({LuzmoItemOptionPanel:()=>Q});customElements.get(`luzmo-item-option-panel`)||customElements.define(`luzmo-item-option-panel`,Q);export{Q as LuzmoItemOptionPanel,T as a,v as c,C as i,y as l,x as n,S as o,w as r,ee as s,$ as t,b as u};
@@ -1,15 +0,0 @@
1
-
2
- import{r as e}from"./version-BW4Ixl63.js";import{t}from"./item-option-base-CRUxNhJQ.js";import{html as n,property as r,query as i,unsafeCSS as a}from"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.6.1/standalone/lit.js";import"https://cdn.jsdelivr.net/npm/@luzmo/lucero@2.6.1/standalone/slider.js";var o=`:host{overflow:visible}luzmo-slider{contain:layout}`,s=class extends t{constructor(...e){super(...e),this.value=0,this.default=0,this.min=0,this.max=100,this.step=100,this.debounce=200,this._debounceTimeout=null}static get styles(){return[...super.styles,a(o)]}disconnectedCallback(){super.disconnectedCallback(),this._debounceTimeout&&=(clearTimeout(this._debounceTimeout),null)}_emitOptionChanged(e){this._lastEmittedSliderValue=e,this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toValue==`function`?this.toValue(e):e}}))}_handleEvent(e){let t=this._slider.value;(e.type!==`change`||this._debounceTimeout||!Object.is(t,this._lastEmittedSliderValue))&&(this._debounceTimeout&&=(clearTimeout(this._debounceTimeout),null),this.debounce>0?this._debounceTimeout=setTimeout(()=>{this._debounceTimeout=null,this._emitOptionChanged(t)},this.debounce):this._emitOptionChanged(t))}renderController(){let e=typeof this.parseValue==`function`?this.parseValue(this.value):this.value,t=typeof this.parseValue==`function`?this.parseValue(this.default):this.default;return n`
3
- <luzmo-slider
4
- id="luzmo-item-option-control"
5
- .label=${this.label}
6
- .min=${this.min}
7
- .max=${this.max}
8
- .value=${e??t}
9
- .step=${this.step}
10
- .size=${this.size}
11
- .disabled=${this.disabled}
12
- @input=${this._handleEvent}
13
- @change=${this._handleEvent}
14
- ></luzmo-slider>
15
- `}};e([r({type:Number,reflect:!0})],s.prototype,`value`,void 0),e([r({type:Number,reflect:!0})],s.prototype,`default`,void 0),e([r({type:Number,reflect:!0})],s.prototype,`min`,void 0),e([r({type:Number,reflect:!0})],s.prototype,`max`,void 0),e([r({type:Number,reflect:!0})],s.prototype,`step`,void 0),e([r({type:Number,reflect:!0})],s.prototype,`debounce`,void 0),e([r()],s.prototype,`parseValue`,void 0),e([r()],s.prototype,`toValue`,void 0),e([i(`luzmo-slider`)],s.prototype,`_slider`,void 0),customElements.get(`luzmo-item-option-slider`)||customElements.define(`luzmo-item-option-slider`,s);export{s as LuzmoItemOptionSlider};