@luzmo/analytics-components-kit 1.0.1-alpha.97 → 1.0.1-alpha.99

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 (116) hide show
  1. package/angular/README.md +2 -2
  2. package/angular/components/ai-interaction-textarea.component.ts +8 -0
  3. package/angular/components/{filter-data-item-picker.component.ts → data-items-select.component.ts} +34 -17
  4. package/angular/components/edit-filters/index.ts +1 -0
  5. package/angular/components/edit-filters/types.ts +10 -0
  6. package/angular/components/edit-filters.component.ts +41 -0
  7. package/angular/components/slot-contents-picker.component.ts +8 -6
  8. package/angular/esm/components/ai-interaction-textarea.component.d.ts +5 -1
  9. package/angular/esm/components/ai-interaction-textarea.component.js +22 -2
  10. package/angular/esm/components/data-items-select.component.d.ts +33 -0
  11. package/angular/esm/components/{filter-data-item-picker.component.js → data-items-select.component.js} +41 -26
  12. package/angular/esm/components/edit-filters/index.d.ts +1 -0
  13. package/angular/esm/components/edit-filters/index.js +1 -0
  14. package/angular/esm/components/edit-filters/types.d.ts +8 -0
  15. package/angular/esm/components/edit-filters/types.js +1 -0
  16. package/angular/esm/components/edit-filters.component.d.ts +21 -0
  17. package/angular/esm/components/edit-filters.component.js +89 -0
  18. package/angular/esm/components/slot-contents-picker.component.d.ts +7 -6
  19. package/angular/esm/components/slot-contents-picker.component.js +11 -6
  20. package/angular/esm/index.d.ts +5 -5
  21. package/angular/esm/index.js +6 -6
  22. package/angular/esm/types.d.ts +9 -0
  23. package/angular/index.ts +6 -6
  24. package/angular/types.ts +17 -0
  25. package/angular/utils/filters/expressions.d.ts +1 -1
  26. package/components/ai-interaction-textarea/ai-interaction-textarea.d.ts +21 -0
  27. package/components/ai-interaction-textarea/index.cjs +17 -15
  28. package/components/ai-interaction-textarea/index.js +90 -65
  29. package/components/{filter-data-item-picker/filter-data-item-picker.d.ts → data-items-select/data-items-select.d.ts} +36 -21
  30. package/components/data-items-select/index.cjs +39 -0
  31. package/components/data-items-select/index.d.ts +6 -0
  32. package/components/{filter-data-item-picker → data-items-select}/index.js +127 -109
  33. package/components/dataset-selector-list/index.cjs +1 -1
  34. package/components/dataset-selector-list/index.js +3 -3
  35. package/components/dataset-selector-row/index.cjs +1 -1
  36. package/components/dataset-selector-row/index.js +1 -1
  37. package/components/{de-COKGBX9L.cjs → de-DOYL4txr.cjs} +1 -1
  38. package/components/{de-DU0DlXuf.js → de-SDzGVifr.js} +10 -1
  39. package/components/display-settings-binning/index.cjs +1 -1
  40. package/components/display-settings-binning/index.js +1 -1
  41. package/components/display-settings-datetime/index.cjs +1 -1
  42. package/components/display-settings-datetime/index.js +1 -1
  43. package/components/display-settings-grand-totals/index.cjs +1 -1
  44. package/components/display-settings-grand-totals/index.js +1 -1
  45. package/components/display-settings-numeric/index.cjs +1 -1
  46. package/components/display-settings-numeric/index.js +1 -1
  47. package/components/display-settings-period-over-period/index.cjs +1 -1
  48. package/components/display-settings-period-over-period/index.js +1 -1
  49. package/components/draggable-data-item/index.cjs +1 -1
  50. package/components/draggable-data-item/index.js +1 -1
  51. package/components/draggable-data-item-level/index.cjs +1 -1
  52. package/components/draggable-data-item-level/index.js +1 -1
  53. package/components/droppable-slot/index.cjs +9 -9
  54. package/components/droppable-slot/index.js +82 -158
  55. package/components/edit-filters/edit-filters.d.ts +79 -0
  56. package/components/edit-filters/index.cjs +144 -0
  57. package/components/edit-filters/index.d.ts +8 -0
  58. package/components/edit-filters/index.js +341 -0
  59. package/components/edit-filters/types.d.ts +8 -0
  60. package/components/{es-BxR1uGKR.js → es-B1TeapPZ.js} +10 -1
  61. package/components/{es-CaKfa7fn.cjs → es-DcQvrHgz.cjs} +1 -1
  62. package/components/filter-expression-picker/index.cjs +1 -1
  63. package/components/filter-expression-picker/index.js +1 -1
  64. package/components/filter-item/filter-item.d.ts +1 -1
  65. package/components/filter-item/index.cjs +7 -5
  66. package/components/filter-item/index.js +78 -68
  67. package/components/filter-value-picker/index.cjs +1 -1
  68. package/components/filter-value-picker/index.js +1 -1
  69. package/components/filter-value-picker-datetime/index.cjs +2 -2
  70. package/components/filter-value-picker-datetime/index.js +4 -4
  71. package/components/filter-value-picker-hierarchy/index.cjs +1 -1
  72. package/components/filter-value-picker-hierarchy/index.js +2 -2
  73. package/components/filter-value-picker-numeric/index.cjs +2 -1
  74. package/components/filter-value-picker-numeric/index.js +3 -2
  75. package/components/{fr-DiZbjx_a.cjs → fr-D6QmA3Ve.cjs} +1 -1
  76. package/components/{fr-CvltYxR_.js → fr-sZFBmltf.js} +10 -1
  77. package/components/{get-css-variable-Pzks_rOx.cjs → get-css-variable-C0B_Sxqf.cjs} +1 -1
  78. package/components/{get-css-variable-Bb7TxJdX.js → get-css-variable-DgTBQV3c.js} +2 -1
  79. package/components/grid/index.cjs +1 -1
  80. package/components/grid/index.js +1 -1
  81. package/components/{index-DNPULp4A.js → index-BikhVAa1.js} +1 -1
  82. package/components/{index-CFL6gmIu.cjs → index-CAbDIHYI.cjs} +1 -1
  83. package/components/{index-BNAmjOkm.cjs → index-DM58h73U.cjs} +3 -3
  84. package/components/{index-DdyZ2g5L.js → index-DR5275fa.js} +48 -18
  85. package/components/index.cjs +1 -1
  86. package/components/index.js +105 -106
  87. package/components/{nl-CLs7FmRK.js → nl-BYXZ-qNp.js} +10 -1
  88. package/components/{nl-Bot6bJ4g.cjs → nl-D7oNsLn0.cjs} +1 -1
  89. package/components/{set-locale-hKTMz37h.js → set-locale-B5562CBM.js} +1 -1
  90. package/components/{set-locale-BRRalqne.cjs → set-locale-B8iQGfk0.cjs} +1 -1
  91. package/components/slot-contents-picker/index.cjs +31 -27
  92. package/components/slot-contents-picker/index.js +137 -124
  93. package/components/slot-contents-picker/slot-contents-picker.d.ts +26 -5
  94. package/components/slot-menu/index.cjs +6 -6
  95. package/components/slot-menu/index.js +76 -76
  96. package/components/slot-menu-list/index.cjs +1 -1
  97. package/components/slot-menu-list/index.js +1 -1
  98. package/components/slot-store-CRfN0nD3.js +98 -0
  99. package/components/slot-store-Dd_cPNXk.cjs +20 -0
  100. package/components/utils.cjs +1 -1
  101. package/components/utils.js +1 -1
  102. package/components/viz-item-menu/index.cjs +6 -6
  103. package/components/viz-item-menu/index.js +27 -28
  104. package/custom-elements.json +1922 -1631
  105. package/index.d.ts +1 -1
  106. package/package.json +12 -12
  107. package/types.d.ts +9 -0
  108. package/utils/filters/expressions.d.ts +1 -1
  109. package/angular/components/filter-group.component.ts +0 -29
  110. package/angular/esm/components/filter-data-item-picker.component.d.ts +0 -30
  111. package/angular/esm/components/filter-group.component.d.ts +0 -12
  112. package/angular/esm/components/filter-group.component.js +0 -56
  113. package/components/filter-data-item-picker/index.cjs +0 -47
  114. package/components/filter-data-item-picker/index.d.ts +0 -7
  115. package/components/filter-group/filter-group.d.ts +0 -26
  116. package/components/filter-group/index.d.ts +0 -7
@@ -17,9 +17,9 @@
17
17
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
18
  * SOFTWARE.
19
19
  * */
20
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@lit/localize"),g=require("@lit/task"),c=require("@luzmo/icons");require("@luzmo/lucero/action-button");require("@luzmo/lucero/field-label");require("@luzmo/lucero/overlay");require("@luzmo/lucero/select");require("@luzmo/lucero/tooltip");const h=require("../calculate-data-item-icon-DtVGbet3.cjs"),p=require("../localize-C4zNlrwK.cjs"),r=require("lit"),l=require("lit/decorators.js"),f=require("../focusable-QLh-LlNt.cjs"),z=require("../sized-mixin-DcvJLFeo.cjs"),m=require("../set-locale-BRRalqne.cjs");require("../index-BekTY3Em.cjs");require("../slot-menu/index.cjs");const v=":host{font-family:var(--luzmo-slot-contents-picker-font-family, var(--luzmo-font-family))}.container{width:fit-content;display:flex;flex-direction:column;gap:var(--luzmo-slot-contents-picker-gap, var(--slot-contents-picker-gap, var(--luzmo-spacing-5)))}.select-container{display:flex;align-items:center}:host([stretch]) .container{width:100%}:host([stretch]) .select-container{width:100%}:host([stretch]) luzmo-select{flex-grow:1}.extra-data-item-button-container{display:flex;align-items:center;justify-content:center}.slot-contents-picker-label{font-size:var(--luzmo-slot-contents-picker-label-font-size, var(--slot-contents-picker-label-font-size));flex-grow:1;margin-right:var(--luzmo-slot-contents-picker-text-to-controls, var(--slot-contents-picker-text-to-controls));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls{height:100%;display:flex;align-items:center;gap:var(--luzmo-slot-contents-picker-controls-gap, var(--slot-contents-picker-controls-gap));background-color:var(--luzmo-slot-contents-picker-controls-background-color, var(--slot-contents-picker-controls-background-color));color:var(--luzmo-slot-contents-picker-controls-color, var(--slot-contents-picker-controls-color));margin-right:var(--luzmo-slot-contents-picker-controls-to-edge, var(--slot-contents-picker-controls-to-edge));padding:0 var(--luzmo-slot-contents-picker-controls-horizontal-padding, var(--slot-contents-picker-controls-horizontal-padding))}.controls div{cursor:pointer;height:100%;display:flex;align-items:center;padding:0 var(--luzmo-slot-contents-picker-controls-control-horizontal-padding, var(--slot-contents-picker-controls-control-horizontal-padding))}luzmo-slot-menu[placement=bottom],luzmo-slot-menu[placement=top],luzmo-slot-menu[placement=bottom-start],luzmo-slot-menu[placement=top-start],luzmo-slot-menu[placement=bottom-end],luzmo-slot-menu[placement=top-end]{margin:var(--luzmo-slot-contents-picker-overlay-vertical-gap, var(--slot-contents-picker-overlay-vertical-gap)) 0}luzmo-slot-menu[placement=left],luzmo-slot-menu[placement=right],luzmo-slot-menu[placement=left-start],luzmo-slot-menu[placement=right-start],luzmo-slot-menu[placement=left-end],luzmo-slot-menu[placement=right-end]{margin:0 var(--luzmo-slot-contents-picker-overlay-horizontal-gap, var(--slot-contents-picker-overlay-horizontal-gap))}:host{--slot-contents-picker-border-width: var(--luzmo-border-width);--slot-contents-picker-border-style: dashed;--slot-contents-picker-border-color: var(--luzmo-border-color);--slot-contents-picker-accept-drag-controls-background-color: transparent;--slot-contents-picker-font-color: var(--luzmo-font-color);--slot-contents-picker-controls-background-color: transparent;--slot-contents-picker-text-to-controls: var(--luzmo-spacing-3);--slot-contents-picker-controls-to-edge: 0;--slot-contents-picker-controls-gap: var(--luzmo-spacing-2);--slot-contents-picker-controls-horizontal-padding: var(--luzmo-spacing-2);--slot-contents-picker-controls-control-horizontal-padding: var( --luzmo-spacing-3 );--slot-contents-picker-label-font-size: var(--luzmo-font-size)}:host{--slot-contents-picker-horizontal-padding: var(--luzmo-spacing-4);--slot-contents-picker-overlay-horizontal-gap: var(--luzmo-spacing-4);--slot-contents-picker-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=s]){--slot-contents-picker-horizontal-padding: var(--luzmo-spacing-4);--slot-contents-picker-overlay-horizontal-gap: var(--luzmo-spacing-4);--slot-contents-picker-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=l]){--slot-contents-picker-horizontal-padding: var(--luzmo-spacing-5);--slot-contents-picker-overlay-horizontal-gap: var(--luzmo-spacing-5);--slot-contents-picker-overlay-vertical-gap: var(--luzmo-spacing-5)}:host([size=xl]){--slot-contents-picker-horizontal-padding: var(--luzmo-spacing-5);--slot-contents-picker-overlay-horizontal-gap: var(--luzmo-spacing-5);--slot-contents-picker-overlay-vertical-gap: var(--luzmo-spacing-5)}:host{box-sizing:border-box}";var C=Object.defineProperty,y=Object.getOwnPropertyDescriptor,i=(u,t,e,o)=>{for(var s=o>1?void 0:o?y(t,e):t,n=u.length-1,a;n>=0;n--)(a=u[n])&&(s=(o?a(t,e,s):a(s))||s);return o&&s&&C(t,e,s),s};exports.LuzmoSlotContentsPicker=class extends z.SizedMixin(f.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this._loadSlotsConfig=new g.Task(this,{task:async([t])=>{if(t&&t!==this._itemTypeLoaded){const e=Object.assign({"../../item-definitions/area-chart/area-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../area-chart-slots.config-Dx_ysVZK.cjs")),"../../item-definitions/bar-chart/bar-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bar-chart-slots.config-c_9ABPOI.cjs")),"../../item-definitions/box-plot/box-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../box-plot-slots.config-K-1CiWO-.cjs")),"../../item-definitions/bubble-chart/bubble-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bubble-chart-slots.config-BwSwgleO.cjs")),"../../item-definitions/bullet-chart/bullet-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bullet-chart-slots.config-DQarxMR7.cjs")),"../../item-definitions/choropleth-map/choropleth-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../choropleth-map-slots.config-CFERs0ca.cjs")),"../../item-definitions/circle-pack-chart/circle-pack-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../circle-pack-chart-slots.config-B18aqdH1.cjs")),"../../item-definitions/circular-gauge/circular-gauge-slots.config.ts":()=>Promise.resolve().then(()=>require("../circular-gauge-slots.config-Cd-nkNPm.cjs")),"../../item-definitions/column-chart/column-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../column-chart-slots.config-C0nGjkmv.cjs")),"../../item-definitions/combination-chart/combination-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../combination-chart-slots.config-CY07Q5Hw.cjs")),"../../item-definitions/conditional-number/conditional-number-slots.config.ts":()=>Promise.resolve().then(()=>require("../conditional-number-slots.config-CD5ZwXuY.cjs")),"../../item-definitions/date-comparison-filter/date-comparison-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../date-comparison-filter-slots.config-CrA5ijD3.cjs")),"../../item-definitions/date-filter/date-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../date-filter-slots.config-CrA5ijD3.cjs")),"../../item-definitions/donut-chart/donut-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../donut-chart-slots.config-DBowIZNO.cjs")),"../../item-definitions/dropdown-filter/dropdown-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../dropdown-filter-slots.config-0wn6pMvi.cjs")),"../../item-definitions/evolution-number/evolution-number-slots.config.ts":()=>Promise.resolve().then(()=>require("../evolution-number-slots.config-CNNVp6vR.cjs")),"../../item-definitions/funnel-chart/funnel-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../funnel-chart-slots.config-GKBCY9xN.cjs")),"../../item-definitions/heat-map/heat-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../heat-map-slots.config-D7cSAVdX.cjs")),"../../item-definitions/heat-table/heat-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../heat-table-slots.config-GGX3BCh1.cjs")),"../../item-definitions/hexbin-map/hexbin-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../hexbin-map-slots.config-D7cSAVdX.cjs")),"../../item-definitions/image/image-slots.config.ts":()=>Promise.resolve().then(()=>require("../image-slots.config-mPXMR1CE.cjs")),"../../item-definitions/line-chart/line-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../line-chart-slots.config-Dx_ysVZK.cjs")),"../../item-definitions/marker-map/marker-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../marker-map-slots.config-D7cSAVdX.cjs")),"../../item-definitions/ohlc-chart/ohlc-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../ohlc-chart-slots.config-DMomcHMV.cjs")),"../../item-definitions/parallel-coordinates-plot/parallel-coordinates-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../parallel-coordinates-plot-slots.config--fk40ZDu.cjs")),"../../item-definitions/pivot-table/pivot-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../pivot-table-slots.config-45V_Gdm7.cjs")),"../../item-definitions/pyramid-chart/pyramid-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../pyramid-chart-slots.config-D5F0WX2d.cjs")),"../../item-definitions/radar-chart/radar-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../radar-chart-slots.config-BEigR_Ml.cjs")),"../../item-definitions/regular-table/regular-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../regular-table-slots.config-RLnMgOXn.cjs")),"../../item-definitions/route-map/route-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../route-map-slots.config-DsVJBR3D.cjs")),"../../item-definitions/sankey-diagram/sankey-diagram-slots.config.ts":()=>Promise.resolve().then(()=>require("../sankey-diagram-slots.config-CiyYElLX.cjs")),"../../item-definitions/scatter-plot/scatter-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../scatter-plot-slots.config-47cB5_RC.cjs")),"../../item-definitions/search-filter/search-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../search-filter-slots.config-DeHkvc2Q.cjs")),"../../item-definitions/slicer-filter/slicer-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../slicer-filter-slots.config-V7hURjKI.cjs")),"../../item-definitions/slider-filter/slider-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../slider-filter-slots.config-B--K9cpP.cjs")),"../../item-definitions/speedometer-chart/speedometer-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../speedometer-chart-slots.config-Cd-nkNPm.cjs")),"../../item-definitions/spike-map/spike-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../spike-map-slots.config-BM5-Dlub.cjs")),"../../item-definitions/strip-plot/strip-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../strip-plot-slots.config-DDUlLO8K.cjs")),"../../item-definitions/sunburst-chart/sunburst-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../sunburst-chart-slots.config-B18aqdH1.cjs")),"../../item-definitions/symbol-map/symbol-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../symbol-map-slots.config-Dm_FRGHA.cjs")),"../../item-definitions/text/text-slots.config.ts":()=>Promise.resolve().then(()=>require("../text-slots.config-BMBEkf0O.cjs")),"../../item-definitions/treemap-chart/treemap-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../treemap-chart-slots.config-C3bnHCyy.cjs")),"../../item-definitions/venn-diagram/venn-diagram-slots.config.ts":()=>Promise.resolve().then(()=>require("../venn-diagram-slots.config-GytlZGbF.cjs")),"../../item-definitions/video/video-slots.config.ts":()=>Promise.resolve().then(()=>require("../video-slots.config-mPXMR1CE.cjs")),"../../item-definitions/wordcloud-chart/wordcloud-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../wordcloud-chart-slots.config-D7CiYopX.cjs"))});if(e[`../../item-definitions/${t}/${t}-slots.config.ts`]){const o=await e[`../../item-definitions/${t}/${t}-slots.config.ts`]();this._slotsConfig=o?.default??{}}return this._slotsConfig}},args:()=>[this.itemType,this.language]}),this.slotConfiguration={},this.slotContents=[],this.language="en",this.disabled=!1,this.menu="default",this.hasLabel=!1,this.selects="multiple",this.icons="only-menu",this.datasetsDataItems=[],this.placement="bottom-end",this.hideDelete=!0,this._hasExtraEmptySelects=!1,this._currentSlotContents=[],this._selectOptions=[],this._slotContentOptions=[],this.stretch=!1,this._changedSlotContents=t=>{this.dispatchEvent(new CustomEvent("slot-contents-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:t}}))}}_emptySlotContents(t){typeof t!="number"?(this.slotContents=[],this._currentSlotContents=[],this._changedSlotContents([])):(this._currentSlotContents=this._currentSlotContents.filter((o,s)=>s!==t),this._changedSlotContents(this._currentSlotContents))}willUpdate(t){const e=t.has("slotContents"),o=t.has("datasetsDataItems"),s=t.has("language");e&&(this._currentSlotContents=structuredClone(this.slotContents)),o&&(this._selectOptions=this._createSelectOptions(),this._slotContentOptions=this._createSlotContentOptions()),s&&this.language!==m.getLocale()&&([...m.targetLocales].includes(this.language??"en")||this.language==="en")&&m.setLocale(this.language)}_onSlotMenuChanges(t){t.preventDefault(),t.stopPropagation(),this.slotContents.length===t.detail.slotContents?.length?(this._currentSlotContents=t.detail.slotContents,this._changedSlotContents(this._currentSlotContents)):(this.slotContents=t.detail.slotContents,this._changedSlotContents(this.slotContents))}_setSlotContentAtIndex(t,e){const o=t?.detail?.value?.[0];e>=this._currentSlotContents.length&&this._removeEmptySelect();for(let s=this._currentSlotContents.length;s<=e;s++)this._currentSlotContents[s]||this._currentSlotContents.push({});if(o&&!(o===this._currentSlotContents[e]?.columnId||o===this._currentSlotContents[e]?.column||o===this._currentSlotContents[e]?.formulaId||o===this._currentSlotContents[e]?.formula)){const s=this._slotContentOptions.find(n=>n.columnId===o||n.formulaId===o);s&&(this._currentSlotContents[e]=structuredClone(s))}this.slotContents=structuredClone(this._currentSlotContents.filter(s=>s.columnId||s.formulaId||s.column||s.formula)),this._changedSlotContents(this.slotContents)}_setSlotContents(t){let e=t.detail.value;this.slotConfiguration?.canAcceptMultipleDataItems&&e.length>1||(e=e.slice(0,1)),this._currentSlotContents=this._currentSlotContents?.filter(o=>e.includes(o.columnId??o.formulaId))??[],e.forEach(o=>{if(this._currentSlotContents.some(n=>n.columnId===o||n.formulaId===o))return;const s=this._slotContentOptions.find(n=>n.columnId===o||n.formulaId===o);s&&this._currentSlotContents.push(structuredClone(s))}),this.slotContents=structuredClone(this._currentSlotContents),this._changedSlotContents(this._currentSlotContents)}_createSlotContentOptions(){const t=[];for(const e of this.datasetsDataItems??[]){const o=e?.columns??[],s=e?.formulas??[];for(const n of o)if((this.slotConfiguration?.acceptableDataItemTypes??["hierarchy","numeric","datetime","array[hierarchy]","array[numeric]","array[datetime]"]).includes(n.type)){const a=structuredClone(n);a.columnId=n.id,a.datasetId=e.id,a.label=n.name,delete a.name,delete a.id,t.push(a)}if(this.slotConfiguration?.canAcceptFormula)for(const n of s){const a=structuredClone(n);a.formulaId=n.id,a.datasetId=e.id,a.label=n.name,delete a.name,delete a.id,t.push(a)}}return t}_createSelectOptions(){const t=[];for(const e of this.datasetsDataItems??[]){const o=e?.columns??[],s=e?.formulas??[];for(const n of o)(this.slotConfiguration?.acceptableDataItemTypes??["hierarchy","numeric","datetime","array[hierarchy]","array[numeric]","array[datetime]"]).includes(n.type)&&t.push({value:n.id,label:p.localize(n?.name??{},this.language),icon:h.calculateDataItemIcon(n,this.size)});if(this.slotConfiguration?.canAcceptFormula)for(const n of s)t.push({value:n.id,label:p.localize(n?.name??{},this.language),icon:h.calculateDataItemIcon(n,this.size)})}return t}_renderFieldLabel(){return r.html`<luzmo-field-label for="data-item" size=${this.size}
21
- >${this.label??d.msg("Select...")}
22
- </luzmo-field-label>`}_removeEmptySelect(){this._hasExtraEmptySelects=!1}_addDataItem(){this._hasExtraEmptySelects=!0}_renderExtraDataItemButton(){return r.html`<div class="extra-data-item-button-container">
20
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("@lit/context"),f=require("@lit/localize"),z=require("@lit/task"),c=require("@luzmo/icons");require("@luzmo/lucero/action-button");require("@luzmo/lucero/field-label");require("@luzmo/lucero/overlay");require("@luzmo/lucero/select");require("@luzmo/lucero/tooltip");const p=require("../calculate-data-item-icon-DtVGbet3.cjs"),d=require("../localize-C4zNlrwK.cjs"),a=require("lit"),l=require("lit/decorators.js"),u=require("lit/directives/if-defined.js"),v=require("../focusable-QLh-LlNt.cjs"),C=require("../sized-mixin-DcvJLFeo.cjs"),h=require("../set-locale-B8iQGfk0.cjs"),y=require("../index-BekTY3Em.cjs"),S=require("../slot-store-Dd_cPNXk.cjs");require("../slot-menu/index.cjs");const b=":host{font-family:var(--luzmo-slot-contents-picker-font-family, var(--luzmo-font-family))}.container{flex-grow:1;display:flex;flex-direction:column;gap:var(--luzmo-slot-contents-picker-gap, var(--slot-contents-picker-gap, var(--luzmo-spacing-5)))}.select-container{display:flex;flex-grow:1;align-items:center}luzmo-select{flex-grow:var(--luzmo-slot-contents-picker-select-flex-grow, 1)}.extra-data-item-button-container{display:flex;align-items:center;justify-content:center}.slot-contents-picker-label{font-size:var(--luzmo-slot-contents-picker-label-font-size, var(--slot-contents-picker-label-font-size));flex-grow:1;margin-right:var(--luzmo-slot-contents-picker-text-to-controls, var(--slot-contents-picker-text-to-controls));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls{height:100%;display:flex;align-items:center;gap:var(--luzmo-slot-contents-picker-controls-gap, var(--slot-contents-picker-controls-gap));background-color:var(--luzmo-slot-contents-picker-controls-background-color, var(--slot-contents-picker-controls-background-color));color:var(--luzmo-slot-contents-picker-controls-color, var(--slot-contents-picker-controls-color));margin-right:var(--luzmo-slot-contents-picker-controls-to-edge, var(--slot-contents-picker-controls-to-edge));padding:0 var(--luzmo-slot-contents-picker-controls-horizontal-padding, var(--slot-contents-picker-controls-horizontal-padding))}.controls div{cursor:pointer;height:100%;display:flex;align-items:center;padding:0 var(--luzmo-slot-contents-picker-controls-control-horizontal-padding, var(--slot-contents-picker-controls-control-horizontal-padding))}luzmo-slot-menu[placement=bottom],luzmo-slot-menu[placement=top],luzmo-slot-menu[placement=bottom-start],luzmo-slot-menu[placement=top-start],luzmo-slot-menu[placement=bottom-end],luzmo-slot-menu[placement=top-end]{margin:var(--luzmo-slot-contents-picker-overlay-vertical-gap, var(--slot-contents-picker-overlay-vertical-gap)) 0}luzmo-slot-menu[placement=left],luzmo-slot-menu[placement=right],luzmo-slot-menu[placement=left-start],luzmo-slot-menu[placement=right-start],luzmo-slot-menu[placement=left-end],luzmo-slot-menu[placement=right-end]{margin:0 var(--luzmo-slot-contents-picker-overlay-horizontal-gap, var(--slot-contents-picker-overlay-horizontal-gap))}:host{--slot-contents-picker-border-width: var(--luzmo-border-width);--slot-contents-picker-border-style: dashed;--slot-contents-picker-border-color: var(--luzmo-border-color);--slot-contents-picker-accept-drag-controls-background-color: transparent;--slot-contents-picker-font-color: var(--luzmo-font-color);--slot-contents-picker-controls-background-color: transparent;--slot-contents-picker-text-to-controls: var(--luzmo-spacing-3);--slot-contents-picker-controls-to-edge: 0;--slot-contents-picker-controls-gap: var(--luzmo-spacing-2);--slot-contents-picker-controls-horizontal-padding: var(--luzmo-spacing-2);--slot-contents-picker-controls-control-horizontal-padding: var( --luzmo-spacing-3 );--slot-contents-picker-label-font-size: var(--luzmo-font-size)}:host{--slot-contents-picker-horizontal-padding: var(--luzmo-spacing-4);--slot-contents-picker-overlay-horizontal-gap: var(--luzmo-spacing-4);--slot-contents-picker-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=s]){--slot-contents-picker-horizontal-padding: var(--luzmo-spacing-4);--slot-contents-picker-overlay-horizontal-gap: var(--luzmo-spacing-4);--slot-contents-picker-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=l]){--slot-contents-picker-horizontal-padding: var(--luzmo-spacing-5);--slot-contents-picker-overlay-horizontal-gap: var(--luzmo-spacing-5);--slot-contents-picker-overlay-vertical-gap: var(--luzmo-spacing-5)}:host([size=xl]){--slot-contents-picker-horizontal-padding: var(--luzmo-spacing-5);--slot-contents-picker-overlay-horizontal-gap: var(--luzmo-spacing-5);--slot-contents-picker-overlay-vertical-gap: var(--luzmo-spacing-5)}:host{box-sizing:border-box}";var _=Object.defineProperty,k=Object.getOwnPropertyDescriptor,r=(m,t,e,o)=>{for(var i=o>1?void 0:o?k(t,e):t,s=m.length-1,n;s>=0;s--)(n=m[s])&&(i=(o?n(t,e,i):n(i))||i);return o&&i&&_(t,e,i),i};exports.LuzmoSlotContentsPicker=class extends C.SizedMixin(v.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(),this._loadSlotsConfig=new z.Task(this,{task:async([t])=>{if(t&&t!==this._itemTypeLoaded){const e=Object.assign({"../../item-definitions/area-chart/area-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../area-chart-slots.config-Dx_ysVZK.cjs")),"../../item-definitions/bar-chart/bar-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bar-chart-slots.config-c_9ABPOI.cjs")),"../../item-definitions/box-plot/box-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../box-plot-slots.config-K-1CiWO-.cjs")),"../../item-definitions/bubble-chart/bubble-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bubble-chart-slots.config-BwSwgleO.cjs")),"../../item-definitions/bullet-chart/bullet-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bullet-chart-slots.config-DQarxMR7.cjs")),"../../item-definitions/choropleth-map/choropleth-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../choropleth-map-slots.config-CFERs0ca.cjs")),"../../item-definitions/circle-pack-chart/circle-pack-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../circle-pack-chart-slots.config-B18aqdH1.cjs")),"../../item-definitions/circular-gauge/circular-gauge-slots.config.ts":()=>Promise.resolve().then(()=>require("../circular-gauge-slots.config-Cd-nkNPm.cjs")),"../../item-definitions/column-chart/column-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../column-chart-slots.config-C0nGjkmv.cjs")),"../../item-definitions/combination-chart/combination-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../combination-chart-slots.config-CY07Q5Hw.cjs")),"../../item-definitions/conditional-number/conditional-number-slots.config.ts":()=>Promise.resolve().then(()=>require("../conditional-number-slots.config-CD5ZwXuY.cjs")),"../../item-definitions/date-comparison-filter/date-comparison-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../date-comparison-filter-slots.config-CrA5ijD3.cjs")),"../../item-definitions/date-filter/date-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../date-filter-slots.config-CrA5ijD3.cjs")),"../../item-definitions/donut-chart/donut-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../donut-chart-slots.config-DBowIZNO.cjs")),"../../item-definitions/dropdown-filter/dropdown-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../dropdown-filter-slots.config-0wn6pMvi.cjs")),"../../item-definitions/evolution-number/evolution-number-slots.config.ts":()=>Promise.resolve().then(()=>require("../evolution-number-slots.config-CNNVp6vR.cjs")),"../../item-definitions/funnel-chart/funnel-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../funnel-chart-slots.config-GKBCY9xN.cjs")),"../../item-definitions/heat-map/heat-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../heat-map-slots.config-D7cSAVdX.cjs")),"../../item-definitions/heat-table/heat-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../heat-table-slots.config-GGX3BCh1.cjs")),"../../item-definitions/hexbin-map/hexbin-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../hexbin-map-slots.config-D7cSAVdX.cjs")),"../../item-definitions/image/image-slots.config.ts":()=>Promise.resolve().then(()=>require("../image-slots.config-mPXMR1CE.cjs")),"../../item-definitions/line-chart/line-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../line-chart-slots.config-Dx_ysVZK.cjs")),"../../item-definitions/marker-map/marker-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../marker-map-slots.config-D7cSAVdX.cjs")),"../../item-definitions/ohlc-chart/ohlc-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../ohlc-chart-slots.config-DMomcHMV.cjs")),"../../item-definitions/parallel-coordinates-plot/parallel-coordinates-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../parallel-coordinates-plot-slots.config--fk40ZDu.cjs")),"../../item-definitions/pivot-table/pivot-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../pivot-table-slots.config-45V_Gdm7.cjs")),"../../item-definitions/pyramid-chart/pyramid-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../pyramid-chart-slots.config-D5F0WX2d.cjs")),"../../item-definitions/radar-chart/radar-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../radar-chart-slots.config-BEigR_Ml.cjs")),"../../item-definitions/regular-table/regular-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../regular-table-slots.config-RLnMgOXn.cjs")),"../../item-definitions/route-map/route-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../route-map-slots.config-DsVJBR3D.cjs")),"../../item-definitions/sankey-diagram/sankey-diagram-slots.config.ts":()=>Promise.resolve().then(()=>require("../sankey-diagram-slots.config-CiyYElLX.cjs")),"../../item-definitions/scatter-plot/scatter-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../scatter-plot-slots.config-47cB5_RC.cjs")),"../../item-definitions/search-filter/search-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../search-filter-slots.config-DeHkvc2Q.cjs")),"../../item-definitions/slicer-filter/slicer-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../slicer-filter-slots.config-V7hURjKI.cjs")),"../../item-definitions/slider-filter/slider-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../slider-filter-slots.config-B--K9cpP.cjs")),"../../item-definitions/speedometer-chart/speedometer-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../speedometer-chart-slots.config-Cd-nkNPm.cjs")),"../../item-definitions/spike-map/spike-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../spike-map-slots.config-BM5-Dlub.cjs")),"../../item-definitions/strip-plot/strip-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../strip-plot-slots.config-DDUlLO8K.cjs")),"../../item-definitions/sunburst-chart/sunburst-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../sunburst-chart-slots.config-B18aqdH1.cjs")),"../../item-definitions/symbol-map/symbol-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../symbol-map-slots.config-Dm_FRGHA.cjs")),"../../item-definitions/text/text-slots.config.ts":()=>Promise.resolve().then(()=>require("../text-slots.config-BMBEkf0O.cjs")),"../../item-definitions/treemap-chart/treemap-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../treemap-chart-slots.config-C3bnHCyy.cjs")),"../../item-definitions/venn-diagram/venn-diagram-slots.config.ts":()=>Promise.resolve().then(()=>require("../venn-diagram-slots.config-GytlZGbF.cjs")),"../../item-definitions/video/video-slots.config.ts":()=>Promise.resolve().then(()=>require("../video-slots.config-mPXMR1CE.cjs")),"../../item-definitions/wordcloud-chart/wordcloud-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../wordcloud-chart-slots.config-D7CiYopX.cjs"))});if(e[`../../item-definitions/${t}/${t}-slots.config.ts`]){const o=await e[`../../item-definitions/${t}/${t}-slots.config.ts`]();this._slotsConfig=o?.default??{}}return this._slotsConfig}},args:()=>[this.itemType,this.language]}),this.slotConfiguration={},this.slotContents=[],this.language="en",this.disabled=!1,this.menu="default",this.hasLabel=!1,this.selects="multiple",this.search="auto",this.icons="menu-only",this.datasetsDataItems=[],this.placement="bottom-end",this.hideDelete=!0,this.hideClear=!1,this._hasExtraEmptySelects=!1,this._currentSlotContents=[],this._selectOptions=[],this._slotContentOptions=[],this._store=new S.SlotStore,this._changedSlotContents=t=>{this.dispatchEvent(new CustomEvent("slot-contents-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:t}}))},new g.ContextProvider(this,{context:y.slotContext,initialValue:this._store})}_emptySlotContents(t){typeof t!="number"?(this.slotContents=[],this._currentSlotContents=[],this._changedSlotContents([])):(this._currentSlotContents=this._currentSlotContents.filter((o,i)=>i!==t),this._changedSlotContents(this._currentSlotContents))}willUpdate(t){const e=t.has("slotContents"),o=t.has("datasetsDataItems"),i=t.has("language");e&&(this._currentSlotContents=structuredClone(this.slotContents??[]),this._store?.setContents(this._currentSlotContents??[],this.slotName)),o&&(this._selectOptions=this._createSelectOptions(),this._slotContentOptions=this._createSlotContentOptions()),i&&this.language!==h.getLocale()&&([...h.targetLocales].includes(this.language??"en")||this.language==="en")&&h.setLocale(this.language)}_onSlotMenuChanges(t){t.preventDefault(),t.stopPropagation(),(this.slotContents?.length??0)===(t.detail.slotContents?.length??0)?(this._currentSlotContents=structuredClone(t.detail.slotContents??[]),this.slotContents=structuredClone(t.detail.slotContents??[]),this._store?.setContents(this._currentSlotContents??[],this.slotName),this._changedSlotContents(this._currentSlotContents)):(this.slotContents=t.detail.slotContents??[],this._store?.setContents(this.slotContents??[],this.slotName),this._changedSlotContents(this.slotContents))}_setSlotContentAtIndex(t,e){const o=t?.detail?.value?.[0],i=t?.detail?.value?.length===0;e>=this._currentSlotContents.length&&this._removeEmptySelect();for(let s=this._currentSlotContents.length;s<=e;s++)this._currentSlotContents[s]||this._currentSlotContents.push({});if(o&&!(o===this._currentSlotContents[e]?.columnId||o===this._currentSlotContents[e]?.column||o===this._currentSlotContents[e]?.formulaId||o===this._currentSlotContents[e]?.formula)){const s=this._slotContentOptions.find(n=>n.columnId===o||n.formulaId===o);s&&(this._currentSlotContents[e]=structuredClone(s))}else i&&this._currentSlotContents.splice(e,1);this.slotContents=structuredClone(this._currentSlotContents.filter(s=>s.columnId||s.formulaId||s.column||s.formula)),this._changedSlotContents(this.slotContents)}_setSlotContents(t){let e=t.detail.value;this.slotConfiguration?.canAcceptMultipleDataItems&&e.length>1||(e=e.slice(0,1)),this._currentSlotContents=this._currentSlotContents?.filter(o=>e.includes(o.columnId??o.formulaId))??[],e.forEach(o=>{if(this._currentSlotContents.some(s=>s.columnId===o||s.formulaId===o))return;const i=this._slotContentOptions.find(s=>s.columnId===o||s.formulaId===o);i&&this._currentSlotContents.push(structuredClone(i))}),this.slotContents=structuredClone(this._currentSlotContents),this._changedSlotContents(this._currentSlotContents)}_createSlotContentOptions(){const t=[];for(const e of this.datasetsDataItems??[]){const o=e?.columns??[],i=e?.formulas??[];for(const s of o)if((this.slotConfiguration?.acceptableDataItemTypes??["hierarchy","numeric","datetime","array[hierarchy]","array[numeric]","array[datetime]"]).includes(s.type)){const n=structuredClone(s);n.columnId=s.id,n.datasetId=e.id,n.label=s.name,delete n.name,delete n.id,t.push(n)}if(this.slotConfiguration?.canAcceptFormula)for(const s of i){const n=structuredClone(s);n.formulaId=s.id,n.datasetId=e.id,n.label=s.name,delete n.name,delete n.id,t.push(n)}}return t}_createSelectOptions(){const t=[];for(const e of this.datasetsDataItems??[]){const o=e?.columns??[],i=e?.formulas??[];for(const s of o)(this.slotConfiguration?.acceptableDataItemTypes??["hierarchy","numeric","datetime","array[hierarchy]","array[numeric]","array[datetime]"]).includes(s.type)&&t.push({value:s.id,label:d.localize(s?.name??{},this.language),icon:p.calculateDataItemIcon(s,this.size)});if(this.slotConfiguration?.canAcceptFormula)for(const s of i)t.push({value:s.id,label:d.localize(s?.name??{},this.language),icon:p.calculateDataItemIcon(s,this.size)})}return t}_renderFieldLabel(){return a.html`<luzmo-field-label for="data-item" size=${this.size}
21
+ >${this.label??f.msg("Select...")}
22
+ </luzmo-field-label>`}_removeEmptySelect(){this._hasExtraEmptySelects=!1}_addDataItem(){this._hasExtraEmptySelects=!0}_renderExtraDataItemButton(){return a.html`<div class="extra-data-item-button-container">
23
23
  <luzmo-action-button
24
24
  size="xs"
25
25
  @click=${this._addDataItem}
@@ -30,14 +30,14 @@
30
30
  <luzmo-tooltip self-managed placement="top" size=${this.size}>
31
31
  Add data item
32
32
  </luzmo-tooltip>
33
- </div>`}_renderSingleSelect(){const t=this._renderFieldLabel(),e=this._currentSlotContents.map((o,s)=>r.html` <div class="select-container">
34
- ${this.hasLabel&&s===0?t:""}
35
- ${this._renderSelectMenu(s)}
36
- ${this.slotContents?.length>0&&!(this.hideConfiguration&&this.hideDelete)?r.html`<div class="controls">
37
- ${this.hideConfiguration?"":r.html`<luzmo-action-button
33
+ </div>`}_renderSingleSelect(){const t=this._renderFieldLabel(),e=this._currentSlotContents.map((o,i)=>a.html` <div class="select-container">
34
+ ${this.hasLabel&&i===0?t:""}
35
+ ${this._renderSelectMenu(i)}
36
+ ${this.slotContents?.length>0&&!(this.hideConfiguration&&this.hideDelete)?a.html`<div class="controls">
37
+ ${this.hideConfiguration?"":a.html`<luzmo-action-button
38
38
  .size=${this.size}
39
39
  quiet
40
- id=${`trigger-${s}`}
40
+ id=${`trigger-${i}`}
41
41
  >
42
42
  ${c.luzmoIcon(c.luzmoCog)}
43
43
  <luzmo-tooltip
@@ -48,8 +48,8 @@
48
48
  edit
49
49
  </luzmo-tooltip>
50
50
  </luzmo-action-button>`}
51
- ${this.hideDelete?"":r.html`<div
52
- @click=${this._emptySlotContents.bind(this,s)}
51
+ ${this.hideDelete?"":a.html`<div
52
+ @click=${this._emptySlotContents.bind(this,i)}
53
53
  >
54
54
  ${c.luzmoIcon(c.luzmoTrashOutline)}
55
55
  <luzmo-tooltip
@@ -61,22 +61,23 @@
61
61
  </luzmo-tooltip>
62
62
  </div>`}
63
63
  </div>`:""}
64
- ${this.slotContents?.length>0?r.html`<luzmo-overlay
65
- trigger=${`trigger-${s}@click`}
64
+ ${this.slotContents?.length>0?a.html`<luzmo-overlay
65
+ trigger=${`trigger-${i}@click`}
66
66
  .placement=${this.placement}
67
67
  >
68
68
  <luzmo-slot-menu
69
69
  language=${this.language}
70
70
  content-language=${this.language}
71
71
  slot-type=${this.slotConfiguration?.type}
72
- .slotContents=${this._currentSlotContents}
73
- .slotIndex=${this.slotConfiguration?.canAcceptMultipleDataItems?s:void 0}
72
+ slot-name=${u.ifDefined(this.slotName)}
73
+ item-type=${u.ifDefined(this.itemType)}
74
+ .slotIndex=${this.slotConfiguration?.canAcceptMultipleDataItems?i:void 0}
74
75
  variant="popup"
75
76
  .size=${this.size}
76
77
  @slot-contents-changed=${this._onSlotMenuChanges}
77
78
  ></luzmo-slot-menu>
78
79
  </luzmo-overlay>`:""}
79
- </div>`);return this._hasExtraEmptySelects&&e.push(r.html`<div class="select-container">
80
+ </div>`);return this._hasExtraEmptySelects&&e.push(a.html`<div class="select-container">
80
81
  ${this._renderSelectMenu(this._currentSlotContents.length)}
81
82
  <div class="controls">
82
83
  <luzmo-action-button
@@ -90,23 +91,23 @@
90
91
  </luzmo-tooltip>
91
92
  </luzmo-action-button>
92
93
  </div>
93
- </div>`),e.push(this._renderExtraDataItemButton()),e}_renderMultipleSelect(){const t=this._renderFieldLabel();return r.html`<div class="select-container">
94
+ </div>`),e.push(this._renderExtraDataItemButton()),e}_renderMultipleSelect(){const t=this._renderFieldLabel();return a.html`<div class="select-container">
94
95
  ${this.hasLabel?t:""} ${this._renderSelectMenu()}
95
- ${this.slotContents?.length>0&&!(this.hideConfiguration&&this.hideDelete)?r.html`<div class="controls">
96
- ${this.hideConfiguration?"":r.html`<luzmo-action-button .size=${this.size} quiet id="trigger">
96
+ ${this.slotContents?.length>0&&!(this.hideConfiguration&&this.hideDelete)?a.html`<div class="controls">
97
+ ${this.hideConfiguration?"":a.html`<luzmo-action-button .size=${this.size} quiet id="trigger">
97
98
  ${c.luzmoIcon(c.luzmoCog)}
98
99
  <luzmo-tooltip self-managed placement="top" size=${this.size}>
99
100
  edit
100
101
  </luzmo-tooltip>
101
102
  </luzmo-action-button>`}
102
- ${this.hideDelete?"":r.html`<div @click=${this._emptySlotContents}>
103
+ ${this.hideDelete?"":a.html`<div @click=${this._emptySlotContents}>
103
104
  ${c.luzmoIcon(c.luzmoTrashOutline)}
104
105
  <luzmo-tooltip self-managed placement="top" size=${this.size}>
105
106
  Delete
106
107
  </luzmo-tooltip>
107
108
  </div>`}
108
109
  </div>`:""}
109
- ${this.slotContents?.length>0?r.html`<luzmo-overlay
110
+ ${this.slotContents?.length>0?a.html`<luzmo-overlay
110
111
  trigger="trigger@click"
111
112
  .placement=${this.placement}
112
113
  >
@@ -114,33 +115,36 @@
114
115
  language=${this.language}
115
116
  content-language=${this.language}
116
117
  slot-type=${this.slotConfiguration?.type}
117
- .slotContents=${this._currentSlotContents}
118
+ slot-name=${u.ifDefined(this.slotName)}
119
+ item-type=${u.ifDefined(this.itemType)}
118
120
  variant="popup"
119
121
  .size=${this.size}
120
122
  @slot-contents-changed=${this._onSlotMenuChanges}
121
123
  ></luzmo-slot-menu>
122
124
  </luzmo-overlay>`:""}
123
- </div>`}_renderSelectMenu(t){let e;return t&&t>=this._currentSlotContents.length?e=[]:(e=this._currentSlotContents?.map(o=>o.columnId??o.formulaId??o.column??o.formula),this.selects==="single"&&e?.length>0&&(e=[e[t??0]])),r.html`<luzmo-select
125
+ </div>`}_renderSelectMenu(t){let e;return t&&t>=this._currentSlotContents.length?e=[]:(e=this._currentSlotContents?.map(o=>o.columnId??o.formulaId??o.column??o.formula),this.selects==="single"&&e?.length>0&&(e=[e[t??0]])),a.html`<luzmo-select
126
+ .search=${this.search}
124
127
  label="Select..."
125
128
  id="expression"
126
129
  size=${this.size}
127
130
  variant="highlight"
128
131
  .language=${this.language}
129
- placement="bottom-start"
132
+ .placement=${this.placement}
130
133
  ?disabled=${this.disabled}
131
134
  .options=${this._selectOptions}
132
135
  .value=${e}
136
+ ?clearable=${!this.hideClear}
133
137
  selects=${this.selects==="multiple"&&this.slotConfiguration?.canAcceptMultipleDataItems?"multiple":"single"}
134
138
  data-index=${t??0}
135
139
  @change=${this._handleSelectChange}
136
140
  >
137
- </luzmo-select>`}_handleSelectChange(t){if(this.selects==="single"){const o=t.currentTarget?.dataset?.index,s=o?Number.parseInt(o,10):0;this._setSlotContentAtIndex(t,Number.isNaN(s)?0:s)}else this._setSlotContents(t)}_slotContentsPickerMarkup(){return r.html`
141
+ </luzmo-select>`}_handleSelectChange(t){if(this.selects==="single"){const o=t.currentTarget?.dataset?.index,i=o?Number.parseInt(o,10):0;this._setSlotContentAtIndex(t,Number.isNaN(i)?0:i)}else this._setSlotContents(t)}_slotContentsPickerMarkup(){return a.html`
138
142
  <div class="container">
139
143
  ${this.selects==="multiple"?this._renderMultipleSelect():this._renderSingleSelect()}
140
144
  </div>
141
- `}render(){return this._loadSlotsConfig.render({pending:()=>r.html`<p>Loading...</p>`,complete:t=>{if(this.slotName&&this.itemType&&t){const e=t.find(o=>o.name===this.slotName);e&&(this.slotConfiguration=e)}return this._slotContentsPickerMarkup()},error:t=>r.html`
145
+ `}render(){return this._loadSlotsConfig.render({pending:()=>a.html`<p>Loading...</p>`,complete:t=>{if(this.slotName&&this.itemType&&t){const e=t.find(o=>o.name===this.slotName);e&&(this.slotConfiguration=e)}return this._slotContentsPickerMarkup()},error:t=>a.html`
142
146
  <div>
143
147
  Could not load slot-contents-picker: '${this.slotName}' of chart
144
148
  '${this.itemType}': ${t}.
145
149
  </div>
146
- `})}};exports.LuzmoSlotContentsPicker.styles=r.unsafeCSS(v);i([l.property({type:String,reflect:!0,attribute:"item-type"})],exports.LuzmoSlotContentsPicker.prototype,"itemType",2);i([l.property({type:String,reflect:!0,attribute:"slot-name"})],exports.LuzmoSlotContentsPicker.prototype,"slotName",2);i([l.property({type:Object})],exports.LuzmoSlotContentsPicker.prototype,"slotConfiguration",2);i([l.property({type:Object})],exports.LuzmoSlotContentsPicker.prototype,"slotContents",2);i([l.property({type:String,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"language",2);i([l.property({type:Boolean,attribute:"disabled",reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"disabled",2);i([l.property({type:String,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"menu",2);i([l.property({type:Boolean,attribute:"has-label",reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"hasLabel",2);i([l.property({type:String,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"label",2);i([l.property({type:String,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"selects",2);i([l.property({type:String,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"icons",2);i([l.property({type:String,attribute:"placeholder",reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"placeholder",2);i([l.property({type:Array,reflect:!1})],exports.LuzmoSlotContentsPicker.prototype,"datasetsDataItems",2);i([l.property({type:String,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"placement",2);i([l.property({type:Boolean,reflect:!0,attribute:"hide-delete"})],exports.LuzmoSlotContentsPicker.prototype,"hideDelete",2);i([l.property({type:Boolean,reflect:!0,attribute:"hide-configuration"})],exports.LuzmoSlotContentsPicker.prototype,"hideConfiguration",2);i([l.state()],exports.LuzmoSlotContentsPicker.prototype,"_hasExtraEmptySelects",2);i([l.property({type:Boolean,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"stretch",2);exports.LuzmoSlotContentsPicker=i([d.localized()],exports.LuzmoSlotContentsPicker);customElements.get("luzmo-slot-contents-picker")||customElements.define("luzmo-slot-contents-picker",exports.LuzmoSlotContentsPicker);
150
+ `})}};exports.LuzmoSlotContentsPicker.styles=a.unsafeCSS(b);r([l.property({type:String,reflect:!0,attribute:"item-type"})],exports.LuzmoSlotContentsPicker.prototype,"itemType",2);r([l.property({type:String,reflect:!0,attribute:"slot-name"})],exports.LuzmoSlotContentsPicker.prototype,"slotName",2);r([l.property({type:Object})],exports.LuzmoSlotContentsPicker.prototype,"slotConfiguration",2);r([l.property({type:Object})],exports.LuzmoSlotContentsPicker.prototype,"slotContents",2);r([l.property({type:String,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"language",2);r([l.property({type:Boolean,attribute:"disabled",reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"disabled",2);r([l.property({type:String,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"menu",2);r([l.property({type:Boolean,attribute:"has-label",reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"hasLabel",2);r([l.property({type:String,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"label",2);r([l.property({type:String,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"selects",2);r([l.property({type:String,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"search",2);r([l.property({type:String,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"icons",2);r([l.property({type:String,attribute:"placeholder",reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"placeholder",2);r([l.property({type:Array,reflect:!1})],exports.LuzmoSlotContentsPicker.prototype,"datasetsDataItems",2);r([l.property({type:String,reflect:!0})],exports.LuzmoSlotContentsPicker.prototype,"placement",2);r([l.property({type:Boolean,reflect:!0,attribute:"hide-delete"})],exports.LuzmoSlotContentsPicker.prototype,"hideDelete",2);r([l.property({type:Boolean,reflect:!0,attribute:"hide-configuration"})],exports.LuzmoSlotContentsPicker.prototype,"hideConfiguration",2);r([l.property({type:Boolean,reflect:!0,attribute:"hide-clear"})],exports.LuzmoSlotContentsPicker.prototype,"hideClear",2);r([l.state()],exports.LuzmoSlotContentsPicker.prototype,"_hasExtraEmptySelects",2);exports.LuzmoSlotContentsPicker=r([f.localized()],exports.LuzmoSlotContentsPicker);customElements.get("luzmo-slot-contents-picker")||customElements.define("luzmo-slot-contents-picker",exports.LuzmoSlotContentsPicker);