@luzmo/analytics-components-kit 1.0.1-alpha.40 → 1.0.1-alpha.42
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.
- package/components/{area-chart-slots.config-P7xa-pHi.js → area-chart-slots.config-DoytjTpw.js} +1 -1
- package/components/{area-chart-slots.config-CIfDfftd.cjs → area-chart-slots.config-Dx_ysVZK.cjs} +1 -1
- package/components/{bar-chart-slots.config-MQAjNXqV.js → bar-chart-slots.config-Dn0IV43j.js} +1 -1
- package/components/{bar-chart-slots.config-DszaQhMd.cjs → bar-chart-slots.config-c_9ABPOI.cjs} +1 -1
- package/components/{box-plot-slots.config-BRhnF2FE.js → box-plot-slots.config-FI5Id-7p.js} +1 -1
- package/components/box-plot-slots.config-K-1CiWO-.cjs +20 -0
- package/components/{calculate-data-item-icon-DlyGQVBA.js → calculate-data-item-icon-BFpVWXnR.js} +61 -43
- package/components/{calculate-data-item-icon-Bygfq3KO.cjs → calculate-data-item-icon-C_3QUGmB.cjs} +1 -1
- package/components/choropleth-map-slots.config-CFERs0ca.cjs +20 -0
- package/components/{choropleth-map-slots.config-B-uJTj4q.js → choropleth-map-slots.config-DStOyVgQ.js} +7 -2
- package/components/{sunburst-chart-slots.config-C-_ganmv.cjs → circle-pack-chart-slots.config-B18aqdH1.cjs} +1 -1
- package/components/{circle-pack-chart-slots.config-xwVdRiwS.js → circle-pack-chart-slots.config-lV4uNMcp.js} +1 -1
- package/components/{column-chart-slots.config-C7MhpoR8.cjs → column-chart-slots.config-C0nGjkmv.cjs} +1 -1
- package/components/{column-chart-slots.config-DAdAk17k.js → column-chart-slots.config-epF0y5yo.js} +1 -1
- package/components/{combination-chart-slots.config-crMO01EO.cjs → combination-chart-slots.config-CY07Q5Hw.cjs} +1 -1
- package/components/{combination-chart-slots.config-CqKLFKCZ.js → combination-chart-slots.config-DRKSJyCC.js} +1 -1
- package/components/{date-filter-slots.config-Cb1LcT9W.cjs → date-filter-slots.config-CrA5ijD3.cjs} +1 -1
- package/components/{date-filter-slots.config-CxB8IF5B.js → date-filter-slots.config-DIjChKTZ.js} +2 -2
- package/components/display-settings/display-settings.d.ts +1 -0
- package/components/display-settings/index.cjs +3 -3
- package/components/display-settings/index.js +3 -2
- package/components/display-settings-binning/index.cjs +1 -1
- package/components/display-settings-binning/index.js +1 -1
- package/components/display-settings-datetime/index.cjs +1 -1
- package/components/display-settings-datetime/index.js +2 -2
- package/components/display-settings-grand-totals/index.cjs +1 -1
- package/components/display-settings-grand-totals/index.js +1 -1
- package/components/display-settings-numeric/index.cjs +3 -3
- package/components/display-settings-numeric/index.js +56 -51
- package/components/display-settings-period-over-period/index.cjs +8 -8
- package/components/display-settings-period-over-period/index.js +84 -73
- package/components/{donut-chart-slots.config-BEwhfq27.js → donut-chart-slots.config-CHLEBSDg.js} +1 -1
- package/components/{donut-chart-slots.config-DIp-24lO.cjs → donut-chart-slots.config-DBowIZNO.cjs} +1 -1
- package/components/draggable-data-item/draggable-data-item.d.ts +2 -0
- package/components/draggable-data-item/index.cjs +6 -5
- package/components/draggable-data-item/index.js +20 -16
- package/components/draggable-data-item-level/draggable-data-item-level.d.ts +3 -0
- package/components/draggable-data-item-level/index.cjs +12 -7
- package/components/draggable-data-item-level/index.js +79 -60
- package/components/{dropdown-filter-slots.config-I2n4b_6V.cjs → dropdown-filter-slots.config-0wn6pMvi.cjs} +1 -1
- package/components/{dropdown-filter-slots.config-B8J6ftCh.js → dropdown-filter-slots.config-D2J9Z5aQ.js} +1 -1
- package/components/droppable-slot/droppable-slot.d.ts +1 -1
- package/components/droppable-slot/index.cjs +6 -6
- package/components/droppable-slot/index.js +73 -66
- package/components/edit-option-action-button-group/index.cjs +1 -1
- package/components/edit-option-action-button-group/index.js +2 -2
- package/components/{edit-option-base-Cw2iO2Av.js → edit-option-base-BQc4gXup.js} +1 -1
- package/components/{edit-option-base-B7owFMOO.cjs → edit-option-base-ByphLI4J.cjs} +1 -1
- package/components/edit-option-color-picker/index.cjs +1 -1
- package/components/edit-option-color-picker/index.js +3 -3
- package/components/edit-option-multi-language-field/index.cjs +1 -1
- package/components/edit-option-multi-language-field/index.js +1 -1
- package/components/edit-option-number-field/index.cjs +1 -1
- package/components/edit-option-number-field/index.js +1 -1
- package/components/edit-option-picker/index.cjs +1 -1
- package/components/edit-option-picker/index.js +3 -3
- package/components/edit-option-position-picker/index.cjs +1 -1
- package/components/edit-option-position-picker/index.js +1 -1
- package/components/edit-option-positions-number-field/index.cjs +2 -2
- package/components/edit-option-positions-number-field/index.js +2 -2
- package/components/edit-option-radio-button-group/index.cjs +1 -1
- package/components/edit-option-radio-button-group/index.js +1 -1
- package/components/edit-option-slider/index.cjs +1 -1
- package/components/edit-option-slider/index.js +1 -1
- package/components/edit-option-switch/index.cjs +1 -1
- package/components/edit-option-switch/index.js +1 -1
- package/components/edit-option-text-field/index.cjs +1 -1
- package/components/edit-option-text-field/index.js +1 -1
- package/components/{evolution-number-slots.config-BI-sFIug.cjs → evolution-number-slots.config-CNNVp6vR.cjs} +1 -1
- package/components/{evolution-number-slots.config-CW21b2ua.js → evolution-number-slots.config-CSDEf5Lv.js} +1 -1
- package/components/filter-data-item-picker/index.cjs +1 -1
- package/components/filter-data-item-picker/index.js +3 -3
- package/components/filter-expression-picker/index.cjs +1 -1
- package/components/filter-expression-picker/index.js +1 -1
- package/components/filter-item/index.cjs +1 -1
- package/components/filter-item/index.js +1 -1
- package/components/filter-value-picker/index.cjs +1 -1
- package/components/filter-value-picker/index.js +1 -1
- package/components/filter-value-picker-datetime/index.cjs +1 -1
- package/components/filter-value-picker-datetime/index.js +3 -3
- package/components/filter-value-picker-hierarchy/index.cjs +1 -1
- package/components/filter-value-picker-hierarchy/index.js +1 -1
- package/components/filter-value-picker-numeric/index.cjs +1 -1
- package/components/filter-value-picker-numeric/index.js +1 -1
- package/components/{funnel-chart-slots.config-BBhMS2qi.js → funnel-chart-slots.config-B-72sm5j.js} +6 -1
- package/components/{box-plot-slots.config-DZxyy3sS.cjs → funnel-chart-slots.config-GKBCY9xN.cjs} +1 -1
- package/components/grid/index.cjs +1 -1
- package/components/grid/index.js +3 -3
- package/components/{marker-map-slots.config-cdD8XTmI.js → heat-map-slots.config-CAj40INL.js} +1 -1
- package/components/{heat-map-slots.config-CSxSsQwX.cjs → heat-map-slots.config-D7cSAVdX.cjs} +1 -1
- package/components/{hexbin-map-slots.config-cdD8XTmI.js → hexbin-map-slots.config-CAj40INL.js} +1 -1
- package/components/{hexbin-map-slots.config-CSxSsQwX.cjs → hexbin-map-slots.config-D7cSAVdX.cjs} +1 -1
- package/components/{index-UWOCtc0Y.js → index-8fxgV8-A.js} +2 -2
- package/components/{index-BIrO4_kD.cjs → index-B_rfLdXx.cjs} +1 -1
- package/components/{index-Ciad94jH.js → index-Bdy8Bz-n.js} +3 -3
- package/components/{index-BEAYzHcY.js → index-Bg5PqKqt.js} +32 -32
- package/components/{index-Jmmy73Aq.js → index-BmshD32H.js} +34 -34
- package/components/{index-sCesmw8l.js → index-CDpuEf8W.js} +4 -4
- package/components/{index-CT2vEcpn.cjs → index-CHFwXYcm.cjs} +2 -2
- package/components/{index-B_dW2-QA.cjs → index-CNA9joKT.cjs} +1 -1
- package/components/{index-CcDZIqpD.cjs → index-CUvucmA0.cjs} +1 -1
- package/components/{index-CAJRL5rT.cjs → index-CYeQkVeJ.cjs} +5 -5
- package/components/{utils-B1rr30GZ.js → index-CgnTl6Sc.js} +11 -13
- package/components/{index-BNwJ9moR.js → index-ChDwMQlU.js} +3 -3
- package/components/{index-CzRmB9z3.cjs → index-DM96Q1fX.cjs} +1 -1
- package/components/{index-Boxjo5I0.js → index-DUF6bALI.js} +7 -7
- package/components/{index-CaVIv7B9.cjs → index-EXO-Hsj2.cjs} +1 -1
- package/components/{utils-CvCeHVBQ.cjs → index-Vdyb9z2D.cjs} +1 -1
- package/components/index.cjs +1 -1
- package/components/index.js +18 -16
- package/components/item-slots-configs.cjs +1 -1
- package/components/item-slots-configs.js +32 -32
- package/components/{line-chart-slots.config-P7xa-pHi.js → line-chart-slots.config-DoytjTpw.js} +1 -1
- package/components/{line-chart-slots.config-CIfDfftd.cjs → line-chart-slots.config-Dx_ysVZK.cjs} +1 -1
- package/components/{luzmo-icons-DEoJcvoL.js → luzmo-icons-B2K7AcCF.js} +183 -141
- package/components/luzmo-icons-CP__dRRM.cjs +31 -0
- package/components/{heat-map-slots.config-cdD8XTmI.js → marker-map-slots.config-CAj40INL.js} +1 -1
- package/components/{marker-map-slots.config-CSxSsQwX.cjs → marker-map-slots.config-D7cSAVdX.cjs} +1 -1
- package/components/{parallel-coordinates-plot-slots.config-BRXA5nUl.cjs → parallel-coordinates-plot-slots.config--fk40ZDu.cjs} +1 -1
- package/components/{parallel-coordinates-plot-slots.config-CQW2CJW6.js → parallel-coordinates-plot-slots.config-BjRcJdWM.js} +7 -2
- package/components/{pending-state-DTX7ggyF-D1SvcIIz.js → pending-state-DTX7ggyF-BQdsLMT1.js} +2 -2
- package/components/{pending-state-DTX7ggyF-DZzxjogp.cjs → pending-state-DTX7ggyF-CoV2RbDq.cjs} +1 -1
- package/components/{pivot-table-slots.config-DzGWM3Ez.cjs → pivot-table-slots.config-45V_Gdm7.cjs} +1 -1
- package/components/{pivot-table-slots.config-BH5fOJre.js → pivot-table-slots.config-CGU7IyDG.js} +3 -3
- package/components/{pyramid-chart-slots.config-DeWrVApy.cjs → pyramid-chart-slots.config-D5F0WX2d.cjs} +1 -1
- package/components/{pyramid-chart-slots.config-Cm9bQsXT.js → pyramid-chart-slots.config-lfxmIAy_.js} +1 -1
- package/components/radar-chart-slots.config-BEigR_Ml.cjs +20 -0
- package/components/{radar-chart-slots.config-Dpmytmc3.js → radar-chart-slots.config-CuQvda0y.js} +6 -1
- package/components/{regular-table-slots.config-ChrvnRDb.cjs → regular-table-slots.config-RLnMgOXn.cjs} +1 -1
- package/components/{regular-table-slots.config-EUS-V9lL.js → regular-table-slots.config-eQ8HccjY.js} +1 -1
- package/components/{route-map-slots.config-DYCcaQZi.js → route-map-slots.config-B9dcwOXi.js} +7 -2
- package/components/{route-map-slots.config-BfbIWCr0.cjs → route-map-slots.config-DsVJBR3D.cjs} +1 -1
- package/components/{sankey-diagram-slots.config-B7Q-ZfUP.cjs → sankey-diagram-slots.config-CiyYElLX.cjs} +1 -1
- package/components/{sankey-diagram-slots.config-BSTBEZDe.js → sankey-diagram-slots.config-DmqnP_mH.js} +1 -1
- package/components/{scatter-plot-slots.config-wlX_PVu8.cjs → scatter-plot-slots.config-47cB5_RC.cjs} +1 -1
- package/components/{scatter-plot-slots.config-BuWYqDWK.js → scatter-plot-slots.config-DjURFO07.js} +1 -1
- package/components/{search-filter-slots.config-DmiVXOva.js → search-filter-slots.config-CCEWnbiJ.js} +2 -2
- package/components/{search-filter-slots.config-DOlr8VaD.cjs → search-filter-slots.config-DeHkvc2Q.cjs} +1 -1
- package/components/{slicer-filter-slots.config-CHQ0ZXga.js → slicer-filter-slots.config-AOwwW5Ut.js} +2 -2
- package/components/{slicer-filter-slots.config-Dyte3aGp.cjs → slicer-filter-slots.config-V7hURjKI.cjs} +1 -1
- package/components/{slider-filter-slots.config-Cr5oXbok.cjs → slider-filter-slots.config-B--K9cpP.cjs} +1 -1
- package/components/{slider-filter-slots.config-BN3K1rnl.js → slider-filter-slots.config-D7cv_Ky4.js} +7 -2
- package/components/slot-contents-picker/index.cjs +145 -0
- package/components/slot-contents-picker/index.d.ts +7 -0
- package/components/slot-contents-picker/index.js +461 -0
- package/components/slot-contents-picker/slot-contents-picker.d.ts +112 -0
- package/components/slot-menu/index.cjs +13 -11
- package/components/slot-menu/index.js +33 -24
- package/components/slot-menu/slot-menu.d.ts +13 -0
- package/components/slot-menu-list/index.cjs +2 -2
- package/components/slot-menu-list/index.js +1 -1
- package/components/{spike-map-slots.config-Drga6_j0.cjs → spike-map-slots.config-BM5-Dlub.cjs} +1 -1
- package/components/{spike-map-slots.config-CuqpgkvN.js → spike-map-slots.config-Bq0WfdI4.js} +1 -1
- package/components/{strip-plot-slots.config-Co8ghEv8.js → strip-plot-slots.config-B1OLcL4K.js} +1 -1
- package/components/{strip-plot-slots.config-JvkKY5Ga.cjs → strip-plot-slots.config-DDUlLO8K.cjs} +1 -1
- package/components/{circle-pack-chart-slots.config-C-_ganmv.cjs → sunburst-chart-slots.config-B18aqdH1.cjs} +1 -1
- package/components/{sunburst-chart-slots.config-xwVdRiwS.js → sunburst-chart-slots.config-lV4uNMcp.js} +1 -1
- package/components/{symbol-map-slots.config-C5CKaVED.js → symbol-map-slots.config-DT5lvWh_.js} +7 -2
- package/components/{choropleth-map-slots.config-PNwSR0XY.cjs → symbol-map-slots.config-Dm_FRGHA.cjs} +1 -1
- package/components/utils.cjs +1 -1
- package/components/utils.js +34 -34
- package/components/{venn-diagram-slots.config-DPmj71cR.js → venn-diagram-slots.config-BPxkBFb6.js} +2 -2
- package/components/{venn-diagram-slots.config-CpOPbUjs.cjs → venn-diagram-slots.config-GytlZGbF.cjs} +1 -1
- package/custom-elements.json +463 -10
- package/index.d.ts +1 -0
- package/item-definitions/area-chart/area-chart-slots.config.d.ts +3 -3
- package/item-definitions/bar-chart/bar-chart-slots.config.d.ts +2 -2
- package/item-definitions/box-plot/box-plot-slots.config.d.ts +2 -2
- package/item-definitions/choropleth-map/choropleth-map-slots.config.d.ts +3 -3
- package/item-definitions/circle-pack-chart/circle-pack-chart-slots.config.d.ts +2 -2
- package/item-definitions/column-chart/column-chart-slots.config.d.ts +2 -2
- package/item-definitions/combination-chart/combination-chart-slots.config.d.ts +2 -2
- package/item-definitions/date-filter/date-filter-slots.config.d.ts +2 -2
- package/item-definitions/donut-chart/donut-chart-slots.config.d.ts +2 -2
- package/item-definitions/dropdown-filter/dropdown-filter-slots.config.d.ts +1 -1
- package/item-definitions/evolution-number/evolution-number-slots.config.d.ts +2 -2
- package/item-definitions/funnel-chart/funnel-chart-slots.config.d.ts +2 -2
- package/item-definitions/heat-map/heat-map-slots.config.d.ts +2 -2
- package/item-definitions/hexbin-map/hexbin-map-slots.config.d.ts +2 -2
- package/item-definitions/line-chart/line-chart-slots.config.d.ts +3 -3
- package/item-definitions/marker-map/marker-map-slots.config.d.ts +2 -2
- package/item-definitions/parallel-coordinates-plot/parallel-coordinates-plot-slots.config.d.ts +4 -4
- package/item-definitions/pivot-table/pivot-table-slots.config.d.ts +2 -2
- package/item-definitions/pyramid-chart/pyramid-chart-slots.config.d.ts +3 -3
- package/item-definitions/radar-chart/radar-chart-slots.config.d.ts +3 -3
- package/item-definitions/regular-table/regular-table-slots.config.d.ts +1 -1
- package/item-definitions/route-map/route-map-slots.config.d.ts +3 -3
- package/item-definitions/sankey-diagram/sankey-diagram-slots.config.d.ts +3 -3
- package/item-definitions/scatter-plot/scatter-plot-slots.config.d.ts +4 -4
- package/item-definitions/search-filter/search-filter-slots.config.d.ts +2 -2
- package/item-definitions/slicer-filter/slicer-filter-slots.config.d.ts +2 -2
- package/item-definitions/slider-filter/slider-filter-slots.config.d.ts +2 -2
- package/item-definitions/spike-map/spike-map-slots.config.d.ts +3 -3
- package/item-definitions/strip-plot/strip-plot-slots.config.d.ts +2 -2
- package/item-definitions/sunburst-chart/sunburst-chart-slots.config.d.ts +2 -2
- package/item-definitions/symbol-map/symbol-map-slots.config.d.ts +3 -3
- package/item-definitions/venn-diagram/venn-diagram-slots.config.d.ts +2 -2
- package/package.json +6 -1
- package/utils/data-item-types/calculate-data-item-icon.d.ts +1 -0
- package/components/funnel-chart-slots.config-WrokHS7f.cjs +0 -20
- package/components/luzmo-icons-DAsjNJNI.cjs +0 -31
- package/components/radar-chart-slots.config-Dxx5fKnS.cjs +0 -20
- package/components/symbol-map-slots.config-DtW-3xkd.cjs +0 -20
- package/utils/themes/utils.d.ts +0 -1
|
@@ -17,28 +17,28 @@
|
|
|
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"});require("../index-DtohCwyO.cjs");const t=require("../property-BCb4Kybn.cjs");require("../display-settings/index.cjs");require("../slot-menu-list/index.cjs");const a=require("../luzmo-icons-DAsjNJNI.cjs"),p=require("../localize-r7ALOUy_.cjs"),d=require("../query-D5qWDopr.cjs"),h=require("../focusable-BTJYY_Mf.cjs"),c=require("../sized-mixin-BNtmplgF.cjs"),v=":host{font-family:var(--luzmo-slot-menu-font-family, var(--luzmo-font-family));font-size:var(--luzmo-slot-menu-font-size, var(--slot-menu-font-size));color:var(--luzmo-slot-menu-font-color, var(--luzmo-font-color));display:block;width:fit-content}luzmo-slot-menu-list{min-width:var(--luzmo-slot-menu-list-min-width, var(--slot-menu-list-min-width));max-width:var(--luzmo-slot-menu-list-max-width, var(--slot-menu-list-max-width))}.slot-contents-container{position:relative;border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));background:var(--luzmo-slot-menu-background-color, var(--luzmo-background-color));border-top-left-radius:0}.slot-contents-container .inner-container{display:flex}.slot-contents-container .inner-container luzmo-display-settings{min-width:var(--luzmo-slot-menu-display-settings-min-width, var(--slot-menu-display-settings-min-width));padding:var(--luzmo-slot-menu-display-settings-vertical-padding, var(--slot-menu-display-settings-vertical-padding)) var(--luzmo-slot-menu-display-settings-horizontal-padding, var(--slot-menu-display-settings-horizontal-padding))}:host([variant=popup]) .slot-contents-container{overflow:hidden;border-top-left-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));--slot-menu-popup-filter: drop-shadow( var( --luzmo-slot-menu-popup-shadow-horizontal, var(--slot-menu-popup-shadow-horizontal) ) var( --luzmo-slot-menu-popup-shadow-vertical, var(--slot-menu-popup-shadow-vertical) ) var( --luzmo-slot-menu-popup-shadow-blur, var(--slot-menu-popup-shadow-blur) ) var( --luzmo-slot-menu-popup-shadow-color, var(--slot-menu-popup-shadow-color) ) );filter:var(--luzmo-slot-menu-popup-filter, var(--slot-menu-popup-filter))}.slot-menu-top-menu{display:flex;align-items:center;border-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));border-bottom-left-radius:0;border-bottom-right-radius:0;overflow:hidden;width:fit-content}.drag-handle{background-color:var(--luzmo-slot-menu-drag-handle-background-color, var(--luzmo-background-color-highlight));cursor:grab;width:fit-content;border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color, var(--luzmo-background-color-highlight));font-size:var(--luzmo-slot-menu-drag-handle-size, var(--slot-menu-drag-handle-size));padding:var(--luzmo-slot-menu-drag-handle-vertical-padding, var(--slot-menu-drag-handle-vertical-padding)) var(--luzmo-slot-menu-drag-handle-horizontal-padding, var(--slot-menu-drag-handle-horizontal-padding))}.drag-handle:hover{background-color:var(--luzmo-slot-menu-drag-handle-background-color-hover, var(--luzmo-background-color-highlight-hover))}.slot-content-action{display:flex;flex:0 1 auto;max-width:var(--luzmo-slot-menu-top-menu-label-max-width, var(--slot-menu-top-menu-label-max-width));gap:var(--luzmo-slot-menu-label-to-icon-gap, var(--slot-menu-label-to-icon-gap));background-color:var(--luzmo-slot-menu-content-label-background-color, var(--luzmo-primary));color:var(--luzmo-slot-menu-content-label-color, var(--luzmo-primary-inverse-color));border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-content-label-border-color, var(--luzmo-primary));padding:var(--luzmo-slot-menu-drag-handle-vertical-padding, var(--slot-menu-drag-handle-vertical-padding)) var(--luzmo-slot-menu-drag-handle-horizontal-padding, var(--slot-menu-drag-handle-horizontal-padding))}.slot-content-action:hover{background-color:var(--luzmo-slot-menu-content-label-background-color-hover, var(--luzmo-primary-hover))}.slot-content-action:focus{background-color:var(--luzmo-slot-menu-content-label-background-color-focus, var(--luzmo-primary-focus))}.slot-content-action .slot-content-label{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-content-action .slot-content-remove{flex:0 0 auto;cursor:pointer}.close{position:absolute;right:1rem;cursor:pointer;top:calc(-2 * var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)));background-color:var(--luzmo-slot-menu-close-button-background-color, var(--luzmo-background-color-highlight));font-size:var(--luzmo-slot-menu-close-button-size, var(--slot-menu-close-button-size));border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));border-top-left-radius:0;border-top-right-radius:0;padding:var(--luzmo-slot-menu-close-button-vertical-padding, var(--slot-menu-close-button-vertical-padding)) var(--luzmo-slot-menu-close-button-horizontal-padding, var(--slot-menu-close-button-horizontal-padding))}.close:hover{background-color:var(--luzmo-slot-menu-close-button-background-color-hover, var(--luzmo-background-color-highlight-hover))}:host{--slot-menu-display-settings-min-width: 19rem;--slot-menu-min-height: calc(var(--luzmo-component-height) * 2);--slot-menu-font-size: var(--luzmo-font-size);--slot-menu-display-settings-horizontal-padding: var(--luzmo-spacing-5);--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-4);--slot-menu-top-menu-label-max-width: 12rem;--slot-menu-list-min-width: 8rem;--slot-menu-list-max-width: 12rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-3);--slot-menu-drag-handle-size: var(--luzmo-font-size);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-2);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-close-button-size: var(--luzmo-font-size-s);--slot-menu-close-button-vertical-padding: var(--luzmo-spacing-2);--slot-menu-close-button-horizontal-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--slot-menu-popup-shadow-horizontal: 0;--slot-menu-popup-shadow-vertical: 1px;--slot-menu-popup-shadow-blur: 4px;--slot-menu-popup-shadow-color: var(--luzmo-border-color)}:host([size=s]){--slot-menu-display-settings-min-width: 16rem;--slot-menu-min-height: calc(var(--luzmo-component-height-s) * 2);--slot-menu-font-size: var(--luzmo-font-size-s);--slot-menu-display-settings-horizontal-padding: var(--luzmo-spacing-4);--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-3);--slot-menu-top-menu-label-max-width: 10rem;--slot-menu-list-min-width: 6rem;--slot-menu-list-max-width: 10rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-2);--slot-menu-drag-handle-size: var(--luzmo-font-size-s);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-2);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-close-button-size: var(--luzmo-font-size-xs);--slot-menu-close-button-vertical-padding: var(--luzmo-spacing-2);--slot-menu-close-button-horizontal-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([size=l]){--slot-menu-display-settings-min-width: 23rem;--slot-menu-min-height: calc(var(--luzmo-component-height-l) * 2);--slot-menu-font-size: var(--luzmo-font-size-l);--slot-menu-display-settings-horizontal-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-5);--slot-menu-top-menu-label-max-width: 14rem;--slot-menu-list-min-width: 9rem;--slot-menu-list-max-width: 14rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-4);--slot-menu-drag-handle-size: var(--luzmo-font-size-l);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-3);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-close-button-size: var(--luzmo-font-size);--slot-menu-close-button-vertical-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--slot-menu-close-button-horizontal-padding: var(--luzmo-spacing-3)}:host([size=xl]){--slot-menu-display-settings-min-width: 26rem;--slot-menu-min-height: calc(var(--luzmo-component-height-xl) * 2);--slot-menu-font-size: var(--luzmo-font-size-xl);--slot-menu-display-settings-horizontal-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-2) );--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-5);--slot-menu-top-menu-label-max-width: 16rem;--slot-menu-list-min-width: 10rem;--slot-menu-list-max-width: 16rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-5);--slot-menu-drag-handle-size: var(--luzmo-font-size-xl);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-3);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-4);--slot-menu-close-button-size: var(--luzmo-font-size-l);--slot-menu-close-button-vertical-padding: var(--luzmo-spacing-3);--slot-menu-close-button-horizontal-padding: var(--luzmo-spacing-3)}";var g=Object.defineProperty,n=(i,o,l,r)=>{for(var s=void 0,u=i.length-1,m;u>=0;u--)(m=i[u])&&(s=m(o,l,s)||s);return s&&g(o,l,s),s};class e extends c.SizedMixin(h.LuzmoElement,{validSizes:Object.values(c.ElementSizes)}){constructor(){super(...arguments),this.language="en",this.contentLanguage="en",this.slotType="numeric",this.variant="draggable",this.slotContents=[],this._slotListData=[],this._slotContents=[],this._currentSlotContent={},this._activeIndex=0}static get styles(){return[t.r(v)]}disconnectedCallback(){super.disconnectedCallback()}_sendChangeEvent(){this.dispatchEvent(new CustomEvent("slot-contents-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:[...this._slotContents]}}))}_sendCloseEvent(){this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0,cancelable:!0}))}willUpdate(o){var l;o.has("slotContents")&&(this._slotContents=structuredClone(this.slotContents),this._slotListData=structuredClone(this.slotContents),this._currentSlotContent=((l=this._slotContents)==null?void 0:l[this._activeIndex??0])??{})}updated(){this.updateContentLabel()}_handleSlotListChange(o){var r;this._slotContents=structuredClone(o.detail.slotContents);const l=o.detail.activeIndex;l!==this._activeIndex&&(this._activeIndex=l),this._currentSlotContent=((r=this._slotContents)==null?void 0:r[this._activeIndex??0])??{},this.displaySettingsElement.slotContent=this._currentSlotContent,this._slotContents.length<=1&&this.requestUpdate(),this._sendChangeEvent()}_handleSlotContentChange(o){this._slotContents[this._activeIndex]=structuredClone(o.detail.slotContent),this._slotListData=structuredClone(this._slotContents),this.slotMenuListElement&&(this.slotMenuListElement.slotContents=this._slotListData),this.updateContentLabel(),this._sendChangeEvent()}updateContentLabel(){if(this.slotContentLabelElement){const o=p.localize(this._slotContents[this._activeIndex].label,this.contentLanguage);this.slotContentLabelElement.textContent=o}}removeSlotContent(o){this._slotContents=this._slotContents.filter((l,r)=>r!==o),this._currentSlotContent={},this._sendChangeEvent(),this._sendCloseEvent(),this.requestUpdate()}close(){this._sendCloseEvent()}_removeActiveSlotContent(){this.removeSlotContent(this._activeIndex)}render(){return t.x`<div class="slot-menu-top-menu">
|
|
21
|
-
${this.variant==="draggable"?
|
|
22
|
-
${this._slotContents.length===1&&this.variant!=="popup"?
|
|
20
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-DtohCwyO.cjs");const o=require("../property-BCb4Kybn.cjs");require("../display-settings/index.cjs");require("../slot-menu-list/index.cjs");const r=require("../luzmo-icons-CP__dRRM.cjs"),h=require("../localize-r7ALOUy_.cjs"),d=require("../query-D5qWDopr.cjs"),p=require("../focusable-BTJYY_Mf.cjs"),c=require("../sized-mixin-BNtmplgF.cjs"),v=":host{font-family:var(--luzmo-slot-menu-font-family, var(--luzmo-font-family));font-size:var(--luzmo-slot-menu-font-size, var(--slot-menu-font-size));color:var(--luzmo-slot-menu-font-color, var(--luzmo-font-color));display:block;width:fit-content}luzmo-slot-menu-list{min-width:var(--luzmo-slot-menu-list-min-width, var(--slot-menu-list-min-width));max-width:var(--luzmo-slot-menu-list-max-width, var(--slot-menu-list-max-width))}.slot-contents-container{position:relative;border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));background:var(--luzmo-slot-menu-background-color, var(--luzmo-background-color));border-top-left-radius:0}.slot-contents-container .inner-container{display:flex}.slot-contents-container .inner-container luzmo-display-settings{min-width:var(--luzmo-slot-menu-display-settings-min-width, var(--slot-menu-display-settings-min-width));padding:var(--luzmo-slot-menu-display-settings-vertical-padding, var(--slot-menu-display-settings-vertical-padding)) var(--luzmo-slot-menu-display-settings-horizontal-padding, var(--slot-menu-display-settings-horizontal-padding))}:host([variant=popup]) .slot-contents-container{overflow:hidden;border-top-left-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));--slot-menu-popup-filter: drop-shadow( var( --luzmo-slot-menu-popup-shadow-horizontal, var(--slot-menu-popup-shadow-horizontal) ) var( --luzmo-slot-menu-popup-shadow-vertical, var(--slot-menu-popup-shadow-vertical) ) var( --luzmo-slot-menu-popup-shadow-blur, var(--slot-menu-popup-shadow-blur) ) var( --luzmo-slot-menu-popup-shadow-color, var(--slot-menu-popup-shadow-color) ) );filter:var(--luzmo-slot-menu-popup-filter, var(--slot-menu-popup-filter))}.slot-menu-top-menu{display:flex;align-items:center;border-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));border-bottom-left-radius:0;border-bottom-right-radius:0;overflow:hidden;width:fit-content}.drag-handle{background-color:var(--luzmo-slot-menu-drag-handle-background-color, var(--luzmo-background-color-highlight));cursor:grab;width:fit-content;border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color, var(--luzmo-background-color-highlight));font-size:var(--luzmo-slot-menu-drag-handle-size, var(--slot-menu-drag-handle-size));padding:var(--luzmo-slot-menu-drag-handle-vertical-padding, var(--slot-menu-drag-handle-vertical-padding)) var(--luzmo-slot-menu-drag-handle-horizontal-padding, var(--slot-menu-drag-handle-horizontal-padding))}.drag-handle:hover{background-color:var(--luzmo-slot-menu-drag-handle-background-color-hover, var(--luzmo-background-color-highlight-hover))}.slot-content-action{display:flex;flex:0 1 auto;max-width:var(--luzmo-slot-menu-top-menu-label-max-width, var(--slot-menu-top-menu-label-max-width));gap:var(--luzmo-slot-menu-label-to-icon-gap, var(--slot-menu-label-to-icon-gap));background-color:var(--luzmo-slot-menu-content-label-background-color, var(--luzmo-primary));color:var(--luzmo-slot-menu-content-label-color, var(--luzmo-primary-inverse-color));border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-content-label-border-color, var(--luzmo-primary));padding:var(--luzmo-slot-menu-drag-handle-vertical-padding, var(--slot-menu-drag-handle-vertical-padding)) var(--luzmo-slot-menu-drag-handle-horizontal-padding, var(--slot-menu-drag-handle-horizontal-padding))}.slot-content-action:hover{background-color:var(--luzmo-slot-menu-content-label-background-color-hover, var(--luzmo-primary-hover))}.slot-content-action:focus{background-color:var(--luzmo-slot-menu-content-label-background-color-focus, var(--luzmo-primary-focus))}.slot-content-action .slot-content-label{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-content-action .slot-content-remove{flex:0 0 auto;cursor:pointer}.close{position:absolute;right:1rem;cursor:pointer;top:calc(-2 * var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)));background-color:var(--luzmo-slot-menu-close-button-background-color, var(--luzmo-background-color-highlight));font-size:var(--luzmo-slot-menu-close-button-size, var(--slot-menu-close-button-size));border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));border-top-left-radius:0;border-top-right-radius:0;padding:var(--luzmo-slot-menu-close-button-vertical-padding, var(--slot-menu-close-button-vertical-padding)) var(--luzmo-slot-menu-close-button-horizontal-padding, var(--slot-menu-close-button-horizontal-padding))}.close:hover{background-color:var(--luzmo-slot-menu-close-button-background-color-hover, var(--luzmo-background-color-highlight-hover))}:host{--slot-menu-display-settings-min-width: 19rem;--slot-menu-min-height: calc(var(--luzmo-component-height) * 2);--slot-menu-font-size: var(--luzmo-font-size);--slot-menu-display-settings-horizontal-padding: var(--luzmo-spacing-5);--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-4);--slot-menu-top-menu-label-max-width: 12rem;--slot-menu-list-min-width: 8rem;--slot-menu-list-max-width: 12rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-3);--slot-menu-drag-handle-size: var(--luzmo-font-size);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-2);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-close-button-size: var(--luzmo-font-size-s);--slot-menu-close-button-vertical-padding: var(--luzmo-spacing-2);--slot-menu-close-button-horizontal-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--slot-menu-popup-shadow-horizontal: 0;--slot-menu-popup-shadow-vertical: 1px;--slot-menu-popup-shadow-blur: 4px;--slot-menu-popup-shadow-color: var(--luzmo-border-color)}:host([size=s]){--slot-menu-display-settings-min-width: 16rem;--slot-menu-min-height: calc(var(--luzmo-component-height-s) * 2);--slot-menu-font-size: var(--luzmo-font-size-s);--slot-menu-display-settings-horizontal-padding: var(--luzmo-spacing-4);--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-3);--slot-menu-top-menu-label-max-width: 10rem;--slot-menu-list-min-width: 6rem;--slot-menu-list-max-width: 10rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-2);--slot-menu-drag-handle-size: var(--luzmo-font-size-s);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-2);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-close-button-size: var(--luzmo-font-size-xs);--slot-menu-close-button-vertical-padding: var(--luzmo-spacing-2);--slot-menu-close-button-horizontal-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([size=l]){--slot-menu-display-settings-min-width: 23rem;--slot-menu-min-height: calc(var(--luzmo-component-height-l) * 2);--slot-menu-font-size: var(--luzmo-font-size-l);--slot-menu-display-settings-horizontal-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-5);--slot-menu-top-menu-label-max-width: 14rem;--slot-menu-list-min-width: 9rem;--slot-menu-list-max-width: 14rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-4);--slot-menu-drag-handle-size: var(--luzmo-font-size-l);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-3);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-close-button-size: var(--luzmo-font-size);--slot-menu-close-button-vertical-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--slot-menu-close-button-horizontal-padding: var(--luzmo-spacing-3)}:host([size=xl]){--slot-menu-display-settings-min-width: 26rem;--slot-menu-min-height: calc(var(--luzmo-component-height-xl) * 2);--slot-menu-font-size: var(--luzmo-font-size-xl);--slot-menu-display-settings-horizontal-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-2) );--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-5);--slot-menu-top-menu-label-max-width: 16rem;--slot-menu-list-min-width: 10rem;--slot-menu-list-max-width: 16rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-5);--slot-menu-drag-handle-size: var(--luzmo-font-size-xl);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-3);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-4);--slot-menu-close-button-size: var(--luzmo-font-size-l);--slot-menu-close-button-vertical-padding: var(--luzmo-spacing-3);--slot-menu-close-button-horizontal-padding: var(--luzmo-spacing-3)}";var g=Object.defineProperty,n=(i,t,l,s)=>{for(var a=void 0,u=i.length-1,m;u>=0;u--)(m=i[u])&&(a=m(t,l,a)||a);return a&&g(t,l,a),a};class e extends c.SizedMixin(p.LuzmoElement,{validSizes:Object.values(c.ElementSizes)}){constructor(){super(...arguments),this.language="en",this.contentLanguage="en",this.slotType="numeric",this.variant="draggable",this.slotContents=[],this.measureColumns=[],this._slotListData=[],this._slotContents=[],this._currentSlotContent={},this._activeIndex=this.slotIndex??0}static get styles(){return[o.r(v)]}disconnectedCallback(){super.disconnectedCallback()}_sendChangeEvent(){this.dispatchEvent(new CustomEvent("slot-contents-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:[...this._slotContents]}}))}_sendCloseEvent(){this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0,cancelable:!0}))}willUpdate(t){var l;t.has("slotContents")&&(this._slotContents=structuredClone(this.slotContents),this._slotListData=structuredClone(this.slotContents),this._currentSlotContent=((l=this._slotContents)==null?void 0:l[this.slotIndex??this._activeIndex??0])??{})}updated(){this.updateContentLabel()}_handleSlotListChange(t){var s;this._slotContents=structuredClone(t.detail.slotContents);const l=t.detail.activeIndex;l!==this._activeIndex&&(this._activeIndex=l),this._currentSlotContent=((s=this._slotContents)==null?void 0:s[this.slotIndex??this._activeIndex??0])??{},this.displaySettingsElement.slotContent=this._currentSlotContent,this._slotContents.length<=1&&this.requestUpdate(),this._sendChangeEvent()}_handleSlotContentChange(t){this._slotContents[this.slotIndex??this._activeIndex]=structuredClone(t.detail.slotContent),this._slotListData=structuredClone(this._slotContents),this.slotMenuListElement&&(this.slotMenuListElement.slotContents=this._slotListData),this.updateContentLabel(),this._sendChangeEvent()}updateContentLabel(){if(this.slotContentLabelElement){const t=h.localize(this._slotContents[this.slotIndex??this._activeIndex].label,this.contentLanguage);this.slotContentLabelElement.textContent=t}}removeSlotContent(t){this._slotContents=this._slotContents.filter((l,s)=>s!==t),this._currentSlotContent={},this._sendChangeEvent(),this._sendCloseEvent(),this.requestUpdate()}close(){this._sendCloseEvent()}_removeActiveSlotContent(){this.removeSlotContent(this.slotIndex??this._activeIndex)}render(){var t,l,s;return o.x`<div class="slot-menu-top-menu">
|
|
21
|
+
${this.variant==="draggable"?o.x`<div class="drag-handle">${r.y3(r.W)}</div>`:""}
|
|
22
|
+
${this._slotContents&&this._slotContents.length===1&&this.variant!=="popup"?o.x` <div class="slot-content-action">
|
|
23
23
|
<div class="slot-content-label"></div>
|
|
24
24
|
<div
|
|
25
25
|
class="slot-content-remove"
|
|
26
26
|
@click=${this.removeSlotContent.bind(this,0)}
|
|
27
27
|
>
|
|
28
|
-
${
|
|
28
|
+
${r.y3(r.C1)}
|
|
29
29
|
</div>
|
|
30
30
|
</div>`:""}
|
|
31
31
|
</div>
|
|
32
32
|
<div
|
|
33
|
-
class="slot-contents-container ${this._slotContents.length>1?"multiple":""}"
|
|
33
|
+
class="slot-contents-container ${((t=this._slotContents)==null?void 0:t.length)>1?"multiple":""}"
|
|
34
34
|
>
|
|
35
|
-
${this.variant==="popup"?"":
|
|
36
|
-
${
|
|
35
|
+
${this.variant==="popup"?"":o.x`<div class="close" @click=${this.close}>
|
|
36
|
+
${r.y3(r.F)}
|
|
37
37
|
</div>`}
|
|
38
38
|
<div class="inner-container">
|
|
39
|
-
${this._slotContents.length>1?
|
|
39
|
+
${((l=this._slotContents)==null?void 0:l.length)>1&&typeof this.slotIndex!="number"?o.x`<luzmo-slot-menu-list
|
|
40
40
|
.slotContents=${this._slotListData}
|
|
41
|
-
.activeIndex=${this._activeIndex}
|
|
41
|
+
.activeIndex=${this.slotIndex??this._activeIndex}
|
|
42
42
|
@slot-list-changed=${this._handleSlotListChange}
|
|
43
43
|
></luzmo-slot-menu-list>`:""}
|
|
44
44
|
<luzmo-display-settings
|
|
@@ -47,9 +47,11 @@
|
|
|
47
47
|
.contentLanguage=${this.contentLanguage}
|
|
48
48
|
.slotContent=${this._currentSlotContent}
|
|
49
49
|
.slotType=${this.slotType}
|
|
50
|
-
.
|
|
50
|
+
.periodOverPeriod=${this._currentSlotContent.periodOverPeriod}
|
|
51
|
+
.measureColumns=${this.measureColumns}
|
|
52
|
+
.showRemoveButton=${this.variant==="popup"&&(typeof this.slotIndex=="number"||((s=this._slotContents)==null?void 0:s.length)===1)}
|
|
51
53
|
@slot-content-changed=${this._handleSlotContentChange}
|
|
52
54
|
@remove-slot-content=${this._removeActiveSlotContent}
|
|
53
55
|
></luzmo-display-settings>
|
|
54
56
|
</div>
|
|
55
|
-
</div>`}}n([
|
|
57
|
+
</div>`}}n([o.n({type:String,reflect:!0})],e.prototype,"language");n([o.n({type:String,attribute:"content-language",reflect:!0})],e.prototype,"contentLanguage");n([o.n({type:String,attribute:"slot-type",reflect:!0})],e.prototype,"slotType");n([o.n({type:Boolean,attribute:"no-drag",reflect:!0})],e.prototype,"noDrag");n([o.n({type:Boolean,attribute:"no-close",reflect:!0})],e.prototype,"noClose");n([o.n({type:String,reflect:!0})],e.prototype,"variant");n([o.n({type:Boolean,attribute:"no-top-menu-label",reflect:!0})],e.prototype,"noTopMenuLabel");n([o.n()],e.prototype,"slotContents");n([o.n({type:Array,reflect:!1})],e.prototype,"measureColumns");n([o.n({type:Number,reflect:!1,attribute:"slot-index"})],e.prototype,"slotIndex");n([d.e(".slot-content-label")],e.prototype,"slotContentLabelElement");n([d.e("luzmo-display-settings")],e.prototype,"displaySettingsElement");n([d.e("luzmo-slot-menu-list")],e.prototype,"slotMenuListElement");customElements.get("luzmo-slot-menu")||customElements.define("luzmo-slot-menu",e);exports.LuzmoSlotMenu=e;
|
|
@@ -18,35 +18,35 @@
|
|
|
18
18
|
* SOFTWARE.
|
|
19
19
|
* */
|
|
20
20
|
import "../index-CskV_bXp.js";
|
|
21
|
-
import { r as
|
|
21
|
+
import { r as h, x as i, n } from "../property-Dn4zSyxu.js";
|
|
22
22
|
import "../display-settings/index.js";
|
|
23
23
|
import "../slot-menu-list/index.js";
|
|
24
|
-
import {
|
|
24
|
+
import { a7 as m, ad as z, aa as g, ae as v } from "../luzmo-icons-B2K7AcCF.js";
|
|
25
25
|
import { l as b } from "../localize-BX7q0S0M.js";
|
|
26
26
|
import { e as d } from "../query-Ddbd72Um.js";
|
|
27
27
|
import { L as f } from "../focusable-BXhQz3_k.js";
|
|
28
28
|
import { S as x, E as y } from "../sized-mixin-BR_Ii7le.js";
|
|
29
29
|
const p = () => {
|
|
30
30
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
31
|
-
const
|
|
32
|
-
|
|
31
|
+
const s = document.createElement("style");
|
|
32
|
+
s.setAttribute("data-luzmo-vars", ""), s.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(s);
|
|
33
33
|
}
|
|
34
34
|
};
|
|
35
35
|
p();
|
|
36
|
-
const
|
|
37
|
-
var
|
|
38
|
-
for (var
|
|
39
|
-
(c =
|
|
40
|
-
return
|
|
36
|
+
const C = ":host{font-family:var(--luzmo-slot-menu-font-family, var(--luzmo-font-family));font-size:var(--luzmo-slot-menu-font-size, var(--slot-menu-font-size));color:var(--luzmo-slot-menu-font-color, var(--luzmo-font-color));display:block;width:fit-content}luzmo-slot-menu-list{min-width:var(--luzmo-slot-menu-list-min-width, var(--slot-menu-list-min-width));max-width:var(--luzmo-slot-menu-list-max-width, var(--slot-menu-list-max-width))}.slot-contents-container{position:relative;border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));background:var(--luzmo-slot-menu-background-color, var(--luzmo-background-color));border-top-left-radius:0}.slot-contents-container .inner-container{display:flex}.slot-contents-container .inner-container luzmo-display-settings{min-width:var(--luzmo-slot-menu-display-settings-min-width, var(--slot-menu-display-settings-min-width));padding:var(--luzmo-slot-menu-display-settings-vertical-padding, var(--slot-menu-display-settings-vertical-padding)) var(--luzmo-slot-menu-display-settings-horizontal-padding, var(--slot-menu-display-settings-horizontal-padding))}:host([variant=popup]) .slot-contents-container{overflow:hidden;border-top-left-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));--slot-menu-popup-filter: drop-shadow( var( --luzmo-slot-menu-popup-shadow-horizontal, var(--slot-menu-popup-shadow-horizontal) ) var( --luzmo-slot-menu-popup-shadow-vertical, var(--slot-menu-popup-shadow-vertical) ) var( --luzmo-slot-menu-popup-shadow-blur, var(--slot-menu-popup-shadow-blur) ) var( --luzmo-slot-menu-popup-shadow-color, var(--slot-menu-popup-shadow-color) ) );filter:var(--luzmo-slot-menu-popup-filter, var(--slot-menu-popup-filter))}.slot-menu-top-menu{display:flex;align-items:center;border-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));border-bottom-left-radius:0;border-bottom-right-radius:0;overflow:hidden;width:fit-content}.drag-handle{background-color:var(--luzmo-slot-menu-drag-handle-background-color, var(--luzmo-background-color-highlight));cursor:grab;width:fit-content;border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color, var(--luzmo-background-color-highlight));font-size:var(--luzmo-slot-menu-drag-handle-size, var(--slot-menu-drag-handle-size));padding:var(--luzmo-slot-menu-drag-handle-vertical-padding, var(--slot-menu-drag-handle-vertical-padding)) var(--luzmo-slot-menu-drag-handle-horizontal-padding, var(--slot-menu-drag-handle-horizontal-padding))}.drag-handle:hover{background-color:var(--luzmo-slot-menu-drag-handle-background-color-hover, var(--luzmo-background-color-highlight-hover))}.slot-content-action{display:flex;flex:0 1 auto;max-width:var(--luzmo-slot-menu-top-menu-label-max-width, var(--slot-menu-top-menu-label-max-width));gap:var(--luzmo-slot-menu-label-to-icon-gap, var(--slot-menu-label-to-icon-gap));background-color:var(--luzmo-slot-menu-content-label-background-color, var(--luzmo-primary));color:var(--luzmo-slot-menu-content-label-color, var(--luzmo-primary-inverse-color));border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-content-label-border-color, var(--luzmo-primary));padding:var(--luzmo-slot-menu-drag-handle-vertical-padding, var(--slot-menu-drag-handle-vertical-padding)) var(--luzmo-slot-menu-drag-handle-horizontal-padding, var(--slot-menu-drag-handle-horizontal-padding))}.slot-content-action:hover{background-color:var(--luzmo-slot-menu-content-label-background-color-hover, var(--luzmo-primary-hover))}.slot-content-action:focus{background-color:var(--luzmo-slot-menu-content-label-background-color-focus, var(--luzmo-primary-focus))}.slot-content-action .slot-content-label{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-content-action .slot-content-remove{flex:0 0 auto;cursor:pointer}.close{position:absolute;right:1rem;cursor:pointer;top:calc(-2 * var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)));background-color:var(--luzmo-slot-menu-close-button-background-color, var(--luzmo-background-color-highlight));font-size:var(--luzmo-slot-menu-close-button-size, var(--slot-menu-close-button-size));border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));border-top-left-radius:0;border-top-right-radius:0;padding:var(--luzmo-slot-menu-close-button-vertical-padding, var(--slot-menu-close-button-vertical-padding)) var(--luzmo-slot-menu-close-button-horizontal-padding, var(--slot-menu-close-button-horizontal-padding))}.close:hover{background-color:var(--luzmo-slot-menu-close-button-background-color-hover, var(--luzmo-background-color-highlight-hover))}:host{--slot-menu-display-settings-min-width: 19rem;--slot-menu-min-height: calc(var(--luzmo-component-height) * 2);--slot-menu-font-size: var(--luzmo-font-size);--slot-menu-display-settings-horizontal-padding: var(--luzmo-spacing-5);--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-4);--slot-menu-top-menu-label-max-width: 12rem;--slot-menu-list-min-width: 8rem;--slot-menu-list-max-width: 12rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-3);--slot-menu-drag-handle-size: var(--luzmo-font-size);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-2);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-close-button-size: var(--luzmo-font-size-s);--slot-menu-close-button-vertical-padding: var(--luzmo-spacing-2);--slot-menu-close-button-horizontal-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--slot-menu-popup-shadow-horizontal: 0;--slot-menu-popup-shadow-vertical: 1px;--slot-menu-popup-shadow-blur: 4px;--slot-menu-popup-shadow-color: var(--luzmo-border-color)}:host([size=s]){--slot-menu-display-settings-min-width: 16rem;--slot-menu-min-height: calc(var(--luzmo-component-height-s) * 2);--slot-menu-font-size: var(--luzmo-font-size-s);--slot-menu-display-settings-horizontal-padding: var(--luzmo-spacing-4);--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-3);--slot-menu-top-menu-label-max-width: 10rem;--slot-menu-list-min-width: 6rem;--slot-menu-list-max-width: 10rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-2);--slot-menu-drag-handle-size: var(--luzmo-font-size-s);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-2);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-close-button-size: var(--luzmo-font-size-xs);--slot-menu-close-button-vertical-padding: var(--luzmo-spacing-2);--slot-menu-close-button-horizontal-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([size=l]){--slot-menu-display-settings-min-width: 23rem;--slot-menu-min-height: calc(var(--luzmo-component-height-l) * 2);--slot-menu-font-size: var(--luzmo-font-size-l);--slot-menu-display-settings-horizontal-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-5);--slot-menu-top-menu-label-max-width: 14rem;--slot-menu-list-min-width: 9rem;--slot-menu-list-max-width: 14rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-4);--slot-menu-drag-handle-size: var(--luzmo-font-size-l);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-3);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-close-button-size: var(--luzmo-font-size);--slot-menu-close-button-vertical-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--slot-menu-close-button-horizontal-padding: var(--luzmo-spacing-3)}:host([size=xl]){--slot-menu-display-settings-min-width: 26rem;--slot-menu-min-height: calc(var(--luzmo-component-height-xl) * 2);--slot-menu-font-size: var(--luzmo-font-size-xl);--slot-menu-display-settings-horizontal-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-2) );--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-5);--slot-menu-top-menu-label-max-width: 16rem;--slot-menu-list-min-width: 10rem;--slot-menu-list-max-width: 16rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-5);--slot-menu-drag-handle-size: var(--luzmo-font-size-xl);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-3);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-4);--slot-menu-close-button-size: var(--luzmo-font-size-l);--slot-menu-close-button-vertical-padding: var(--luzmo-spacing-3);--slot-menu-close-button-horizontal-padding: var(--luzmo-spacing-3)}";
|
|
37
|
+
var w = Object.defineProperty, e = (s, o, l, r) => {
|
|
38
|
+
for (var a = void 0, u = s.length - 1, c; u >= 0; u--)
|
|
39
|
+
(c = s[u]) && (a = c(o, l, a) || a);
|
|
40
|
+
return a && w(o, l, a), a;
|
|
41
41
|
};
|
|
42
42
|
class t extends x(f, {
|
|
43
43
|
validSizes: Object.values(y)
|
|
44
44
|
}) {
|
|
45
45
|
constructor() {
|
|
46
|
-
super(...arguments), this.language = "en", this.contentLanguage = "en", this.slotType = "numeric", this.variant = "draggable", this.slotContents = [], this._slotListData = [], this._slotContents = [], this._currentSlotContent = {}, this._activeIndex = 0;
|
|
46
|
+
super(...arguments), this.language = "en", this.contentLanguage = "en", this.slotType = "numeric", this.variant = "draggable", this.slotContents = [], this.measureColumns = [], this._slotListData = [], this._slotContents = [], this._currentSlotContent = {}, this._activeIndex = this.slotIndex ?? 0;
|
|
47
47
|
}
|
|
48
48
|
static get styles() {
|
|
49
|
-
return [
|
|
49
|
+
return [h(C)];
|
|
50
50
|
}
|
|
51
51
|
disconnectedCallback() {
|
|
52
52
|
super.disconnectedCallback();
|
|
@@ -74,19 +74,19 @@ class t extends x(f, {
|
|
|
74
74
|
}
|
|
75
75
|
willUpdate(o) {
|
|
76
76
|
var l;
|
|
77
|
-
o.has("slotContents") && (this._slotContents = structuredClone(this.slotContents), this._slotListData = structuredClone(this.slotContents), this._currentSlotContent = ((l = this._slotContents) == null ? void 0 : l[this._activeIndex ?? 0]) ?? {});
|
|
77
|
+
o.has("slotContents") && (this._slotContents = structuredClone(this.slotContents), this._slotListData = structuredClone(this.slotContents), this._currentSlotContent = ((l = this._slotContents) == null ? void 0 : l[this.slotIndex ?? this._activeIndex ?? 0]) ?? {});
|
|
78
78
|
}
|
|
79
79
|
updated() {
|
|
80
80
|
this.updateContentLabel();
|
|
81
81
|
}
|
|
82
82
|
_handleSlotListChange(o) {
|
|
83
|
-
var
|
|
83
|
+
var r;
|
|
84
84
|
this._slotContents = structuredClone(o.detail.slotContents);
|
|
85
85
|
const l = o.detail.activeIndex;
|
|
86
|
-
l !== this._activeIndex && (this._activeIndex = l), this._currentSlotContent = ((
|
|
86
|
+
l !== this._activeIndex && (this._activeIndex = l), this._currentSlotContent = ((r = this._slotContents) == null ? void 0 : r[this.slotIndex ?? this._activeIndex ?? 0]) ?? {}, this.displaySettingsElement.slotContent = this._currentSlotContent, this._slotContents.length <= 1 && this.requestUpdate(), this._sendChangeEvent();
|
|
87
87
|
}
|
|
88
88
|
_handleSlotContentChange(o) {
|
|
89
|
-
this._slotContents[this._activeIndex] = structuredClone(
|
|
89
|
+
this._slotContents[this.slotIndex ?? this._activeIndex] = structuredClone(
|
|
90
90
|
o.detail.slotContent
|
|
91
91
|
), this._slotListData = structuredClone(this._slotContents), this.slotMenuListElement && (this.slotMenuListElement.slotContents = this._slotListData), this.updateContentLabel(), this._sendChangeEvent();
|
|
92
92
|
}
|
|
@@ -94,7 +94,7 @@ class t extends x(f, {
|
|
|
94
94
|
updateContentLabel() {
|
|
95
95
|
if (this.slotContentLabelElement) {
|
|
96
96
|
const o = b(
|
|
97
|
-
this._slotContents[this._activeIndex].label,
|
|
97
|
+
this._slotContents[this.slotIndex ?? this._activeIndex].label,
|
|
98
98
|
this.contentLanguage
|
|
99
99
|
);
|
|
100
100
|
this.slotContentLabelElement.textContent = o;
|
|
@@ -102,19 +102,20 @@ class t extends x(f, {
|
|
|
102
102
|
}
|
|
103
103
|
removeSlotContent(o) {
|
|
104
104
|
this._slotContents = this._slotContents.filter(
|
|
105
|
-
(l,
|
|
105
|
+
(l, r) => r !== o
|
|
106
106
|
), this._currentSlotContent = {}, this._sendChangeEvent(), this._sendCloseEvent(), this.requestUpdate();
|
|
107
107
|
}
|
|
108
108
|
close() {
|
|
109
109
|
this._sendCloseEvent();
|
|
110
110
|
}
|
|
111
111
|
_removeActiveSlotContent() {
|
|
112
|
-
this.removeSlotContent(this._activeIndex);
|
|
112
|
+
this.removeSlotContent(this.slotIndex ?? this._activeIndex);
|
|
113
113
|
}
|
|
114
114
|
render() {
|
|
115
|
+
var o, l, r;
|
|
115
116
|
return i`<div class="slot-menu-top-menu">
|
|
116
|
-
${this.variant === "draggable" ? i`<div class="drag-handle">${m(
|
|
117
|
-
${this._slotContents.length === 1 && this.variant !== "popup" ? i` <div class="slot-content-action">
|
|
117
|
+
${this.variant === "draggable" ? i`<div class="drag-handle">${m(z)}</div>` : ""}
|
|
118
|
+
${this._slotContents && this._slotContents.length === 1 && this.variant !== "popup" ? i` <div class="slot-content-action">
|
|
118
119
|
<div class="slot-content-label"></div>
|
|
119
120
|
<div
|
|
120
121
|
class="slot-content-remove"
|
|
@@ -125,15 +126,15 @@ class t extends x(f, {
|
|
|
125
126
|
</div>` : ""}
|
|
126
127
|
</div>
|
|
127
128
|
<div
|
|
128
|
-
class="slot-contents-container ${this._slotContents.length > 1 ? "multiple" : ""}"
|
|
129
|
+
class="slot-contents-container ${((o = this._slotContents) == null ? void 0 : o.length) > 1 ? "multiple" : ""}"
|
|
129
130
|
>
|
|
130
131
|
${this.variant === "popup" ? "" : i`<div class="close" @click=${this.close}>
|
|
131
132
|
${m(v)}
|
|
132
133
|
</div>`}
|
|
133
134
|
<div class="inner-container">
|
|
134
|
-
${this._slotContents.length > 1 ? i`<luzmo-slot-menu-list
|
|
135
|
+
${((l = this._slotContents) == null ? void 0 : l.length) > 1 && typeof this.slotIndex != "number" ? i`<luzmo-slot-menu-list
|
|
135
136
|
.slotContents=${this._slotListData}
|
|
136
|
-
.activeIndex=${this._activeIndex}
|
|
137
|
+
.activeIndex=${this.slotIndex ?? this._activeIndex}
|
|
137
138
|
@slot-list-changed=${this._handleSlotListChange}
|
|
138
139
|
></luzmo-slot-menu-list>` : ""}
|
|
139
140
|
<luzmo-display-settings
|
|
@@ -142,7 +143,9 @@ class t extends x(f, {
|
|
|
142
143
|
.contentLanguage=${this.contentLanguage}
|
|
143
144
|
.slotContent=${this._currentSlotContent}
|
|
144
145
|
.slotType=${this.slotType}
|
|
145
|
-
.
|
|
146
|
+
.periodOverPeriod=${this._currentSlotContent.periodOverPeriod}
|
|
147
|
+
.measureColumns=${this.measureColumns}
|
|
148
|
+
.showRemoveButton=${this.variant === "popup" && (typeof this.slotIndex == "number" || ((r = this._slotContents) == null ? void 0 : r.length) === 1)}
|
|
146
149
|
@slot-content-changed=${this._handleSlotContentChange}
|
|
147
150
|
@remove-slot-content=${this._removeActiveSlotContent}
|
|
148
151
|
></luzmo-display-settings>
|
|
@@ -174,6 +177,12 @@ e([
|
|
|
174
177
|
e([
|
|
175
178
|
n()
|
|
176
179
|
], t.prototype, "slotContents");
|
|
180
|
+
e([
|
|
181
|
+
n({ type: Array, reflect: !1 })
|
|
182
|
+
], t.prototype, "measureColumns");
|
|
183
|
+
e([
|
|
184
|
+
n({ type: Number, reflect: !1, attribute: "slot-index" })
|
|
185
|
+
], t.prototype, "slotIndex");
|
|
177
186
|
e([
|
|
178
187
|
d(".slot-content-label")
|
|
179
188
|
], t.prototype, "slotContentLabelElement");
|
|
@@ -11,6 +11,8 @@ declare const LuzmoSlotMenu_base: typeof LuzmoElement & {
|
|
|
11
11
|
};
|
|
12
12
|
/**
|
|
13
13
|
* @element luzmo-slot-menu
|
|
14
|
+
* @fires slot-contents-changed - Emitted when the slot contents change
|
|
15
|
+
* @fires close - Emitted when the slot menu is closed
|
|
14
16
|
*/
|
|
15
17
|
export declare class LuzmoSlotMenu extends LuzmoSlotMenu_base {
|
|
16
18
|
static get styles(): CSSResultArray;
|
|
@@ -42,7 +44,18 @@ export declare class LuzmoSlotMenu extends LuzmoSlotMenu_base {
|
|
|
42
44
|
* Whether to show the top menu label & delete button
|
|
43
45
|
*/
|
|
44
46
|
noTopMenuLabel?: boolean;
|
|
47
|
+
/**
|
|
48
|
+
* The contents of the slot
|
|
49
|
+
*/
|
|
45
50
|
slotContents: any;
|
|
51
|
+
/**
|
|
52
|
+
* The list of columns that can be used for the rate aggregation
|
|
53
|
+
*/
|
|
54
|
+
measureColumns: any[];
|
|
55
|
+
/**
|
|
56
|
+
* (Optional) If you only want to display a specific content of a slot, you can set the slotIndex to the index of the content you want to display.
|
|
57
|
+
*/
|
|
58
|
+
slotIndex?: number;
|
|
46
59
|
slotContentLabelElement: HTMLElement;
|
|
47
60
|
displaySettingsElement: LuzmoDisplaySettings;
|
|
48
61
|
slotMenuListElement: LuzmoSlotMenuList;
|
|
@@ -17,7 +17,7 @@
|
|
|
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 p=require("../property-BCb4Kybn.cjs"),v=require("../get-css-variable-DLiZYZEi.cjs"),C=require("../luzmo-icons-DAsjNJNI.cjs"),_=require("../localize-r7ALOUy_.cjs"),P=require("../query-all-CR2wWKRD.cjs"),j=require("../focusable-BTJYY_Mf.cjs"),k=require("../sized-mixin-BNtmplgF.cjs");var D={large:700};function F(i){i.animate([{backgroundColor:"var(--ds-background-selected, #E9F2FF)"},{}],{duration:D.large,easing:"cubic-bezier(0.25, 0.1, 0.25, 1.0)",iterations:1})}function w(i,t){var e=Object.keys(i);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(i);t&&(o=o.filter(function(s){return Object.getOwnPropertyDescriptor(i,s).enumerable})),e.push.apply(e,o)}return e}function S(i){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?w(Object(e),!0).forEach(function(o){v._defineProperty(i,o,e[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(e)):w(Object(e)).forEach(function(o){Object.defineProperty(i,o,Object.getOwnPropertyDescriptor(e,o))})}return i}var L={top:function(t,e){return Math.abs(e.y-t.top)},right:function(t,e){return Math.abs(t.right-e.x)},bottom:function(t,e){return Math.abs(t.bottom-e.y)},left:function(t,e){return Math.abs(e.x-t.left)}},I=Symbol("closestEdge");function $(i,t){var e,o,s=t.element,u=t.input,n=t.allowedEdges,l={x:u.clientX,y:u.clientY},r=s.getBoundingClientRect(),a=n.map(function(c){return{edge:c,value:L[c](r,l)}}),d=(e=(o=a.sort(function(c,b){return c.value-b.value})[0])===null||o===void 0?void 0:o.edge)!==null&&e!==void 0?e:null;return S(S({},i),{},v._defineProperty({},I,d))}function E(i){var t;return(t=i[I])!==null&&t!==void 0?t:null}const M=':host{font-family:var(--luzmo-slot-menu-list-font-family, var(--luzmo-font-family));font-size:var(--luzmo-slot-menu-list-font-size, var(--slot-menu-list-font-size));color:var(--luzmo-slot-menu-listfont-color, var(--luzmo-font-color))}:host{margin:0;padding:0;list-style:none;border-right:var(--luzmo-slot-menu-list-border-right-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-list-border-right-color, var(--luzmo-border-color))}:host li{position:relative;cursor:pointer}:host li:hover{background-color:var(--luzmo-slot-menu-list-background-color-hover, var(--slot-menu-list-background-color-hover))}:host .active{background-color:var(--luzmo-slot-menu-list-active-background-color, var(--slot-menu-list-active-background-color));color:var(--luzmo-slot-menu-list-active-color, var(--slot-menu-list-active-color))}:host .active:hover{background-color:var(--luzmo-slot-menu-list-active-background-color-hover, var(--slot-menu-list-active-background-color-hover))}.drop-indicator{position:absolute;left:0;right:0;height:var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height));background-color:var(--luzmo-slot-menu-list-drop-indicator-color, var(--slot-menu-list-drop-indicator-color))}.drop-indicator:before{content:"";display:block;width:100%;border:var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height)) solid var(--luzmo-slot-menu-list-drop-indicator-color, var(--slot-menu-list-drop-indicator-color));border-radius:50%;position:absolute;background:var(--luzmo-slot-menu-list-drop-indicator-background, var(--luzmo-background-color));left:calc(-.5 * (var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height))));top:calc(-.5 * (var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height))));height:var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size));width:var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size))}.drop-indicator[data-edge=top]{top:calc(-.5 * var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height)))}.drop-indicator[data-edge=bottom]{bottom:calc(-.5 * var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height)))}.draggable-slot-content{display:flex;justify-content:space-between;gap:var(--luzmo-slot-menu-label-to-icon-gap, var(--slot-menu-label-to-icon-gap));align-items:center}.draggable-slot-content .draggable-slot-content-label,.draggable-slot-content .draggable-slot-content-remove{padding-block-start:var(--luzmo-slot-menu-list-item-vertical-padding, var(--slot-menu-list-item-vertical-padding));padding-block-end:var(--luzmo-slot-menu-list-item-vertical-padding, var(--slot-menu-list-item-vertical-padding))}.draggable-slot-content .draggable-slot-content-label{padding-inline-start:var(--luzmo-slot-menu-list-item-horizontal-padding, var(--slot-menu-list-item-horizontal-padding));flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draggable-slot-content .draggable-slot-content-remove{padding-inline-end:var(--luzmo-slot-menu-list-item-horizontal-padding, var(--slot-menu-list-item-horizontal-padding));flex:0 0 auto}:host{--slot-menu-list-active-background-color: var(--luzmo-primary);--slot-menu-list-active-background-color-hover: var(--luzmo-primary-hover);--slot-menu-list-active-color: var(--luzmo-primary-inverse-color);--slot-menu-list-background-color-hover: var(--luzmo-background-color-hover);--slot-menu-list-drop-indicator-color: var(--luzmo-font-color-down);--slot-menu-list-drop-indicator-height: 2px;--slot-menu-list-drop-indicator-circle-size: 4px}:host{--slot-menu-display-settings-min-width: 19rem;--slot-menu-min-height: calc(var(--luzmo-component-height) * 2);--slot-menu-font-size: var(--luzmo-font-size);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-4);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-3)}:host([size=s]){--slot-menu-display-settings-min-width: 16rem;--slot-menu-min-height: calc(var(--luzmo-component-height-s) * 2);--slot-menu-font-size: var(--luzmo-font-size-s);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-2)}:host([size=l]){--slot-menu-display-settings-min-width: 23rem;--slot-menu-min-height: calc(var(--luzmo-component-height-l) * 2);--slot-menu-font-size: var(--luzmo-font-size-l);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-4)}:host([size=xl]){--slot-menu-display-settings-min-width: 26rem;--slot-menu-min-height: calc(var(--luzmo-component-height-xl) * 2);--slot-menu-font-size: var(--luzmo-font-size-xl);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-4);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-5)}';var q=Object.defineProperty,f=(i,t,e,o)=>{for(var s=void 0,u=i.length-1,n;u>=0;u--)(n=i[u])&&(s=n(t,e,s)||s);return s&&q(t,e,s),s};class h extends k.SizedMixin(j.LuzmoElement,{validSizes:Object.values(k.ElementSizes)}){constructor(){super(...arguments),this.language="en",this.contentLanguage="en",this.slotContents=[],this.activeIndex=0,this._sendChangeEvent=()=>{this.dispatchEvent(new CustomEvent("slot-list-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:structuredClone(this.slotContents),activeIndex:this.activeIndex}}))},this._cleanupFns=[],this._attachAll=()=>{[...this._draggableSlotContentElements].forEach(t=>{const e=this._sendChangeEvent.bind(this),o=this,s=v.draggable({element:t,onGenerateDragPreview({nativeSetDragImage:n}){v.setCustomNativeDragPreview({nativeSetDragImage:n,render({container:l}){var d;const r=document.createElement("div");r.classList.add("drag-preview");const a={};[["borderColor","--luzmo-slot-menu-list-border-color","--luzmo-border-color"],["backgroundColor","--luzmo-slot-menu-list-background-color","--luzmo-background-color"],["color","--luzmo-slot-menu-list-font-color","--slot-menu-list-font-color"],["fontSize","--luzmo-slot-menu-list-font-size","--slot-menu-list-font-size"],["horizontalPadding","--luzmo-slot-menu-list-item-horizontal-padding","--slot-menu-list-item-horizontal-padding"],["verticalPadding","--luzmo-slot-menu-list-item-vertical-padding","--slot-menu-list-item-vertical-padding"],["borderRadius","--luzmo-slot-menu-list-border-radius","--luzmo-border-radius"],["fontFamily","--luzmo-slot-menu-list-font-family","--luzmo-font-family"]].forEach(([c,b,y])=>{const m=v.getCssVariableValue(t,b)||v.getCssVariableValue(t,y);a[c]=m}),r.textContent=((d=t.querySelector("[data-task-content]"))==null?void 0:d.textContent)??t.textContent,Object.assign(r.style,{border:`1px solid ${a.borderColor}`,backgroundColor:a.backgroundColor,borderRadius:a.borderRadius,fontFamily:a.fontFamily,fontSize:a.fontSize,color:a.color,paddingInline:`${a.horizontalPadding}`,paddingBlock:`${a.verticalPadding}`}),l.append(r)}})},getInitialData(){var r;const n=t.parentElement;let l=0;return n&&(l=[...((r=n.parentElement)==null?void 0:r.children)??[]].indexOf(n)),{index:l}},onDragStart(){t.style.opacity="0.5"},onDrop(){t.style.opacity="1"}});this._cleanupFns.push(s);const u=v.dropTargetForElements({element:t,canDrop({source:n}){var l;return n.element===t?!1:(l=n==null?void 0:n.element)==null?void 0:l.classList.contains("draggable-slot-content")},getData(n){return $({},{element:t,input:n.input,allowedEdges:["top","bottom"]})},getIsSticky(){return!0},onDragEnter({self:n}){const l=E(n.data);if(!l)return;const r=document.createElement("div");r.classList.add("drop-indicator"),r.dataset.edge=l,t.after(r)},onDrag({self:n}){var a,d,c;const l=E(n.data);if(!l){(a=t.nextElementSibling)==null||a.remove();return}if(((d=t.nextElementSibling)==null?void 0:d.getAttribute("data-edge"))===l)return;(c=t.nextElementSibling)==null||c.remove();const r=document.createElement("div");r.classList.add("drop-indicator"),r.dataset.edge=l,t.after(r)},onDragLeave(){var n;(n=t.nextElementSibling)==null||n.remove()},onDrop({self:n,source:l}){var d,c,b,y;(d=t.nextElementSibling)==null||d.remove();const r=E(n.data),a=n.element.parentElement;if(typeof l.data.index=="number"&&a){let m=[...((c=a.parentElement)==null?void 0:c.children)??[]].indexOf(a);r==="bottom"&&l.data.index>=m&&m<(((y=(b=a==null?void 0:a.parentElement)==null?void 0:b.children)==null?void 0:y.length)??0)-1?m+=1:r==="top"&&m>l.data.index&&(m-=1);const g=o.activeIndex,z=l.data.index,x=m,O=o.slotContents[z];o.slotContents.splice(z,1),o.slotContents.splice(x,0,O),z===g?o.activeIndex=x:z<g&&x>=g?o.activeIndex=g-1:z>g&&x<=g&&(o.activeIndex=g+1)}r&&(F(l.element),o.requestUpdate(),e())}});this._cleanupFns.push(u)})},this._detachAll=()=>{this._cleanupFns.forEach(t=>t()),this._cleanupFns=[]}}static get styles(){return[p.r(M)]}willUpdate(){this._detachAll()}updated(){this._attachAll()}setActiveIndex(t){this.activeIndex=t,this._sendChangeEvent()}removeSlotContent(t){this.slotContents=this.slotContents.filter((e,o)=>o!==t),this.activeIndex===t?this.activeIndex=t:this.slotContents.length>0&&this.activeIndex>t&&this.activeIndex--,this._sendChangeEvent()}render(){const t=this.slotContents.map((e,o)=>{const s=_.localize(e.label,this.contentLanguage);return p.x`<li class=${o===this.activeIndex?"active":""}>
|
|
20
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../property-BCb4Kybn.cjs"),v=require("../get-css-variable-DLiZYZEi.cjs"),C=require("../luzmo-icons-CP__dRRM.cjs"),_=require("../localize-r7ALOUy_.cjs"),P=require("../query-all-CR2wWKRD.cjs"),j=require("../focusable-BTJYY_Mf.cjs"),k=require("../sized-mixin-BNtmplgF.cjs");var D={large:700};function F(i){i.animate([{backgroundColor:"var(--ds-background-selected, #E9F2FF)"},{}],{duration:D.large,easing:"cubic-bezier(0.25, 0.1, 0.25, 1.0)",iterations:1})}function w(i,t){var e=Object.keys(i);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(i);t&&(o=o.filter(function(s){return Object.getOwnPropertyDescriptor(i,s).enumerable})),e.push.apply(e,o)}return e}function S(i){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?w(Object(e),!0).forEach(function(o){v._defineProperty(i,o,e[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(e)):w(Object(e)).forEach(function(o){Object.defineProperty(i,o,Object.getOwnPropertyDescriptor(e,o))})}return i}var L={top:function(t,e){return Math.abs(e.y-t.top)},right:function(t,e){return Math.abs(t.right-e.x)},bottom:function(t,e){return Math.abs(t.bottom-e.y)},left:function(t,e){return Math.abs(e.x-t.left)}},I=Symbol("closestEdge");function $(i,t){var e,o,s=t.element,u=t.input,n=t.allowedEdges,l={x:u.clientX,y:u.clientY},r=s.getBoundingClientRect(),a=n.map(function(c){return{edge:c,value:L[c](r,l)}}),d=(e=(o=a.sort(function(c,b){return c.value-b.value})[0])===null||o===void 0?void 0:o.edge)!==null&&e!==void 0?e:null;return S(S({},i),{},v._defineProperty({},I,d))}function E(i){var t;return(t=i[I])!==null&&t!==void 0?t:null}const M=':host{font-family:var(--luzmo-slot-menu-list-font-family, var(--luzmo-font-family));font-size:var(--luzmo-slot-menu-list-font-size, var(--slot-menu-list-font-size));color:var(--luzmo-slot-menu-listfont-color, var(--luzmo-font-color))}:host{margin:0;padding:0;list-style:none;border-right:var(--luzmo-slot-menu-list-border-right-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-list-border-right-color, var(--luzmo-border-color))}:host li{position:relative;cursor:pointer}:host li:hover{background-color:var(--luzmo-slot-menu-list-background-color-hover, var(--slot-menu-list-background-color-hover))}:host .active{background-color:var(--luzmo-slot-menu-list-active-background-color, var(--slot-menu-list-active-background-color));color:var(--luzmo-slot-menu-list-active-color, var(--slot-menu-list-active-color))}:host .active:hover{background-color:var(--luzmo-slot-menu-list-active-background-color-hover, var(--slot-menu-list-active-background-color-hover))}.drop-indicator{position:absolute;left:0;right:0;height:var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height));background-color:var(--luzmo-slot-menu-list-drop-indicator-color, var(--slot-menu-list-drop-indicator-color))}.drop-indicator:before{content:"";display:block;width:100%;border:var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height)) solid var(--luzmo-slot-menu-list-drop-indicator-color, var(--slot-menu-list-drop-indicator-color));border-radius:50%;position:absolute;background:var(--luzmo-slot-menu-list-drop-indicator-background, var(--luzmo-background-color));left:calc(-.5 * (var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height))));top:calc(-.5 * (var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height))));height:var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size));width:var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size))}.drop-indicator[data-edge=top]{top:calc(-.5 * var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height)))}.drop-indicator[data-edge=bottom]{bottom:calc(-.5 * var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height)))}.draggable-slot-content{display:flex;justify-content:space-between;gap:var(--luzmo-slot-menu-label-to-icon-gap, var(--slot-menu-label-to-icon-gap));align-items:center}.draggable-slot-content .draggable-slot-content-label,.draggable-slot-content .draggable-slot-content-remove{padding-block-start:var(--luzmo-slot-menu-list-item-vertical-padding, var(--slot-menu-list-item-vertical-padding));padding-block-end:var(--luzmo-slot-menu-list-item-vertical-padding, var(--slot-menu-list-item-vertical-padding))}.draggable-slot-content .draggable-slot-content-label{padding-inline-start:var(--luzmo-slot-menu-list-item-horizontal-padding, var(--slot-menu-list-item-horizontal-padding));flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draggable-slot-content .draggable-slot-content-remove{padding-inline-end:var(--luzmo-slot-menu-list-item-horizontal-padding, var(--slot-menu-list-item-horizontal-padding));flex:0 0 auto}:host{--slot-menu-list-active-background-color: var(--luzmo-primary);--slot-menu-list-active-background-color-hover: var(--luzmo-primary-hover);--slot-menu-list-active-color: var(--luzmo-primary-inverse-color);--slot-menu-list-background-color-hover: var(--luzmo-background-color-hover);--slot-menu-list-drop-indicator-color: var(--luzmo-font-color-down);--slot-menu-list-drop-indicator-height: 2px;--slot-menu-list-drop-indicator-circle-size: 4px}:host{--slot-menu-display-settings-min-width: 19rem;--slot-menu-min-height: calc(var(--luzmo-component-height) * 2);--slot-menu-font-size: var(--luzmo-font-size);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-4);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-3)}:host([size=s]){--slot-menu-display-settings-min-width: 16rem;--slot-menu-min-height: calc(var(--luzmo-component-height-s) * 2);--slot-menu-font-size: var(--luzmo-font-size-s);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-2)}:host([size=l]){--slot-menu-display-settings-min-width: 23rem;--slot-menu-min-height: calc(var(--luzmo-component-height-l) * 2);--slot-menu-font-size: var(--luzmo-font-size-l);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-4)}:host([size=xl]){--slot-menu-display-settings-min-width: 26rem;--slot-menu-min-height: calc(var(--luzmo-component-height-xl) * 2);--slot-menu-font-size: var(--luzmo-font-size-xl);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-4);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-5)}';var q=Object.defineProperty,f=(i,t,e,o)=>{for(var s=void 0,u=i.length-1,n;u>=0;u--)(n=i[u])&&(s=n(t,e,s)||s);return s&&q(t,e,s),s};class h extends k.SizedMixin(j.LuzmoElement,{validSizes:Object.values(k.ElementSizes)}){constructor(){super(...arguments),this.language="en",this.contentLanguage="en",this.slotContents=[],this.activeIndex=0,this._sendChangeEvent=()=>{this.dispatchEvent(new CustomEvent("slot-list-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:structuredClone(this.slotContents),activeIndex:this.activeIndex}}))},this._cleanupFns=[],this._attachAll=()=>{[...this._draggableSlotContentElements].forEach(t=>{const e=this._sendChangeEvent.bind(this),o=this,s=v.draggable({element:t,onGenerateDragPreview({nativeSetDragImage:n}){v.setCustomNativeDragPreview({nativeSetDragImage:n,render({container:l}){var d;const r=document.createElement("div");r.classList.add("drag-preview");const a={};[["borderColor","--luzmo-slot-menu-list-border-color","--luzmo-border-color"],["backgroundColor","--luzmo-slot-menu-list-background-color","--luzmo-background-color"],["color","--luzmo-slot-menu-list-font-color","--slot-menu-list-font-color"],["fontSize","--luzmo-slot-menu-list-font-size","--slot-menu-list-font-size"],["horizontalPadding","--luzmo-slot-menu-list-item-horizontal-padding","--slot-menu-list-item-horizontal-padding"],["verticalPadding","--luzmo-slot-menu-list-item-vertical-padding","--slot-menu-list-item-vertical-padding"],["borderRadius","--luzmo-slot-menu-list-border-radius","--luzmo-border-radius"],["fontFamily","--luzmo-slot-menu-list-font-family","--luzmo-font-family"]].forEach(([c,b,y])=>{const m=v.getCssVariableValue(t,b)||v.getCssVariableValue(t,y);a[c]=m}),r.textContent=((d=t.querySelector("[data-task-content]"))==null?void 0:d.textContent)??t.textContent,Object.assign(r.style,{border:`1px solid ${a.borderColor}`,backgroundColor:a.backgroundColor,borderRadius:a.borderRadius,fontFamily:a.fontFamily,fontSize:a.fontSize,color:a.color,paddingInline:`${a.horizontalPadding}`,paddingBlock:`${a.verticalPadding}`}),l.append(r)}})},getInitialData(){var r;const n=t.parentElement;let l=0;return n&&(l=[...((r=n.parentElement)==null?void 0:r.children)??[]].indexOf(n)),{index:l}},onDragStart(){t.style.opacity="0.5"},onDrop(){t.style.opacity="1"}});this._cleanupFns.push(s);const u=v.dropTargetForElements({element:t,canDrop({source:n}){var l;return n.element===t?!1:(l=n==null?void 0:n.element)==null?void 0:l.classList.contains("draggable-slot-content")},getData(n){return $({},{element:t,input:n.input,allowedEdges:["top","bottom"]})},getIsSticky(){return!0},onDragEnter({self:n}){const l=E(n.data);if(!l)return;const r=document.createElement("div");r.classList.add("drop-indicator"),r.dataset.edge=l,t.after(r)},onDrag({self:n}){var a,d,c;const l=E(n.data);if(!l){(a=t.nextElementSibling)==null||a.remove();return}if(((d=t.nextElementSibling)==null?void 0:d.getAttribute("data-edge"))===l)return;(c=t.nextElementSibling)==null||c.remove();const r=document.createElement("div");r.classList.add("drop-indicator"),r.dataset.edge=l,t.after(r)},onDragLeave(){var n;(n=t.nextElementSibling)==null||n.remove()},onDrop({self:n,source:l}){var d,c,b,y;(d=t.nextElementSibling)==null||d.remove();const r=E(n.data),a=n.element.parentElement;if(typeof l.data.index=="number"&&a){let m=[...((c=a.parentElement)==null?void 0:c.children)??[]].indexOf(a);r==="bottom"&&l.data.index>=m&&m<(((y=(b=a==null?void 0:a.parentElement)==null?void 0:b.children)==null?void 0:y.length)??0)-1?m+=1:r==="top"&&m>l.data.index&&(m-=1);const g=o.activeIndex,z=l.data.index,x=m,O=o.slotContents[z];o.slotContents.splice(z,1),o.slotContents.splice(x,0,O),z===g?o.activeIndex=x:z<g&&x>=g?o.activeIndex=g-1:z>g&&x<=g&&(o.activeIndex=g+1)}r&&(F(l.element),o.requestUpdate(),e())}});this._cleanupFns.push(u)})},this._detachAll=()=>{this._cleanupFns.forEach(t=>t()),this._cleanupFns=[]}}static get styles(){return[p.r(M)]}willUpdate(){this._detachAll()}updated(){this._attachAll()}setActiveIndex(t){this.activeIndex=t,this._sendChangeEvent()}removeSlotContent(t){this.slotContents=this.slotContents.filter((e,o)=>o!==t),this.activeIndex===t?this.activeIndex=t:this.slotContents.length>0&&this.activeIndex>t&&this.activeIndex--,this._sendChangeEvent()}render(){const t=this.slotContents.map((e,o)=>{const s=_.localize(e.label,this.contentLanguage);return p.x`<li class=${o===this.activeIndex?"active":""}>
|
|
21
21
|
<div class="draggable-slot-content">
|
|
22
22
|
<div
|
|
23
23
|
class="draggable-slot-content-label"
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
class="draggable-slot-content-remove"
|
|
30
30
|
@click=${this.removeSlotContent.bind(this,o)}
|
|
31
31
|
>
|
|
32
|
-
${C.
|
|
32
|
+
${C.y3(C.C1)}
|
|
33
33
|
</div>
|
|
34
34
|
</div>
|
|
35
35
|
</li>`});return p.x`<div>${t}</div>`}}f([p.n({type:String,reflect:!0})],h.prototype,"language");f([p.n({type:String,attribute:"content-language",reflect:!0})],h.prototype,"contentLanguage");f([P.r(".draggable-slot-content")],h.prototype,"_draggableSlotContentElements");f([p.n()],h.prototype,"slotContents");f([p.n({type:Number})],h.prototype,"activeIndex");customElements.get("luzmo-slot-menu-list")||customElements.define("luzmo-slot-menu-list",h);exports.LuzmoSlotMenuList=h;
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
* */
|
|
20
20
|
import { r as P, x as E, n as x } from "../property-Dn4zSyxu.js";
|
|
21
21
|
import { _ as S, d as F, a as j, s as D, g as w } from "../get-css-variable-YlLiVgo8.js";
|
|
22
|
-
import {
|
|
22
|
+
import { a7 as $, aa as L } from "../luzmo-icons-B2K7AcCF.js";
|
|
23
23
|
import { l as M } from "../localize-BX7q0S0M.js";
|
|
24
24
|
import { r as A } from "../query-all-Ddzx2fEK.js";
|
|
25
25
|
import { L as R } from "../focusable-BXhQz3_k.js";
|
package/components/{spike-map-slots.config-Drga6_j0.cjs → spike-map-slots.config-BM5-Dlub.cjs}
RENAMED
|
@@ -17,4 +17,4 @@
|
|
|
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 e=[{name:"geo",rotate:!1,label:"Geography",type:"categorical",isRequired:!0,
|
|
20
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=[{name:"geo",rotate:!1,label:"Geography",type:"categorical",isRequired:!0,acceptableDataItemTypes:["spatial"]},{name:"measure",rotate:!1,label:"Measure",type:"numeric",canAcceptFormula:!0},{name:"color",rotate:!0,type:"mixed",options:{areDatetimeOptionsEnabled:!0},label:"Color"}];exports.default=e;
|
package/components/{strip-plot-slots.config-JvkKY5Ga.cjs → strip-plot-slots.config-DDUlLO8K.cjs}
RENAMED
|
@@ -17,4 +17,4 @@
|
|
|
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 e=[{name:"measure",rotate:!0,label:"Measure",type:"numeric",
|
|
20
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=[{name:"measure",rotate:!0,label:"Measure",type:"numeric",canAcceptMultipleDataItems:!0,canAcceptFormula:!0},{name:"y-axis",rotate:!1,label:"Category",options:{areDatetimeOptionsEnabled:!0},type:"categorical",isRequired:!0}];exports.default=e;
|
|
@@ -17,4 +17,4 @@
|
|
|
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 e=[{name:"measure",rotate:!1,label:"Measure",type:"numeric",canAcceptFormula:!0},{name:"levels",rotate:!1,label:"Levels",type:"categorical",
|
|
20
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=[{name:"measure",rotate:!1,label:"Measure",type:"numeric",canAcceptFormula:!0},{name:"levels",rotate:!1,label:"Levels",type:"categorical",canAcceptMultipleDataItems:!0,options:{areDatetimeOptionsEnabled:!0},isRequired:!0}];exports.default=e;
|
package/components/{symbol-map-slots.config-C5CKaVED.js → symbol-map-slots.config-DT5lvWh_.js}
RENAMED
|
@@ -24,7 +24,7 @@ const e = [
|
|
|
24
24
|
label: "Geography",
|
|
25
25
|
type: "categorical",
|
|
26
26
|
isRequired: !0,
|
|
27
|
-
|
|
27
|
+
acceptableDataItemTypes: ["spatial"]
|
|
28
28
|
},
|
|
29
29
|
{
|
|
30
30
|
name: "measure",
|
|
@@ -39,7 +39,12 @@ const e = [
|
|
|
39
39
|
label: "Color",
|
|
40
40
|
options: { areDatetimeOptionsEnabled: !0 },
|
|
41
41
|
type: "categorical",
|
|
42
|
-
|
|
42
|
+
acceptableDataItemTypes: [
|
|
43
|
+
"hierarchy",
|
|
44
|
+
"datetime",
|
|
45
|
+
"array[hierarchy]",
|
|
46
|
+
"array[datetime]"
|
|
47
|
+
]
|
|
43
48
|
}
|
|
44
49
|
];
|
|
45
50
|
export {
|
package/components/{choropleth-map-slots.config-PNwSR0XY.cjs → symbol-map-slots.config-Dm_FRGHA.cjs}
RENAMED
|
@@ -17,4 +17,4 @@
|
|
|
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 e=[{name:"geo",rotate:!1,label:"Geography",type:"categorical",isRequired:!0,
|
|
20
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=[{name:"geo",rotate:!1,label:"Geography",type:"categorical",isRequired:!0,acceptableDataItemTypes:["spatial"]},{name:"measure",rotate:!1,label:"Measure",type:"numeric",canAcceptFormula:!0},{name:"category",rotate:!0,label:"Color",options:{areDatetimeOptionsEnabled:!0},type:"categorical",acceptableDataItemTypes:["hierarchy","datetime","array[hierarchy]","array[datetime]"]}];exports.default=e;
|
package/components/utils.cjs
CHANGED
|
@@ -17,4 +17,4 @@
|
|
|
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 A=require("./decompose-numeric-format-B3rVVHpO.cjs"),q=require("./formatter-DiJYkB6b.cjs"),
|
|
20
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("./decompose-numeric-format-B3rVVHpO.cjs"),q=require("./formatter-DiJYkB6b.cjs"),D=require("./localize-r7ALOUy_.cjs"),S=require("./index-B_rfLdXx.cjs"),x=require("./index-Vdyb9z2D.cjs");function z(o){var a,m,h,C;const c=[],f=[];Object.keys(S.slotsConfigs).forEach(e=>{e.replace("SlotsConfig","");const t=e.replace("SlotsConfig","").replaceAll(/([A-Z])/g,"-$1").toLowerCase();f.push({type:t,slotsConfig:S.slotsConfigs[e]})});const i=f.find(e=>e.type===(o==null?void 0:o.oldItemType)),n=f.find(e=>e.type===(o==null?void 0:o.newItemType)),s=structuredClone((n==null?void 0:n.slotsConfig)??[]);if(!n)return{type:(i==null?void 0:i.type)??"bar-chart",slots:o.slots??[]};const r=structuredClone(o.slots??[]);for(const e of r){const t=i==null?void 0:i.slotsConfig.find(b=>b.name===e.name);e.type=(t==null?void 0:t.type)??(e==null?void 0:e.type)}const u=r.filter(e=>e.type==="mixed").sort((e,t)=>e.order-t.order),y=s.filter(e=>e.type==="mixed").sort((e,t)=>e.order-t.order),O=r.filter(e=>e.type==="numeric").sort((e,t)=>e.order-t.order),T=s.filter(e=>e.type==="numeric").sort((e,t)=>e.order-t.order),l=[];for(const e of O)for(const t of e.content)t.key="old-measure-"+(e==null?void 0:e.name)+"-"+e.content.indexOf(t),l.push(t);for(const e of u)for(const t of e.content)t.type==="numeric"&&(t.key="old-mixed-"+(e==null?void 0:e.name)+"-"+e.content.indexOf(t),l.push(t));const k=[...T,...y].sort((e,t)=>s.indexOf(e)-s.indexOf(t));for(const e of l)for(const t of k)c.includes(e.key)||(t.content=(t==null?void 0:t.content)??[],(((a=t==null?void 0:t.content)==null?void 0:a.length)===0||((m=t==null?void 0:t.content)==null?void 0:m.length)>0&&(t==null?void 0:t.canAcceptMultipleDataItems)===!0)&&(t.content.push(e),c.push(e.key)));const g=r.filter(e=>e.type==="categorical").sort((e,t)=>e.order-t.order),w=s.filter(e=>e.type==="categorical").sort((e,t)=>e.order-t.order),d=[];for(const e of g)for(const t of e.content)t.key="old-dimension-"+(e==null?void 0:e.name)+"-"+e.content.indexOf(t),d.push(t);for(const e of u)for(const t of e.content)t.type!=="numeric"&&(t.key="old-mixed-"+(e==null?void 0:e.name)+"-"+e.content.indexOf(t),d.push(t));const M=[...w,...y].sort((e,t)=>s.indexOf(e)-s.indexOf(t));for(const e of d)if(!c.includes(e.key))for(const t of M)t&&!c.includes(e.key)&&(t.content=(t==null?void 0:t.content)??[],(((h=t==null?void 0:t.content)==null?void 0:h.length)===0||((C=t==null?void 0:t.content)==null?void 0:C.length)>0&&(t==null?void 0:t.canAcceptMultipleDataItems)===!0)&&(t.content.push(e),c.push(e.key)));let p={...o.options};return n.setInitialOptions&&(p=n==null?void 0:n.setInitialOptions({...p})),{type:n.type??"bar-chart",slots:s.map(e=>({name:e.name,content:e.content??[]}))??[],options:p??{...o.options}}}exports.decomposeNumericFormat=A.decomposeNumericFormat;exports.formatter=q.formatter;exports.localize=D.localize;exports.getTheme=x.getTheme;exports.systemThemeIds=x.systemThemeIds;exports.switchItem=z;
|