@luzmo/analytics-components-kit 1.0.1-alpha.17 → 1.0.1-alpha.19
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-options.config-A8NH6aUG.cjs +20 -0
- package/components/{area-chart-options.config-B5qtlH-_.js → area-chart-options.config-BbSP_Auh.js} +32 -31
- package/components/bar-chart-options.config-CRGDLJCK.js +161 -0
- package/components/bar-chart-options.config-Cpbrpmp1.cjs +20 -0
- package/components/{box-plot-options.config-DoZHVmpm.js → box-plot-options.config-BtonHYul.js} +65 -90
- package/components/box-plot-options.config-CGIKZNsw.cjs +20 -0
- package/components/bubble-chart-options.config-BM7njnkG.cjs +20 -0
- package/components/{bubble-chart-options.config-Cp6OQnJl.js → bubble-chart-options.config-R5R-E3dd.js} +24 -42
- package/components/{bubble-chart-options.de-L-yQc0Vj.cjs → bubble-chart-options.de-D2Z88fwi.cjs} +1 -1
- package/components/{bubble-chart-options.de-BGWrRmuN.js → bubble-chart-options.de-D8Ap7joq.js} +6 -1
- package/components/{bubble-chart-options.en-CYwRht5M.js → bubble-chart-options.en-BU3F4n13.js} +8 -3
- package/components/{bubble-chart-options.en-CCG_rkEd.cjs → bubble-chart-options.en-CP9PhuPw.cjs} +1 -1
- package/components/{bubble-chart-options.es-CihHnrZ4.cjs → bubble-chart-options.es-B6mTDtxs.cjs} +1 -1
- package/components/{bubble-chart-options.es-ZnkjzgL_.js → bubble-chart-options.es-Bh_dRgE3.js} +7 -2
- package/components/{bubble-chart-options.fr-CFULfSKT.cjs → bubble-chart-options.fr-BMPe3Z5G.cjs} +1 -1
- package/components/{bubble-chart-options.fr-Cym1h3sF.js → bubble-chart-options.fr-CNiJgmGl.js} +7 -2
- package/components/{bubble-chart-options.nl-Deep5xXO.cjs → bubble-chart-options.nl-5thQrFoi.cjs} +1 -1
- package/components/{bubble-chart-options.nl-D1TFWi5k.js → bubble-chart-options.nl-BoV3kpaZ.js} +8 -3
- package/components/{bullet-chart-options.config-D8mAooLE.js → bullet-chart-options.config-D-_esi9S.js} +7 -25
- package/components/bullet-chart-options.config-D-wrbTMO.cjs +20 -0
- package/components/{choropleth-map-options.config-4QDypbCL.cjs → choropleth-map-options.config-BOuMfF8r.cjs} +1 -1
- package/components/{choropleth-map-options.config-V8tRnQqz.js → choropleth-map-options.config-z2fY__jr.js} +4 -4
- package/components/{circular-guage-options.config-C3ExuT5F.js → circular-gauge-options.config-9tIxyJj1.js} +19 -29
- package/components/circular-gauge-options.config-h9KNl5Eq.cjs +20 -0
- package/components/column-chart-options.config-B-e2SI2W.cjs +20 -0
- package/components/{column-chart-options.config-CGw1dN1E.js → column-chart-options.config-D87ZFT76.js} +34 -52
- package/components/conditional-number-options.config-D09JeUlU.cjs +20 -0
- package/components/conditional-number-options.config-PVvKLc1P.js +133 -0
- package/components/conditional-number-options.de-BJcjBZY1.js +74 -0
- package/components/conditional-number-options.de-CFnufi0r.cjs +20 -0
- package/components/conditional-number-options.en-WSrIzRGJ.js +74 -0
- package/components/conditional-number-options.en-Wd-0YtdE.cjs +20 -0
- package/components/conditional-number-options.es-BKqT0zog.js +74 -0
- package/components/conditional-number-options.es-BTDTe5SF.cjs +20 -0
- package/components/conditional-number-options.fr-CZ-9jzPm.cjs +20 -0
- package/components/conditional-number-options.fr-D2r7Azy8.js +74 -0
- package/components/conditional-number-options.nl-CfRYL6o1.cjs +20 -0
- package/components/conditional-number-options.nl-pkRI1tLZ.js +74 -0
- package/components/{donut-chart-options.config-DuJFyp4z.js → donut-chart-options.config-NPwNtLDW.js} +23 -20
- package/components/donut-chart-options.config-bqcKuyIu.cjs +20 -0
- package/components/{dropdown-filter-options.config-BxjR1xAD.js → dropdown-filter-options.config-D9dvPypF.js} +5 -5
- package/components/{dropdown-filter-options.config-C3YEGK-5.cjs → dropdown-filter-options.config-DS-MORmq.cjs} +1 -1
- package/components/edit-item/index.cjs +14 -14
- package/components/edit-item/index.js +79 -55
- package/components/edit-option/helpers/get-default-value.d.ts +1 -0
- package/components/edit-option/index.cjs +98 -98
- package/components/edit-option/index.js +335 -329
- package/components/edit-option-action-button-group/index.cjs +7 -7
- package/components/edit-option-action-button-group/index.js +56 -54
- package/components/edit-option-position-picker/edit-option-position-picker.d.ts +1 -1
- package/components/edit-option-position-picker/index.cjs +2 -2
- package/components/edit-option-position-picker/index.js +4 -6
- package/components/funnel-chart-options.config-CrlHKd36.js +184 -0
- package/components/funnel-chart-options.config-hw_GXs4s.cjs +20 -0
- package/components/funnel-chart-options.de-CuVFMJUC.js +93 -0
- package/components/funnel-chart-options.de-DRAGes5d.cjs +20 -0
- package/components/funnel-chart-options.en-CvPbJr1r.js +93 -0
- package/components/funnel-chart-options.en-b6BBKfZh.cjs +20 -0
- package/components/funnel-chart-options.es-DfDw5S5g.cjs +20 -0
- package/components/funnel-chart-options.es-_M7sC4m6.js +93 -0
- package/components/funnel-chart-options.fr-DWkPkC47.cjs +20 -0
- package/components/funnel-chart-options.fr-DvnZ-XbE.js +93 -0
- package/components/funnel-chart-options.nl-BdAL0ZJP.cjs +20 -0
- package/components/funnel-chart-options.nl-C72_FTNm.js +93 -0
- package/components/helpers-CKo1Fkek.cjs +20 -0
- package/components/helpers-DqqxcHaY.js +51 -0
- package/components/{line-chart-options.config-CEUJYNt7.js → line-chart-options.config-BtfCTjNr.js} +32 -31
- package/components/line-chart-options.config-Cb7txmmw.cjs +20 -0
- package/components/radar-chart-options.config-Ck7skfge.cjs +20 -0
- package/components/{radar-chart-options.config-gKHFbC63.js → radar-chart-options.config-DFxna7UF.js} +25 -43
- package/components/sankey-diagram-options.config-DJqI2dMh.cjs +20 -0
- package/components/{sankey-diagram-options.config-ylhZhJ6H.js → sankey-diagram-options.config-Dj9g2BOp.js} +16 -26
- package/components/{search-filter-options.config-C9CoGS9f.cjs → search-filter-options.config-BCaDlYqZ.cjs} +1 -1
- package/components/{search-filter-options.config-baX2Vdul.js → search-filter-options.config-BE3JhR-F.js} +1 -1
- package/components/{slicer-filter-options.config-A3YK_KZn.js → slicer-filter-options.config-BArPA7Mb.js} +20 -38
- package/components/slicer-filter-options.config-BW44EPso.cjs +20 -0
- package/components/{slider-filter-options.config-C-zvfTNl.js → slider-filter-options.config-BIKIbGbN.js} +7 -25
- package/components/slider-filter-options.config-zuWa8Rtt.cjs +20 -0
- package/components/sunburst-chart-options.config-BjtKxThH.cjs +20 -0
- package/components/{sunburst-chart-options.config-VZqDthcz.js → sunburst-chart-options.config-BxkJfdrU.js} +30 -30
- package/components/{textobject-options.nl-V03mmGmH.js → text-options.nl-C8sliUgH.js} +2 -2
- package/components/{treemap-chart-options.config-f8L8KfDj.js → treemap-chart-options.config-MyCTS35Y.js} +45 -63
- package/components/treemap-chart-options.config-PwXbMhHZ.cjs +20 -0
- package/components/{video-options.config-BBDHSf6_.cjs → video-options.config-CGsDTwHc.cjs} +1 -1
- package/components/{video-options.config-CbtNZAEK.js → video-options.config-Dk36zJ1B.js} +5 -5
- package/components/wordcloud-chart-options.config-Cv9l0THs.cjs +20 -0
- package/components/{wordcloud-chart-options.config-CQs8YFfd.js → wordcloud-chart-options.config-Dq7TF0sb.js} +10 -28
- package/custom-elements.json +31 -3
- package/item-definitions/area-chart/area-chart-options.config.d.ts +27 -6
- package/item-definitions/bar-chart/bar-chart-options.config.d.ts +13 -13
- package/item-definitions/box-plot/box-plot-options.config.d.ts +16 -16
- package/item-definitions/bubble-chart/bubble-chart-options.config.d.ts +7 -7
- package/item-definitions/bubble-chart/i18n/bubble-chart-options.de.d.ts +5 -0
- package/item-definitions/bubble-chart/i18n/bubble-chart-options.en.d.ts +5 -0
- package/item-definitions/bubble-chart/i18n/bubble-chart-options.es.d.ts +5 -0
- package/item-definitions/bubble-chart/i18n/bubble-chart-options.fr.d.ts +5 -0
- package/item-definitions/bubble-chart/i18n/bubble-chart-options.nl.d.ts +5 -0
- package/item-definitions/bullet-chart/bullet-chart-options.config.d.ts +4 -4
- package/item-definitions/choropleth-map/choropleth-map-options.config.d.ts +1 -1
- package/item-definitions/circular-gauge/{circular-guage-options.config.d.ts → circular-gauge-options.config.d.ts} +4 -4
- package/item-definitions/column-chart/column-chart-options.config.d.ts +13 -13
- package/item-definitions/conditional-number/conditional-number-options.config.d.ts +135 -0
- package/item-definitions/conditional-number/i18n/conditional-number-options.de.d.ts +53 -0
- package/item-definitions/conditional-number/i18n/conditional-number-options.en.d.ts +53 -0
- package/item-definitions/conditional-number/i18n/conditional-number-options.es.d.ts +53 -0
- package/item-definitions/conditional-number/i18n/conditional-number-options.fr.d.ts +53 -0
- package/item-definitions/conditional-number/i18n/conditional-number-options.nl.d.ts +53 -0
- package/item-definitions/donut-chart/donut-chart-options.config.d.ts +8 -7
- package/item-definitions/dropdown-filter/dropdown-filter-options.config.d.ts +2 -2
- package/item-definitions/funnel-chart/funnel-chart-options.config.d.ts +88 -0
- package/item-definitions/funnel-chart/i18n/funnel-chart-options.de.d.ts +72 -0
- package/item-definitions/funnel-chart/i18n/funnel-chart-options.en.d.ts +72 -0
- package/item-definitions/funnel-chart/i18n/funnel-chart-options.es.d.ts +72 -0
- package/item-definitions/funnel-chart/i18n/funnel-chart-options.fr.d.ts +72 -0
- package/item-definitions/funnel-chart/i18n/funnel-chart-options.nl.d.ts +72 -0
- package/item-definitions/helpers.d.ts +7 -0
- package/item-definitions/line-chart/line-chart-options.config.d.ts +31 -7
- package/item-definitions/radar-chart/radar-chart-options.config.d.ts +8 -8
- package/item-definitions/sankey-diagram/sankey-diagram-options.config.d.ts +5 -5
- package/item-definitions/search-filter/search-filter-options.config.d.ts +1 -1
- package/item-definitions/slicer-filter/slicer-filter-options.config.d.ts +8 -8
- package/item-definitions/slider-filter/slider-filter-options.config.d.ts +4 -4
- package/item-definitions/sunburst-chart/sunburst-chart-options.config.d.ts +4 -4
- package/item-definitions/treemap-chart/treemap-chart-options.config.d.ts +10 -10
- package/item-definitions/video/video-options.config.d.ts +3 -3
- package/item-definitions/wordcloud-chart/wordcloud-chart-options.config.d.ts +5 -5
- package/package.json +1 -1
- package/components/area-chart-options.config-DMfRioZx.cjs +0 -20
- package/components/bar-chart-options.config-C7BGg5sh.cjs +0 -20
- package/components/bar-chart-options.config-CQfpV1Rx.js +0 -181
- package/components/box-plot-options.config-BsFp2CBS.cjs +0 -20
- package/components/bubble-chart-options.config-DL5Xl6Ad.cjs +0 -20
- package/components/bullet-chart-options.config-BO22R7gx.cjs +0 -20
- package/components/circular-guage-options.config-Dvg5quJ9.cjs +0 -20
- package/components/column-chart-options.config-DomUPYPM.cjs +0 -20
- package/components/donut-chart-options.config-kUyTbAtZ.cjs +0 -20
- package/components/line-chart-options.config-DNGyRAvG.cjs +0 -20
- package/components/radar-chart-options.config-DUXOzdbl.cjs +0 -20
- package/components/sankey-diagram-options.config-CG5S1OI3.cjs +0 -20
- package/components/slicer-filter-options.config-DQunaj8q.cjs +0 -20
- package/components/slider-filter-options.config-DF_sAElS.cjs +0 -20
- package/components/sunburst-chart-options.config-CEfAd1RQ.cjs +0 -20
- package/components/treemap-chart-options.config-Dc2UNcGG.cjs +0 -20
- package/components/wordcloud-chart-options.config-BLvcDvxT.cjs +0 -20
- /package/components/{imageobject-options.de-CBkRiIbw.cjs → image-options.de-CBkRiIbw.cjs} +0 -0
- /package/components/{imageobject-options.de-CYVnqdL_.js → image-options.de-CYVnqdL_.js} +0 -0
- /package/components/{imageobject-options.en-BMmV-4O-.js → image-options.en-BMmV-4O-.js} +0 -0
- /package/components/{imageobject-options.en-DflcU_2H.cjs → image-options.en-DflcU_2H.cjs} +0 -0
- /package/components/{imageobject-options.es-CRbNv384.cjs → image-options.es-CRbNv384.cjs} +0 -0
- /package/components/{imageobject-options.es-UN5rmaEt.js → image-options.es-UN5rmaEt.js} +0 -0
- /package/components/{imageobject-options.fr-DRE3zImB.js → image-options.fr-DRE3zImB.js} +0 -0
- /package/components/{imageobject-options.fr-ycH7UoX5.cjs → image-options.fr-ycH7UoX5.cjs} +0 -0
- /package/components/{imageobject-options.nl-D20hki6i.js → image-options.nl-D20hki6i.js} +0 -0
- /package/components/{imageobject-options.nl-DQL45o0j.cjs → image-options.nl-DQL45o0j.cjs} +0 -0
- /package/components/{textobject-options.de-BjfS5RBn.js → text-options.de-BjfS5RBn.js} +0 -0
- /package/components/{textobject-options.de-DLr2-jBn.cjs → text-options.de-DLr2-jBn.cjs} +0 -0
- /package/components/{textobject-options.en-BQqHFc7M.js → text-options.en-BQqHFc7M.js} +0 -0
- /package/components/{textobject-options.en-LfsMtwo6.cjs → text-options.en-LfsMtwo6.cjs} +0 -0
- /package/components/{textobject-options.es-BLQBqlvK.cjs → text-options.es-BLQBqlvK.cjs} +0 -0
- /package/components/{textobject-options.es-CMB1DKq4.js → text-options.es-CMB1DKq4.js} +0 -0
- /package/components/{textobject-options.fr-B8x29grG.cjs → text-options.fr-B8x29grG.cjs} +0 -0
- /package/components/{textobject-options.fr-VPJ3bDOM.js → text-options.fr-VPJ3bDOM.js} +0 -0
- /package/components/{textobject-options.nl-DzglrI3i.cjs → text-options.nl-DzglrI3i.cjs} +0 -0
- /package/item-definitions/image/i18n/{imageobject-options.de.d.ts → image-options.de.d.ts} +0 -0
- /package/item-definitions/image/i18n/{imageobject-options.en.d.ts → image-options.en.d.ts} +0 -0
- /package/item-definitions/image/i18n/{imageobject-options.es.d.ts → image-options.es.d.ts} +0 -0
- /package/item-definitions/image/i18n/{imageobject-options.fr.d.ts → image-options.fr.d.ts} +0 -0
- /package/item-definitions/image/i18n/{imageobject-options.nl.d.ts → image-options.nl.d.ts} +0 -0
- /package/item-definitions/text/i18n/{textobject-options.de.d.ts → text-options.de.d.ts} +0 -0
- /package/item-definitions/text/i18n/{textobject-options.en.d.ts → text-options.en.d.ts} +0 -0
- /package/item-definitions/text/i18n/{textobject-options.es.d.ts → text-options.es.d.ts} +0 -0
- /package/item-definitions/text/i18n/{textobject-options.fr.d.ts → text-options.fr.d.ts} +0 -0
- /package/item-definitions/text/i18n/{textobject-options.nl.d.ts → text-options.nl.d.ts} +0 -0
@@ -17,22 +17,22 @@
|
|
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";var
|
20
|
+
"use strict";var m=Object.getPrototypeOf;var b=Reflect.get;var d=(c,t,e)=>b(m(c),e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../luzmo-icons-XsFsTAl3.cjs");require("../index-zuArOtOt.cjs");require("../index-DUO13KGl.cjs");require("../index-h9T5DPIm.cjs");const n=require("../property-0L4eB11h.cjs"),z=require("../query-D5qWDopr.cjs"),g=require("../edit-option-base-Boz7TNRZ.cjs"),v="luzmo-action-group{--luzmo-edit-option-action-button-group-button-background-hover: rgba( var(--luzmo-primary-rgb), .1 );--luzmo-edit-option-action-button-group-button-background-down: rgba( var(--luzmo-primary-rgb), .2 );--luzmo-edit-option-action-button-group-button-background-focus: rgba( var(--luzmo-primary-rgb), .1 );--luzmo-edit-option-action-button-group-button-content-color-default: var( --luzmo-font-color-disabled );--luzmo-edit-option-action-button-group-button-content-color-hover: var( --luzmo-font-color-hover );--luzmo-edit-option-action-button-group-button-content-color-down: var( --luzmo-font-color-down );--luzmo-edit-option-action-button-group-button-content-color-focus: var( --luzmo-font-color-focus )}luzmo-action-group[compact][quiet][emphasized]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-1)}luzmo-action-group[compact][quiet][emphasized][size=s]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-1)}luzmo-action-group[compact][quiet][emphasized][size=l]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-2)}luzmo-action-group[compact][quiet][emphasized][size=xl]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-3)}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button{--luzmo-action-button-background-color-hover: var( --luzmo-edit-option-action-button-group-button-background-hover );--luzmo-action-button-background-color-down: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-background-color-focus: var( --luzmo-edit-option-action-button-group-button-background-focus );--luzmo-action-button-content-color-default: var( --luzmo-edit-option-action-button-group-button-content-color-default );--luzmo-action-button-content-color-hover: var( --luzmo-edit-option-action-button-group-button-content-color-hover );--luzmo-action-button-content-color-down: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-focus: var( --luzmo-edit-option-action-button-group-button-content-color-focus )}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]:hover,luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]{--luzmo-action-button-background-color-hover: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-background-color-default: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-content-color-default: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-hover: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-down: var( --luzmo-edit-option-action-button-group-button-content-color-down )}";var h=Object.defineProperty,i=(c,t,e,l)=>{for(var r=void 0,s=c.length-1,p;s>=0;s--)(p=c[s])&&(r=p(t,e,r)||r);return r&&h(t,e,r),r};const f={alignBottom:o.U,alignMiddle:o.P,alignTop:o.E,alignLeft:o.G,alignCenter:o.q,alignRight:o.O,ban:o.a1,borderSolid:o.b2,borderDashed:o.k2,borderDotted:o.S2,compress:o.Y,expand:o._,arrowsExpand:o.c1,arrowsHorizontal:o.J,arrowsVertical:o.j,italic:o.w1,bold:o.D1,underline:o.x1,rows:o.E1,columns:o.P1,table:o.r1},a=class a extends g.LuzmoEditOptionBase{constructor(){super(...arguments),this.values={},this.disabled=!1}_handleEvent(){var e,l,r;const t=this.selects==="multiple"?(e=this.actionGroup)==null?void 0:e.selected:(r=(l=this.actionGroup)==null?void 0:l.selected)==null?void 0:r[0];this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:t}}))}_generateButtonContents(t){return typeof t=="string"?n.x`${t}`:t.iconName||t.icon?n.x`
|
21
21
|
<luzmo-icon
|
22
22
|
slot="icon"
|
23
|
-
.icon=${t.icon??
|
23
|
+
.icon=${t.icon??f[t.iconName]}
|
24
24
|
.label=${t.label??""}
|
25
25
|
></luzmo-icon>
|
26
26
|
${t.buttonText??""}
|
27
|
-
`:n.x`${t.buttonText??""}`}_generateActionButtons(){return Object.entries(this.values).map(([t,
|
27
|
+
`:n.x`${t.buttonText??""}`}_generateActionButtons(){return Object.entries(this.values).map(([t,e])=>n.x`
|
28
28
|
<luzmo-action-button value=${t} ?disabled=${this.disabled}>
|
29
|
-
${this._generateButtonContents(
|
30
|
-
${
|
29
|
+
${this._generateButtonContents(e)}
|
30
|
+
${e.label?n.x`<luzmo-tooltip
|
31
31
|
self-managed
|
32
32
|
placement="top"
|
33
33
|
size=${this.size}
|
34
34
|
>
|
35
|
-
${
|
35
|
+
${e.label}
|
36
36
|
</luzmo-tooltip>`:""}
|
37
37
|
</luzmo-action-button>
|
38
38
|
`)}renderController(){const t=this._generateActionButtons();return n.x`
|
@@ -48,4 +48,4 @@
|
|
48
48
|
>
|
49
49
|
${t}
|
50
50
|
</luzmo-action-group>
|
51
|
-
`}};a.styles=[...
|
51
|
+
`}};a.styles=[...d(a,a,"styles"),n.r$1(v)];let u=a;i([n.n({type:Array})],u.prototype,"values");i([n.n({type:Boolean,reflect:!0})],u.prototype,"disabled");i([n.n({type:String})],u.prototype,"selects");i([n.n({type:Array})],u.prototype,"value");i([n.n({type:Array})],u.prototype,"default");i([z.e("luzmo-action-group")],u.prototype,"actionGroup");customElements.get("luzmo-edit-option-action-button-group")||customElements.define("luzmo-edit-option-action-button-group",u);exports.LuzmoEditOptionActionButtonGroup=u;
|
@@ -17,63 +17,65 @@
|
|
17
17
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
18
18
|
* SOFTWARE.
|
19
19
|
* */
|
20
|
-
var
|
21
|
-
var
|
22
|
-
var
|
23
|
-
import { r as
|
20
|
+
var d = Object.getPrototypeOf;
|
21
|
+
var p = Reflect.get;
|
22
|
+
var z = (r, o, t) => p(d(r), t, o);
|
23
|
+
import { r as g, P as f, E as h, a as v, D as x, w as y, j as w, J as k, c as $, _ as C, Y as q, S, e as E, f as _, g as B, i as P, q as D, G as j, l as A, m as H, U as N } from "../luzmo-icons-BE2T8vWu.js";
|
24
24
|
import "../index-CdCtJpK9.js";
|
25
25
|
import "../index-Bee1uunR.js";
|
26
26
|
import "../index-ymMEPngt.js";
|
27
|
-
import { a as
|
28
|
-
import { e as
|
29
|
-
import { L as
|
30
|
-
const
|
27
|
+
import { a as T, x as u, n as c } from "../property-B2F7x7Cz.js";
|
28
|
+
import { e as U } from "../query-Ddbd72Um.js";
|
29
|
+
import { L as M } from "../edit-option-base-qePiIQWd.js";
|
30
|
+
const b = () => {
|
31
31
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
32
32
|
const r = document.createElement("style");
|
33
33
|
r.setAttribute("data-luzmo-vars", ""), r.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(r);
|
34
34
|
}
|
35
35
|
};
|
36
|
-
|
37
|
-
const
|
38
|
-
var
|
39
|
-
for (var e = void 0,
|
40
|
-
(
|
41
|
-
return e &&
|
36
|
+
b();
|
37
|
+
const R = "luzmo-action-group{--luzmo-edit-option-action-button-group-button-background-hover: rgba( var(--luzmo-primary-rgb), .1 );--luzmo-edit-option-action-button-group-button-background-down: rgba( var(--luzmo-primary-rgb), .2 );--luzmo-edit-option-action-button-group-button-background-focus: rgba( var(--luzmo-primary-rgb), .1 );--luzmo-edit-option-action-button-group-button-content-color-default: var( --luzmo-font-color-disabled );--luzmo-edit-option-action-button-group-button-content-color-hover: var( --luzmo-font-color-hover );--luzmo-edit-option-action-button-group-button-content-color-down: var( --luzmo-font-color-down );--luzmo-edit-option-action-button-group-button-content-color-focus: var( --luzmo-font-color-focus )}luzmo-action-group[compact][quiet][emphasized]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-1)}luzmo-action-group[compact][quiet][emphasized][size=s]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-1)}luzmo-action-group[compact][quiet][emphasized][size=l]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-2)}luzmo-action-group[compact][quiet][emphasized][size=xl]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-3)}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button{--luzmo-action-button-background-color-hover: var( --luzmo-edit-option-action-button-group-button-background-hover );--luzmo-action-button-background-color-down: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-background-color-focus: var( --luzmo-edit-option-action-button-group-button-background-focus );--luzmo-action-button-content-color-default: var( --luzmo-edit-option-action-button-group-button-content-color-default );--luzmo-action-button-content-color-hover: var( --luzmo-edit-option-action-button-group-button-content-color-hover );--luzmo-action-button-content-color-down: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-focus: var( --luzmo-edit-option-action-button-group-button-content-color-focus )}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]:hover,luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]{--luzmo-action-button-background-color-hover: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-background-color-default: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-content-color-default: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-hover: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-down: var( --luzmo-edit-option-action-button-group-button-content-color-down )}";
|
38
|
+
var V = Object.defineProperty, n = (r, o, t, i) => {
|
39
|
+
for (var e = void 0, m = r.length - 1, s; m >= 0; m--)
|
40
|
+
(s = r[m]) && (e = s(o, t, e) || e);
|
41
|
+
return e && V(o, t, e), e;
|
42
42
|
};
|
43
|
-
const
|
44
|
-
alignBottom:
|
45
|
-
alignMiddle:
|
46
|
-
alignTop:
|
47
|
-
alignLeft:
|
48
|
-
alignCenter:
|
49
|
-
alignRight:
|
50
|
-
ban:
|
51
|
-
borderSolid:
|
52
|
-
borderDashed:
|
53
|
-
borderDotted:
|
54
|
-
compress:
|
55
|
-
expand:
|
56
|
-
arrowsExpand:
|
57
|
-
arrowsHorizontal:
|
58
|
-
arrowsVertical:
|
59
|
-
italic:
|
60
|
-
bold:
|
61
|
-
underline:
|
62
|
-
rows:
|
63
|
-
columns:
|
64
|
-
table:
|
65
|
-
}, a = class a extends
|
43
|
+
const F = {
|
44
|
+
alignBottom: N,
|
45
|
+
alignMiddle: H,
|
46
|
+
alignTop: A,
|
47
|
+
alignLeft: j,
|
48
|
+
alignCenter: D,
|
49
|
+
alignRight: P,
|
50
|
+
ban: B,
|
51
|
+
borderSolid: _,
|
52
|
+
borderDashed: E,
|
53
|
+
borderDotted: S,
|
54
|
+
compress: q,
|
55
|
+
expand: C,
|
56
|
+
arrowsExpand: $,
|
57
|
+
arrowsHorizontal: k,
|
58
|
+
arrowsVertical: w,
|
59
|
+
italic: y,
|
60
|
+
bold: x,
|
61
|
+
underline: v,
|
62
|
+
rows: h,
|
63
|
+
columns: f,
|
64
|
+
table: g
|
65
|
+
}, a = class a extends M {
|
66
66
|
constructor() {
|
67
67
|
super(...arguments), this.values = {}, this.disabled = !1;
|
68
68
|
}
|
69
69
|
_handleEvent() {
|
70
|
+
var t, i, e;
|
71
|
+
const o = this.selects === "multiple" ? (t = this.actionGroup) == null ? void 0 : t.selected : (e = (i = this.actionGroup) == null ? void 0 : i.selected) == null ? void 0 : e[0];
|
70
72
|
this.dispatchEvent(
|
71
73
|
new CustomEvent("option-changed", {
|
72
74
|
bubbles: !0,
|
73
75
|
composed: !0,
|
74
76
|
cancelable: !0,
|
75
77
|
detail: {
|
76
|
-
value:
|
78
|
+
value: o
|
77
79
|
}
|
78
80
|
})
|
79
81
|
);
|
@@ -82,7 +84,7 @@ const V = {
|
|
82
84
|
return typeof o == "string" ? u`${o}` : o.iconName || o.icon ? u`
|
83
85
|
<luzmo-icon
|
84
86
|
slot="icon"
|
85
|
-
.icon=${o.icon ??
|
87
|
+
.icon=${o.icon ?? F[o.iconName]}
|
86
88
|
.label=${o.label ?? ""}
|
87
89
|
></luzmo-icon>
|
88
90
|
${o.buttonText ?? ""}
|
@@ -90,15 +92,15 @@ const V = {
|
|
90
92
|
}
|
91
93
|
_generateActionButtons() {
|
92
94
|
return Object.entries(this.values).map(
|
93
|
-
([o,
|
95
|
+
([o, t]) => u`
|
94
96
|
<luzmo-action-button value=${o} ?disabled=${this.disabled}>
|
95
|
-
${this._generateButtonContents(
|
96
|
-
${
|
97
|
+
${this._generateButtonContents(t)}
|
98
|
+
${t.label ? u`<luzmo-tooltip
|
97
99
|
self-managed
|
98
100
|
placement="top"
|
99
101
|
size=${this.size}
|
100
102
|
>
|
101
|
-
${
|
103
|
+
${t.label}
|
102
104
|
</luzmo-tooltip>` : ""}
|
103
105
|
</luzmo-action-button>
|
104
106
|
`
|
@@ -122,30 +124,30 @@ const V = {
|
|
122
124
|
`;
|
123
125
|
}
|
124
126
|
};
|
125
|
-
a.styles = [...
|
126
|
-
let
|
127
|
+
a.styles = [...z(a, a, "styles"), T(R)];
|
128
|
+
let l = a;
|
127
129
|
n([
|
128
130
|
c({ type: Array })
|
129
|
-
],
|
131
|
+
], l.prototype, "values");
|
130
132
|
n([
|
131
133
|
c({ type: Boolean, reflect: !0 })
|
132
|
-
],
|
134
|
+
], l.prototype, "disabled");
|
133
135
|
n([
|
134
136
|
c({ type: String })
|
135
|
-
],
|
137
|
+
], l.prototype, "selects");
|
136
138
|
n([
|
137
139
|
c({ type: Array })
|
138
|
-
],
|
140
|
+
], l.prototype, "value");
|
139
141
|
n([
|
140
142
|
c({ type: Array })
|
141
|
-
],
|
143
|
+
], l.prototype, "default");
|
142
144
|
n([
|
143
|
-
|
144
|
-
],
|
145
|
+
U("luzmo-action-group")
|
146
|
+
], l.prototype, "actionGroup");
|
145
147
|
customElements.get("luzmo-edit-option-action-button-group") || customElements.define(
|
146
148
|
"luzmo-edit-option-action-button-group",
|
147
|
-
|
149
|
+
l
|
148
150
|
);
|
149
151
|
export {
|
150
|
-
|
152
|
+
l as LuzmoEditOptionActionButtonGroup
|
151
153
|
};
|
@@ -3,7 +3,7 @@ import { LuzmoEditOptionBase } from '../edit-option-base/edit-option-base';
|
|
3
3
|
export declare class LuzmoEditOptionPositionPicker extends LuzmoEditOptionBase {
|
4
4
|
static styles: (import("lit").CSSResult | import("lit").CSSResultArray)[];
|
5
5
|
value?: string;
|
6
|
-
|
6
|
+
default: string;
|
7
7
|
positions?: string[];
|
8
8
|
readonly: boolean;
|
9
9
|
private _handleEvent;
|
@@ -17,9 +17,9 @@
|
|
17
17
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
18
18
|
* SOFTWARE.
|
19
19
|
* */
|
20
|
-
"use strict";var m=Object.getPrototypeOf;var h=Reflect.get;var c=(r,o,i)=>h(m(r),i,o);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-CdUTqQ3L.cjs");const e=require("../property-0L4eB11h.cjs"),k=require("../edit-option-base-Boz7TNRZ.cjs"),v=":host{height:var(--luzmo-edit-option-position-picker-grid-height, var(--edit-option-position-picker-grid-height));display:flex;align-items:center}.luzmo-edit-option{height:var(--luzmo-edit-option-position-picker-grid-height, var(--edit-option-position-picker-grid-height))}.position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--luzmo-edit-option-position-picker-grid-gap, var(--edit-option-position-picker-grid-gap));width:var(--luzmo-edit-option-position-picker-grid-width, var(--edit-option-position-picker-grid-width));box-sizing:border-box;border:.0625rem solid var(--luzmo-edit-option-position-picker-grid-border-color, var(--luzmo-border-color));padding:var(--luzmo-edit-option-position-picker-grid-padding, var(--edit-option-position-picker-grid-padding));border-radius:var(--luzmo-edit-option-position-picker-grid-border-radius, var(--edit-option-position-picker-grid-border-radius))}.position-item{width:100%;height:var(--luzmo-edit-option-position-picker-item-height, var(--edit-option-position-picker-item-height));box-sizing:border-box;border:.0625rem solid var(--luzmo-edit-option-position-picker-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-edit-option-position-picker-border-radius, var(--edit-option-position-picker-border-radius));background:var(--luzmo-edit-option-position-picker-background, var(--luzmo-background-color-highlight));transition:background-color var(--luzmo-edit-option-position-picker-animation-duration, var(--luzmo-animation-duration)) ease-in-out;cursor:pointer}.position-item:hover{background-color:var(--luzmo-edit-option-position-picker-background-hover, var(--luzmo-background-color-highlight-down))}.position-item.selected,.position-item.selected:hover,.position-item.selected:active,.position-item.selected:focus{background-color:var(--luzmo-edit-option-position-picker-background-selected, var(--luzmo-primary));transition:background-color var(--luzmo-edit-option-position-picker-selected-animation-duration, 0) ease-in-out}.position-item.position-item-not-allowed{opacity:0}:host{--edit-option-position-picker-grid-height: 7rem;--edit-option-position-picker-grid-width: 7rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius);--edit-option-position-picker-grid-border-radius: var(--luzmo-border-radius);--edit-option-position-picker-grid-padding: .25rem;--edit-option-position-picker-item-height: 1.75rem;--edit-option-position-picker-grid-gap: .25rem}:host([size=s]){--edit-option-position-picker-grid-height: 5.125rem;--edit-option-position-picker-grid-width: 5.625rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius);--edit-option-position-picker-grid-border-radius: var( --luzmo-border-radius-s );--edit-option-position-picker-grid-padding: .125rem;--edit-option-position-picker-item-height: 1.5rem;--edit-option-position-picker-grid-gap: .125rem}:host([size=l]){--edit-option-position-picker-grid-height: 8rem;--edit-option-position-picker-grid-width: 8rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius-l);--edit-option-position-picker-grid-border-radius: var( --luzmo-border-radius-l );--edit-option-position-picker-grid-padding: .3rem;--edit-option-position-picker-item-height: 2rem;--edit-option-position-picker-grid-gap: .25rem}:host([size=xl]){--edit-option-position-picker-grid-height: 9rem;--edit-option-position-picker-grid-width: 9rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius-xl);--edit-option-position-picker-grid-border-radius: var( --luzmo-border-radius-xl );--edit-option-position-picker-grid-padding: .375rem;--edit-option-position-picker-item-height: 2.25rem;--edit-option-position-picker-grid-gap: .275rem}";var b=Object.defineProperty,n=(r,o,i,s)=>{for(var p=void 0,a=r.length-1,l;a>=0;a--)(l=r[a])&&(p=l(o,i,p)||p);return p&&b(o,i,p),p};const g=["topLeft","top","topRight","left","center","right","bottomLeft","bottom","bottomRight"],u=g.filter(r=>r!=="center"),d=class d extends k.LuzmoEditOptionBase{constructor(){super(...arguments),this.
|
20
|
+
"use strict";var m=Object.getPrototypeOf;var h=Reflect.get;var c=(r,o,i)=>h(m(r),i,o);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-CdUTqQ3L.cjs");const e=require("../property-0L4eB11h.cjs"),k=require("../edit-option-base-Boz7TNRZ.cjs"),v=":host{height:var(--luzmo-edit-option-position-picker-grid-height, var(--edit-option-position-picker-grid-height));display:flex;align-items:center}.luzmo-edit-option{height:var(--luzmo-edit-option-position-picker-grid-height, var(--edit-option-position-picker-grid-height))}.position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--luzmo-edit-option-position-picker-grid-gap, var(--edit-option-position-picker-grid-gap));width:var(--luzmo-edit-option-position-picker-grid-width, var(--edit-option-position-picker-grid-width));box-sizing:border-box;border:.0625rem solid var(--luzmo-edit-option-position-picker-grid-border-color, var(--luzmo-border-color));padding:var(--luzmo-edit-option-position-picker-grid-padding, var(--edit-option-position-picker-grid-padding));border-radius:var(--luzmo-edit-option-position-picker-grid-border-radius, var(--edit-option-position-picker-grid-border-radius))}.position-item{width:100%;height:var(--luzmo-edit-option-position-picker-item-height, var(--edit-option-position-picker-item-height));box-sizing:border-box;border:.0625rem solid var(--luzmo-edit-option-position-picker-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-edit-option-position-picker-border-radius, var(--edit-option-position-picker-border-radius));background:var(--luzmo-edit-option-position-picker-background, var(--luzmo-background-color-highlight));transition:background-color var(--luzmo-edit-option-position-picker-animation-duration, var(--luzmo-animation-duration)) ease-in-out;cursor:pointer}.position-item:hover{background-color:var(--luzmo-edit-option-position-picker-background-hover, var(--luzmo-background-color-highlight-down))}.position-item.selected,.position-item.selected:hover,.position-item.selected:active,.position-item.selected:focus{background-color:var(--luzmo-edit-option-position-picker-background-selected, var(--luzmo-primary));transition:background-color var(--luzmo-edit-option-position-picker-selected-animation-duration, 0) ease-in-out}.position-item.position-item-not-allowed{opacity:0}:host{--edit-option-position-picker-grid-height: 7rem;--edit-option-position-picker-grid-width: 7rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius);--edit-option-position-picker-grid-border-radius: var(--luzmo-border-radius);--edit-option-position-picker-grid-padding: .25rem;--edit-option-position-picker-item-height: 1.75rem;--edit-option-position-picker-grid-gap: .25rem}:host([size=s]){--edit-option-position-picker-grid-height: 5.125rem;--edit-option-position-picker-grid-width: 5.625rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius);--edit-option-position-picker-grid-border-radius: var( --luzmo-border-radius-s );--edit-option-position-picker-grid-padding: .125rem;--edit-option-position-picker-item-height: 1.5rem;--edit-option-position-picker-grid-gap: .125rem}:host([size=l]){--edit-option-position-picker-grid-height: 8rem;--edit-option-position-picker-grid-width: 8rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius-l);--edit-option-position-picker-grid-border-radius: var( --luzmo-border-radius-l );--edit-option-position-picker-grid-padding: .3rem;--edit-option-position-picker-item-height: 2rem;--edit-option-position-picker-grid-gap: .25rem}:host([size=xl]){--edit-option-position-picker-grid-height: 9rem;--edit-option-position-picker-grid-width: 9rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius-xl);--edit-option-position-picker-grid-border-radius: var( --luzmo-border-radius-xl );--edit-option-position-picker-grid-padding: .375rem;--edit-option-position-picker-item-height: 2.25rem;--edit-option-position-picker-grid-gap: .275rem}";var b=Object.defineProperty,n=(r,o,i,s)=>{for(var p=void 0,a=r.length-1,l;a>=0;a--)(l=r[a])&&(p=l(o,i,p)||p);return p&&b(o,i,p),p};const g=["topLeft","top","topRight","left","center","right","bottomLeft","bottom","bottomRight"],u=g.filter(r=>r!=="center"),d=class d extends k.LuzmoEditOptionBase{constructor(){super(...arguments),this.default="topRight",this.positions=u,this.readonly=!1}_handleEvent(){this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:this.value}}))}_handleClick(o){var i;(i=this.positions)!=null&&i.includes(o)&&(this.value=o,this._handleEvent())}willUpdate(){this.value=this.value??this.default??"topRight",this.positions=this.positions??u}renderController(){const o=g.map(i=>{var s;return e.x`
|
21
21
|
<div
|
22
22
|
class="position-item ${(s=this.positions)!=null&&s.includes(i)?"position-item-allowed":"position-item-not-allowed"} ${this.value===i?"selected":""}"
|
23
23
|
@click=${this._handleClick.bind(this,i)}
|
24
24
|
></div>
|
25
|
-
`});return e.x` <div class="position-grid">${o}</div> `}};d.styles=[c(d,d,"styles"),e.r$1(v)];let t=d;n([e.n({type:String,reflect:!0})],t.prototype,"value");n([e.n({type:String,reflect:!0,attribute:"default-position"})],t.prototype,"
|
25
|
+
`});return e.x` <div class="position-grid">${o}</div> `}};d.styles=[c(d,d,"styles"),e.r$1(v)];let t=d;n([e.n({type:String,reflect:!0})],t.prototype,"value");n([e.n({type:String,reflect:!0,attribute:"default-position"})],t.prototype,"default");n([e.n({type:Array,reflect:!0})],t.prototype,"positions");n([e.n({type:Boolean,reflect:!0})],t.prototype,"readonly");customElements.get("luzmo-edit-option-position-picker")||customElements.define("luzmo-edit-option-position-picker",t);exports.LuzmoEditOptionPositionPicker=t;
|
@@ -46,11 +46,9 @@ const g = [
|
|
46
46
|
"bottomLeft",
|
47
47
|
"bottom",
|
48
48
|
"bottomRight"
|
49
|
-
], m = g.filter(
|
50
|
-
(i) => i !== "center"
|
51
|
-
), l = class l extends v {
|
49
|
+
], m = g.filter((i) => i !== "center"), l = class l extends v {
|
52
50
|
constructor() {
|
53
|
-
super(...arguments), this.
|
51
|
+
super(...arguments), this.default = "topRight", this.positions = m, this.readonly = !1;
|
54
52
|
}
|
55
53
|
_handleEvent() {
|
56
54
|
this.dispatchEvent(
|
@@ -69,7 +67,7 @@ const g = [
|
|
69
67
|
(o = this.positions) != null && o.includes(r) && (this.value = r, this._handleEvent());
|
70
68
|
}
|
71
69
|
willUpdate() {
|
72
|
-
this.value = this.value ?? this.
|
70
|
+
this.value = this.value ?? this.default ?? "topRight", this.positions = this.positions ?? m;
|
73
71
|
}
|
74
72
|
// TODO add keyboard navigation & focusable & aria-labels
|
75
73
|
renderController() {
|
@@ -94,7 +92,7 @@ n([
|
|
94
92
|
], e.prototype, "value");
|
95
93
|
n([
|
96
94
|
d({ type: String, reflect: !0, attribute: "default-position" })
|
97
|
-
], e.prototype, "
|
95
|
+
], e.prototype, "default");
|
98
96
|
n([
|
99
97
|
d({ type: Array, reflect: !0 })
|
100
98
|
], e.prototype, "positions");
|
@@ -0,0 +1,184 @@
|
|
1
|
+
/*! * A kit of modern Luzmo Web Components for analytics in your web application.
|
2
|
+
*
|
3
|
+
* Copyright © 2025 Luzmo
|
4
|
+
* All rights reserved.
|
5
|
+
* Luzmo web components (“Luzmo Web Components”)
|
6
|
+
* must be used according to the Luzmo Terms of Service.
|
7
|
+
* This license allows users with a current active Luzmo account
|
8
|
+
* to use the Luzmo Web Components. This license terminates
|
9
|
+
* automatically if a user no longer has an active Luzmo account.
|
10
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
11
|
+
*
|
12
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
13
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
14
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
15
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
16
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
17
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
18
|
+
* SOFTWARE.
|
19
|
+
* */
|
20
|
+
const t = [
|
21
|
+
{
|
22
|
+
key: "general",
|
23
|
+
type: "group",
|
24
|
+
open: !0,
|
25
|
+
children: [
|
26
|
+
{
|
27
|
+
key: "display.title",
|
28
|
+
control: {
|
29
|
+
type: "switch",
|
30
|
+
label: "Title",
|
31
|
+
default: !0
|
32
|
+
}
|
33
|
+
},
|
34
|
+
{
|
35
|
+
key: "display.legend",
|
36
|
+
control: {
|
37
|
+
type: "switch",
|
38
|
+
label: "Legend",
|
39
|
+
default: !0
|
40
|
+
}
|
41
|
+
/* ,
|
42
|
+
sideEffect: ({ options }) => {
|
43
|
+
console.log(options, 'OO');
|
44
|
+
// TODO legend should be false if categoryLabels is true
|
45
|
+
}*/
|
46
|
+
},
|
47
|
+
{
|
48
|
+
key: "display.categoryLabels",
|
49
|
+
control: {
|
50
|
+
type: "radio-button-group",
|
51
|
+
label: "Display legend as",
|
52
|
+
default: "labels",
|
53
|
+
enum: ["list", "labels"],
|
54
|
+
fromOptionValue: (e) => e === !1 ? "list" : "labels",
|
55
|
+
toOptionValue: (e) => e === "labels"
|
56
|
+
},
|
57
|
+
visibleIf: ({ options: e }) => {
|
58
|
+
var l, a;
|
59
|
+
return ((l = e == null ? void 0 : e.display) == null ? void 0 : l.legend) !== !1 || ((a = e == null ? void 0 : e.display) == null ? void 0 : a.categoryLabels) === "list";
|
60
|
+
}
|
61
|
+
/* ,
|
62
|
+
sideEffect: ({ options }: any) => {
|
63
|
+
if (options?.display?.categoryLabels === 'labels') {
|
64
|
+
options = {
|
65
|
+
...options,
|
66
|
+
display: {
|
67
|
+
...options.display,
|
68
|
+
legend: false
|
69
|
+
}
|
70
|
+
};
|
71
|
+
}
|
72
|
+
return options;
|
73
|
+
}*/
|
74
|
+
},
|
75
|
+
{
|
76
|
+
key: "display.values",
|
77
|
+
control: {
|
78
|
+
type: "switch",
|
79
|
+
label: "Show values",
|
80
|
+
default: !1
|
81
|
+
}
|
82
|
+
},
|
83
|
+
{
|
84
|
+
key: "funnel.absValue",
|
85
|
+
control: {
|
86
|
+
type: "switch",
|
87
|
+
label: "Show absolute values",
|
88
|
+
default: !0
|
89
|
+
},
|
90
|
+
visibleIf: ({ options: e }) => {
|
91
|
+
var l;
|
92
|
+
return ((l = e == null ? void 0 : e.display) == null ? void 0 : l.values) === !0;
|
93
|
+
}
|
94
|
+
},
|
95
|
+
{
|
96
|
+
key: "funnel.perc",
|
97
|
+
control: {
|
98
|
+
type: "picker",
|
99
|
+
label: "Percentage",
|
100
|
+
default: "hide",
|
101
|
+
enum: ["hide", "ofMax", "ofTotal"]
|
102
|
+
},
|
103
|
+
visibleIf: ({ options: e }) => {
|
104
|
+
var l;
|
105
|
+
return ((l = e == null ? void 0 : e.display) == null ? void 0 : l.values) === !0;
|
106
|
+
}
|
107
|
+
}
|
108
|
+
]
|
109
|
+
},
|
110
|
+
{
|
111
|
+
key: "funnel",
|
112
|
+
type: "group",
|
113
|
+
open: !0,
|
114
|
+
children: [
|
115
|
+
{
|
116
|
+
key: "mode",
|
117
|
+
control: {
|
118
|
+
type: "picker",
|
119
|
+
label: "Mode",
|
120
|
+
default: "dynamicWidth",
|
121
|
+
enum: ["dynamicWidth", "dynamicHeight", "regular"]
|
122
|
+
}
|
123
|
+
},
|
124
|
+
{
|
125
|
+
key: "funnel.rectangle",
|
126
|
+
control: {
|
127
|
+
type: "switch",
|
128
|
+
label: "Rectangular",
|
129
|
+
default: !1
|
130
|
+
}
|
131
|
+
},
|
132
|
+
{
|
133
|
+
key: "sort.by",
|
134
|
+
control: {
|
135
|
+
type: "picker",
|
136
|
+
label: "Order",
|
137
|
+
default: "measure",
|
138
|
+
enum: ["measure", "category"]
|
139
|
+
}
|
140
|
+
},
|
141
|
+
{
|
142
|
+
key: "sort.direction",
|
143
|
+
control: {
|
144
|
+
type: "picker",
|
145
|
+
label: "Direction",
|
146
|
+
default: "desc",
|
147
|
+
enum: ["asc", "desc"]
|
148
|
+
}
|
149
|
+
}
|
150
|
+
]
|
151
|
+
},
|
152
|
+
{
|
153
|
+
key: "legend",
|
154
|
+
type: "group",
|
155
|
+
open: !1,
|
156
|
+
children: [
|
157
|
+
{
|
158
|
+
key: "legend.position",
|
159
|
+
control: {
|
160
|
+
label: "Position",
|
161
|
+
type: "position-picker",
|
162
|
+
default: "right",
|
163
|
+
enum: [
|
164
|
+
"topLeft",
|
165
|
+
"top",
|
166
|
+
"topRight",
|
167
|
+
"right",
|
168
|
+
"bottomRight",
|
169
|
+
"bottom",
|
170
|
+
"bottomLeft",
|
171
|
+
"left"
|
172
|
+
]
|
173
|
+
}
|
174
|
+
}
|
175
|
+
],
|
176
|
+
visibleIf: ({ options: e }) => {
|
177
|
+
var l, a;
|
178
|
+
return ((l = e == null ? void 0 : e.display) == null ? void 0 : l.legend) === !0 && ((a = e.display) == null ? void 0 : a.categoryLabels) === "false";
|
179
|
+
}
|
180
|
+
}
|
181
|
+
];
|
182
|
+
export {
|
183
|
+
t as default
|
184
|
+
};
|
@@ -0,0 +1,20 @@
|
|
1
|
+
/*! * A kit of modern Luzmo Web Components for analytics in your web application.
|
2
|
+
*
|
3
|
+
* Copyright © 2025 Luzmo
|
4
|
+
* All rights reserved.
|
5
|
+
* Luzmo web components (“Luzmo Web Components”)
|
6
|
+
* must be used according to the Luzmo Terms of Service.
|
7
|
+
* This license allows users with a current active Luzmo account
|
8
|
+
* to use the Luzmo Web Components. This license terminates
|
9
|
+
* automatically if a user no longer has an active Luzmo account.
|
10
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
11
|
+
*
|
12
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
13
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
14
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
15
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
16
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
17
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
18
|
+
* SOFTWARE.
|
19
|
+
* */
|
20
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=[{key:"general",type:"group",open:!0,children:[{key:"display.title",control:{type:"switch",label:"Title",default:!0}},{key:"display.legend",control:{type:"switch",label:"Legend",default:!0}},{key:"display.categoryLabels",control:{type:"radio-button-group",label:"Display legend as",default:"labels",enum:["list","labels"],fromOptionValue:e=>e===!1?"list":"labels",toOptionValue:e=>e==="labels"},visibleIf:({options:e})=>{var l,t;return((l=e==null?void 0:e.display)==null?void 0:l.legend)!==!1||((t=e==null?void 0:e.display)==null?void 0:t.categoryLabels)==="list"}},{key:"display.values",control:{type:"switch",label:"Show values",default:!1}},{key:"funnel.absValue",control:{type:"switch",label:"Show absolute values",default:!0},visibleIf:({options:e})=>{var l;return((l=e==null?void 0:e.display)==null?void 0:l.values)===!0}},{key:"funnel.perc",control:{type:"picker",label:"Percentage",default:"hide",enum:["hide","ofMax","ofTotal"]},visibleIf:({options:e})=>{var l;return((l=e==null?void 0:e.display)==null?void 0:l.values)===!0}}]},{key:"funnel",type:"group",open:!0,children:[{key:"mode",control:{type:"picker",label:"Mode",default:"dynamicWidth",enum:["dynamicWidth","dynamicHeight","regular"]}},{key:"funnel.rectangle",control:{type:"switch",label:"Rectangular",default:!1}},{key:"sort.by",control:{type:"picker",label:"Order",default:"measure",enum:["measure","category"]}},{key:"sort.direction",control:{type:"picker",label:"Direction",default:"desc",enum:["asc","desc"]}}]},{key:"legend",type:"group",open:!1,children:[{key:"legend.position",control:{label:"Position",type:"position-picker",default:"right",enum:["topLeft","top","topRight","right","bottomRight","bottom","bottomLeft","left"]}}],visibleIf:({options:e})=>{var l,t;return((l=e==null?void 0:e.display)==null?void 0:l.legend)===!0&&((t=e.display)==null?void 0:t.categoryLabels)==="false"}}];exports.default=a;
|
@@ -0,0 +1,93 @@
|
|
1
|
+
/*! * A kit of modern Luzmo Web Components for analytics in your web application.
|
2
|
+
*
|
3
|
+
* Copyright © 2025 Luzmo
|
4
|
+
* All rights reserved.
|
5
|
+
* Luzmo web components (“Luzmo Web Components”)
|
6
|
+
* must be used according to the Luzmo Terms of Service.
|
7
|
+
* This license allows users with a current active Luzmo account
|
8
|
+
* to use the Luzmo Web Components. This license terminates
|
9
|
+
* automatically if a user no longer has an active Luzmo account.
|
10
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
11
|
+
*
|
12
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
13
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
14
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
15
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
16
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
17
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
18
|
+
* SOFTWARE.
|
19
|
+
* */
|
20
|
+
const e = {
|
21
|
+
name: "Trichterdiagramm",
|
22
|
+
groups: {
|
23
|
+
general: {
|
24
|
+
label: "Allgemein"
|
25
|
+
},
|
26
|
+
funnel: {
|
27
|
+
label: "Trichter"
|
28
|
+
},
|
29
|
+
legend: {
|
30
|
+
label: "Legende"
|
31
|
+
}
|
32
|
+
},
|
33
|
+
options: {
|
34
|
+
"display.title": {
|
35
|
+
label: "Titel"
|
36
|
+
},
|
37
|
+
"display.legend": {
|
38
|
+
label: "Legende"
|
39
|
+
},
|
40
|
+
"display.categoryLabels": {
|
41
|
+
label: "Legende anzeigen als",
|
42
|
+
enum: {
|
43
|
+
list: "Liste",
|
44
|
+
labels: "Beschriftungen"
|
45
|
+
}
|
46
|
+
},
|
47
|
+
"display.values": {
|
48
|
+
label: "Werte anzeigen"
|
49
|
+
},
|
50
|
+
"funnel.absValue": {
|
51
|
+
label: "Absolute Werte anzeigen"
|
52
|
+
},
|
53
|
+
"funnel.perc": {
|
54
|
+
label: "Prozentsatz",
|
55
|
+
enum: {
|
56
|
+
hide: "Ausblenden",
|
57
|
+
ofMax: "Vom Maximum",
|
58
|
+
ofTotal: "Vom Gesamtwert"
|
59
|
+
}
|
60
|
+
},
|
61
|
+
mode: {
|
62
|
+
label: "Modus",
|
63
|
+
enum: {
|
64
|
+
dynamicWidth: "Dynamische Breite",
|
65
|
+
dynamicHeight: "Dynamische Höhe",
|
66
|
+
regular: "Standard"
|
67
|
+
}
|
68
|
+
},
|
69
|
+
"funnel.rectangle": {
|
70
|
+
label: "Rechteckig"
|
71
|
+
},
|
72
|
+
"sort.by": {
|
73
|
+
label: "Sortierung",
|
74
|
+
enum: {
|
75
|
+
measure: "Nach Messwert",
|
76
|
+
category: "Nach Kategorie"
|
77
|
+
}
|
78
|
+
},
|
79
|
+
"sort.direction": {
|
80
|
+
label: "Richtung",
|
81
|
+
enum: {
|
82
|
+
asc: "Aufsteigend",
|
83
|
+
desc: "Absteigend"
|
84
|
+
}
|
85
|
+
},
|
86
|
+
"legend.position": {
|
87
|
+
label: "Position"
|
88
|
+
}
|
89
|
+
}
|
90
|
+
};
|
91
|
+
export {
|
92
|
+
e as default
|
93
|
+
};
|
@@ -0,0 +1,20 @@
|
|
1
|
+
/*! * A kit of modern Luzmo Web Components for analytics in your web application.
|
2
|
+
*
|
3
|
+
* Copyright © 2025 Luzmo
|
4
|
+
* All rights reserved.
|
5
|
+
* Luzmo web components (“Luzmo Web Components”)
|
6
|
+
* must be used according to the Luzmo Terms of Service.
|
7
|
+
* This license allows users with a current active Luzmo account
|
8
|
+
* to use the Luzmo Web Components. This license terminates
|
9
|
+
* automatically if a user no longer has an active Luzmo account.
|
10
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
11
|
+
*
|
12
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
13
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
14
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
15
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
16
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
17
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
18
|
+
* SOFTWARE.
|
19
|
+
* */
|
20
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"Trichterdiagramm",groups:{general:{label:"Allgemein"},funnel:{label:"Trichter"},legend:{label:"Legende"}},options:{"display.title":{label:"Titel"},"display.legend":{label:"Legende"},"display.categoryLabels":{label:"Legende anzeigen als",enum:{list:"Liste",labels:"Beschriftungen"}},"display.values":{label:"Werte anzeigen"},"funnel.absValue":{label:"Absolute Werte anzeigen"},"funnel.perc":{label:"Prozentsatz",enum:{hide:"Ausblenden",ofMax:"Vom Maximum",ofTotal:"Vom Gesamtwert"}},mode:{label:"Modus",enum:{dynamicWidth:"Dynamische Breite",dynamicHeight:"Dynamische Höhe",regular:"Standard"}},"funnel.rectangle":{label:"Rechteckig"},"sort.by":{label:"Sortierung",enum:{measure:"Nach Messwert",category:"Nach Kategorie"}},"sort.direction":{label:"Richtung",enum:{asc:"Aufsteigend",desc:"Absteigend"}},"legend.position":{label:"Position"}}};exports.default=e;
|