@luzmo/analytics-components-kit 1.0.1-alpha.6 → 1.0.1-alpha.7
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/{async-directive-DWRUSKKF-CNTJHpgh.js → async-directive-DWRUSKKF-CmOVMf6V.js} +1 -1
- package/components/{async-directive-DWRUSKKF-C2JoUGYR.cjs → async-directive-DWRUSKKF-D4itZyzc.cjs} +1 -1
- package/components/{button-base-B7v4eeRh-CjngVDsD.cjs → button-base-B7v4eeRh-BKKUK3x0.cjs} +1 -1
- package/components/{button-base-B7v4eeRh-B4fczZlv.js → button-base-B7v4eeRh-D3-GH03o.js} +3 -3
- package/components/{checkbox-mixin-BFGTmw17-BR4ufh0S.js → checkbox-mixin-BFGTmw17-C34LMsgu.js} +2 -2
- package/components/{checkbox-mixin-BFGTmw17-lIHmn1jk.cjs → checkbox-mixin-BFGTmw17-CCjGd0nS.cjs} +1 -1
- package/components/{directive-helpers-nlQRAaQt-CQ_hWlbQ.cjs → directive-helpers-nlQRAaQt-3kEWF2GV.cjs} +1 -1
- package/components/{directive-helpers-nlQRAaQt-arNFWD5u.js → directive-helpers-nlQRAaQt-I6T4KZKW.js} +1 -1
- package/components/display-settings/index.cjs +3 -3
- package/components/display-settings/index.js +11 -11
- package/components/display-settings-binning/index.cjs +2 -2
- package/components/display-settings-binning/index.js +11 -11
- package/components/display-settings-datetime/index.cjs +1 -1
- package/components/display-settings-datetime/index.js +1 -1
- package/components/display-settings-grand-totals/index.cjs +2 -2
- package/components/display-settings-grand-totals/index.js +12 -12
- package/components/display-settings-numeric/index.cjs +2 -2
- package/components/display-settings-numeric/index.js +36 -36
- package/components/display-settings-period-over-period/index.cjs +2 -2
- package/components/display-settings-period-over-period/index.js +17 -17
- package/components/draggable-data-item/index.cjs +1 -1
- package/components/draggable-data-item/index.js +2 -2
- package/components/draggable-data-item-level/index.cjs +5 -5
- package/components/draggable-data-item-level/index.js +85 -85
- package/components/droppable-slot/index.cjs +3 -3
- package/components/droppable-slot/index.js +5 -5
- package/components/edit-item/index.cjs +2 -2
- package/components/edit-item/index.js +17 -17
- package/components/edit-option/index.cjs +1 -1
- package/components/edit-option/index.js +3 -3
- package/components/edit-option-action-button-group/index.cjs +2 -2
- package/components/edit-option-action-button-group/index.js +37 -37
- package/components/{edit-option-base-Ck3NFAli.cjs → edit-option-base-Boz7TNRZ.cjs} +1 -1
- package/components/{edit-option-base-w3UBiCoU.js → edit-option-base-qePiIQWd.js} +4 -4
- package/components/edit-option-color-picker/index.cjs +15 -15
- package/components/edit-option-color-picker/index.js +58 -58
- package/components/edit-option-multi-language-field/index.cjs +1 -1
- package/components/edit-option-multi-language-field/index.js +3 -3
- package/components/edit-option-number-field/index.cjs +1 -1
- package/components/edit-option-number-field/index.js +3 -3
- package/components/edit-option-picker/index.cjs +1 -1
- package/components/edit-option-picker/index.js +4 -4
- package/components/edit-option-positions-number-field/index.cjs +3 -3
- package/components/edit-option-positions-number-field/index.js +7 -7
- package/components/edit-option-radio-button-group/index.cjs +1 -1
- package/components/edit-option-radio-button-group/index.js +4 -4
- package/components/edit-option-slider/index.cjs +1 -1
- package/components/edit-option-slider/index.js +3 -3
- package/components/edit-option-switch/index.cjs +1 -1
- package/components/edit-option-switch/index.js +4 -4
- package/components/edit-option-text-field/index.cjs +1 -1
- package/components/edit-option-text-field/index.js +3 -3
- package/components/{index-DeyQ1JGg.js → en-DMOM5QNw.js} +411 -404
- package/components/{en-GB-BMvD7axC.js → en-GB-BPwcXBDg.js} +1 -1
- package/components/{en-BvtH5B9A.cjs → en-GB-Cp6Zq89F.cjs} +1 -1
- package/components/en-o_2c6hRN.cjs +202 -0
- package/components/{if-defined-aQZR75uI.cjs → if-defined-8BOch-oC.cjs} +1 -1
- package/components/{if-defined-BSAr_4u4-CVDyXUmc.js → if-defined-BSAr_4u4-4Ys8VE7T.js} +1 -1
- package/components/{if-defined-BSAr_4u4-CNmaFBUP.cjs → if-defined-BSAr_4u4-gECNwmTC.cjs} +1 -1
- package/components/{if-defined-_S7apvH1.js → if-defined-Bv6MRdSW.js} +1 -1
- package/components/{index-f8GtjOLn.cjs → index-86cIx1Ql.cjs} +1 -1
- package/components/{index-aLxc3xA_.js → index-B3ve6cAj.js} +19 -19
- package/components/{index-Pmv-d4iw.js → index-B5Wvyv9s.js} +20 -20
- package/components/{index-FSUV_4nO.js → index-BBrer3_5.js} +1 -1
- package/components/{index-DDleIdd8.cjs → index-BJVxTeoi.cjs} +1 -1
- package/components/{index-DiSrnT1e.js → index-BUSWsm5N.js} +10 -10
- package/components/{index-CHLcEawI.js → index-BVX_ozT9.js} +2 -2
- package/components/{index-fbS4OrPM.js → index-BYfDERr7.js} +3 -3
- package/components/{index-BuW8doNV.js → index-Bee1uunR.js} +4 -4
- package/components/{index-C_xCeCrL.cjs → index-BrEDK88k.cjs} +6 -6
- package/components/{index-CdHFj3ra.cjs → index-Bt5nP_6w.cjs} +1 -1
- package/components/{index-DC2Pby0z.cjs → index-ByjLd3bT.cjs} +2 -2
- package/components/{index-Ci0Pe5UA.js → index-C8IL2IZ6.js} +4 -4
- package/components/{index-CMvLpPKD-CgGXdNKs.js → index-CMvLpPKD-D5MpMVYZ.js} +15 -15
- package/components/{index-CMvLpPKD-DoxJRhRP.cjs → index-CMvLpPKD-Yf1PLWrj.cjs} +6 -6
- package/components/{index-DUlH3hbL.js → index-CXIT0cYY.js} +5 -5
- package/components/{index-dJXOanPE.js → index-CdCtJpK9.js} +6 -6
- package/components/{index-B0ZqIWfU.cjs → index-CdUTqQ3L.cjs} +2 -2
- package/components/{index-BEi8DTwW.cjs → index-CdpyJ7hp.cjs} +1 -1
- package/components/{index-C44nA7Wn.js → index-CfEn3fIT.js} +3 -3
- package/components/{index-BxFGd_xp.cjs → index-D8qmoauu.cjs} +1 -1
- package/components/{index-DxXcY78P.cjs → index-DEVOZNSc.cjs} +1 -1
- package/components/{index-CKbGBBId.cjs → index-DUO13KGl.cjs} +1 -1
- package/components/{index-C_Cxv6xn.js → index-DVAsMiOm.js} +4 -4
- package/components/{index-Dkom_Qy5.js → index-DnozlYag.js} +1 -1
- package/components/{index-ByfMhxDr.cjs → index-h9T5DPIm.cjs} +2 -2
- package/components/{index-Bti4K2L2.cjs → index-i8GaIN7i.cjs} +1 -1
- package/components/{index-EkTLplXl.cjs → index-iYpAy-Kg.cjs} +4 -4
- package/components/{index-DMbzEC_s.js → index-ymMEPngt.js} +23 -23
- package/components/{index-DLrQ4hc5.cjs → index-zuArOtOt.cjs} +2 -2
- package/components/index.cjs +1 -1
- package/components/index.js +1 -1
- package/components/{language-resolution-8yZa5r_P-CLZhU076.js → language-resolution-8yZa5r_P-Bn0bYosv.js} +3 -3
- package/components/{language-resolution-8yZa5r_P-CpbzT4ej.cjs → language-resolution-8yZa5r_P-FqQChUDW.cjs} +1 -1
- package/components/luzmo-icons-BE2T8vWu.js +613 -0
- package/components/luzmo-icons-XsFsTAl3.cjs +31 -0
- package/components/{observe-slot-text-ggb4kKgY-DqsddtTd.cjs → observe-slot-text-ggb4kKgY-DBVrKDBD.cjs} +1 -1
- package/components/{observe-slot-text-ggb4kKgY-yUxhPbbJ.js → observe-slot-text-ggb4kKgY-o5QFWUeA.js} +2 -2
- package/components/{popover-DlkzrLpl-TYw7ejnD.cjs → popover-DlkzrLpl-BhTvuvTu.cjs} +1 -1
- package/components/{popover-DlkzrLpl-DFIvgCjc.js → popover-DlkzrLpl-CCwcTIXr.js} +3 -3
- package/components/{property-ChsOQ1Yj.cjs → property-0L4eB11h.cjs} +17 -17
- package/components/{property-CXJD1jOW.js → property-B2F7x7Cz.js} +301 -300
- package/components/{sized-mixin-BxMraZLS-Dc6r-Wg4.js → sized-mixin-BxMraZLS-B_y0PzR3.js} +1 -1
- package/components/{sized-mixin-BxMraZLS-w9I35lP7.cjs → sized-mixin-BxMraZLS-DEFWqo8f.cjs} +1 -1
- package/components/slot-menu/index.cjs +4 -4
- package/components/slot-menu/index.js +4 -4
- package/components/slot-menu-list/index.cjs +3 -3
- package/components/slot-menu-list/index.js +12 -12
- package/components/{state-DLrsMPet.cjs → state-BFA93Sye.cjs} +1 -1
- package/components/{state-DwFtyqCc.js → state-Joaryhrg.js} +1 -1
- package/components/{task-CgK9ztaw.cjs → task-B8yMzxui.cjs} +1 -1
- package/components/{task-DYLITx7R.js → task-Cr9aRIbV.js} +1 -1
- package/components/{text-field-CvKSS59x-BzSqtt2_.js → text-field-CvKSS59x-Dn0_1HO7.js} +5 -5
- package/components/{text-field-CvKSS59x-D0MM0fDH.cjs → text-field-CvKSS59x-E9LQElL4.cjs} +3 -3
- package/package.json +1 -1
- package/components/en-CN4CDOzo.js +0 -23
- package/components/en-GB-DrOGXwdM.cjs +0 -20
- package/components/en-US-BvtH5B9A.cjs +0 -20
- package/components/en-US-CN4CDOzo.js +0 -23
- package/components/index-CQjWiSIp.cjs +0 -202
|
@@ -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 j=require("../task-
|
|
20
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("../task-B8yMzxui.cjs"),$=require("../property-0L4eB11h.cjs"),M=require("../if-defined-8BOch-oC.cjs"),E=":host{font-family:var(--luzmo-edit-option-font-family, var(--luzmo-font-family));font-size:var(--luzmo-edit-option-font-size, var(--luzmo-font-size))}:host([size=s]){font-size:var(--luzmo-edit-option-font-size-s, var(--luzmo-font-size-s))}:host([size=l]){font-size:var(--luzmo-edit-option-font-size-l, var(--luzmo-font-size-l))}:host([size=xl]){font-size:var(--luzmo-edit-option-font-size-xl, var(--luzmo-font-size-xl))}",C=t=>{var l,a,s,c,m,b,d,p,u,f,r,x,h,L,y;let o;typeof((l=t.controlInfo)==null?void 0:l.extraLabel)=="function"?o=t.controlInfo.extraLabel(t.options,t.slots,t.theme):typeof((a=t.controlInfo)==null?void 0:a.extraLabel)=="string"&&(o=t.controlInfo.extraLabel),typeof o=="string"&&(o=((b=(m=(c=(s=t.translations)==null?void 0:s.options)==null?void 0:c[t.optionKey])==null?void 0:m.extraLabel)==null?void 0:b[o])??o);let i;typeof((d=t.controlInfo)==null?void 0:d.extraLabelTooltip)=="function"?o=t.controlInfo.extraLabelTooltip(t.options,t.slots,t.theme):typeof((p=t.controlInfo)==null?void 0:p.extraLabelTooltip)=="string"&&(i=t.controlInfo.extraLabelTooltip),typeof i=="string"&&(o=((x=(r=(f=(u=t.translations)==null?void 0:u.options)==null?void 0:f[t.optionKey])==null?void 0:r.extraLabelTooltip)==null?void 0:x[i])??i);let n;typeof((h=t.controlInfo)==null?void 0:h.extraLabelHasClickAction)=="function"?n=t.controlInfo.extraLabelHasClickAction(t.options,t.slots,t.theme):typeof((L=t.controlInfo)==null?void 0:L.extraLabelHasClickAction)=="boolean"&&(n=t.controlInfo.extraLabelHasClickAction);const e=typeof((y=t.controlInfo)==null?void 0:y.extraLabelClickAction)=="function"?()=>t.controlInfo.extraLabelClickAction(t.options,t.slots,t.theme):()=>{};return{extraLabel:o,extraLabelTooltip:i,extraLabelHasClickAction:n,extraLabelClickAction:e}},I=(t,o)=>{if(o.includes(".")){const i=o.split(".");let n=t;for(let l=0;l<i.length-1;l++)n=n[i[l]]??{};const e=i.length-1;return n[i[e]]}return t[o]},O=t=>o=>{const i={...t.options};if(t.optionKey.includes(".")){const n=t.optionKey.split(".");let e=i;for(let a=0;a<n.length-1;a++)e[n[a]]=e[n[a]]??{},e=e[n[a]];const l=n.length-1;e[n[l]]=o.detail.value}else i[t.optionKey]=o.detail.value;return t.changeCallback(i)},S=t=>{var m,b,d,p,u,f,r,x;const o=((d=(b=(m=t.translations)==null?void 0:m.options)==null?void 0:b[t.optionKey])==null?void 0:d.label)??t.optionKey??"",i=t.size,n=I(t.options,t.optionKey),{extraLabel:e,extraLabelTooltip:l,extraLabelHasClickAction:a,extraLabelClickAction:s}=C(t),c=O(t);return $.x`
|
|
21
21
|
<luzmo-edit-option-action-button-group
|
|
22
22
|
.label=${o}
|
|
23
23
|
.value=${n}
|
|
@@ -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
|
-
import { h as B } from "../task-
|
|
21
|
-
import { x as y, k as F, a as G, n as K } from "../property-
|
|
22
|
-
import { o as P } from "../if-defined-
|
|
20
|
+
import { h as B } from "../task-Cr9aRIbV.js";
|
|
21
|
+
import { x as y, k as F, a as G, n as K } from "../property-B2F7x7Cz.js";
|
|
22
|
+
import { o as P } from "../if-defined-Bv6MRdSW.js";
|
|
23
23
|
const E = () => {
|
|
24
24
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
25
25
|
const o = document.createElement("style");
|
|
@@ -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";var
|
|
20
|
+
"use strict";var d=Object.getPrototypeOf;var b=Reflect.get;var s=(c,t,u)=>b(d(c),u,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"),m=require("../query-D5qWDopr.cjs"),g=require("../edit-option-base-Boz7TNRZ.cjs"),z="luzmo-action-group{--luzmo-edit-option-action-button-group-button-background-hover: rgba( var(--luzmo-primary-rgb), .1 );--luzmo-edit-option-action-button-group-button-background-down: rgba( var(--luzmo-primary-rgb), .2 );--luzmo-edit-option-action-button-group-button-background-focus: rgba( var(--luzmo-primary-rgb), .1 );--luzmo-edit-option-action-button-group-button-content-color-default: var( --luzmo-font-color-disabled );--luzmo-edit-option-action-button-group-button-content-color-hover: var( --luzmo-font-color-hover );--luzmo-edit-option-action-button-group-button-content-color-down: var( --luzmo-font-color-down );--luzmo-edit-option-action-button-group-button-content-color-focus: var( --luzmo-font-color-focus )}luzmo-action-group[compact][quiet][emphasized]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-1)}luzmo-action-group[compact][quiet][emphasized][size=s]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-1)}luzmo-action-group[compact][quiet][emphasized][size=l]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-2)}luzmo-action-group[compact][quiet][emphasized][size=xl]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-3)}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button{--luzmo-action-button-background-color-hover: var( --luzmo-edit-option-action-button-group-button-background-hover );--luzmo-action-button-background-color-down: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-background-color-focus: var( --luzmo-edit-option-action-button-group-button-background-focus );--luzmo-action-button-content-color-default: var( --luzmo-edit-option-action-button-group-button-content-color-default );--luzmo-action-button-content-color-hover: var( --luzmo-edit-option-action-button-group-button-content-color-hover );--luzmo-action-button-content-color-down: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-focus: var( --luzmo-edit-option-action-button-group-button-content-color-focus )}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]:hover,luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]{--luzmo-action-button-background-color-hover: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-background-color-default: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-content-color-default: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-hover: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-down: var( --luzmo-edit-option-action-button-group-button-content-color-down )}";var v=Object.defineProperty,i=(c,t,u,f)=>{for(var r=void 0,l=c.length-1,p;l>=0;l--)(p=c[l])&&(r=p(t,u,r)||r);return r&&v(t,u,r),r};const h={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(){this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:this.actionGroup.selected}}))}_generateButtonContents(t){return typeof t=="string"?n.x`${t}`:t.iconName||t.icon?n.x`
|
|
21
21
|
<luzmo-icon
|
|
22
22
|
slot="icon"
|
|
23
23
|
.icon=${t.icon??h[t.iconName]}
|
|
@@ -41,4 +41,4 @@
|
|
|
41
41
|
>
|
|
42
42
|
${t}
|
|
43
43
|
</luzmo-action-group>
|
|
44
|
-
`}};
|
|
44
|
+
`}};a.styles=[...s(a,a,"styles"),n.r$1(z)];let e=a;i([n.n({type:Array})],e.prototype,"values");i([n.n({type:Boolean,reflect:!0})],e.prototype,"disabled");i([n.n({type:String})],e.prototype,"selects");i([n.n({type:Array})],e.prototype,"value");i([n.n({type:Array})],e.prototype,"default");i([m.e("luzmo-action-group")],e.prototype,"actionGroup");customElements.get("luzmo-edit-option-action-button-group")||customElements.define("luzmo-edit-option-action-button-group",e);exports.LuzmoEditOptionActionButtonGroup=e;
|
|
@@ -17,42 +17,42 @@
|
|
|
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 {
|
|
24
|
-
import "../index-
|
|
25
|
-
import "../index-
|
|
26
|
-
import "../index-
|
|
27
|
-
import { a as
|
|
28
|
-
import { e as
|
|
29
|
-
import { L as U } from "../edit-option-base-
|
|
20
|
+
var z = Object.getPrototypeOf;
|
|
21
|
+
var d = Reflect.get;
|
|
22
|
+
var s = (r, o, e) => d(z(r), e, o);
|
|
23
|
+
import { r as b, P as g, E as f, a as h, D as v, w as x, j as y, J as w, c as k, _ as $, Y as C, S as q, e as S, f as E, g as _, i as B, q as P, G as D, l as j, m as A, U as H } from "../luzmo-icons-BE2T8vWu.js";
|
|
24
|
+
import "../index-CdCtJpK9.js";
|
|
25
|
+
import "../index-Bee1uunR.js";
|
|
26
|
+
import "../index-ymMEPngt.js";
|
|
27
|
+
import { a as N, x as n, n as c } from "../property-B2F7x7Cz.js";
|
|
28
|
+
import { e as T } from "../query-Ddbd72Um.js";
|
|
29
|
+
import { L as U } from "../edit-option-base-qePiIQWd.js";
|
|
30
30
|
const p = () => {
|
|
31
31
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
32
|
-
const
|
|
33
|
-
|
|
32
|
+
const r = document.createElement("style");
|
|
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
36
|
p();
|
|
37
|
-
const
|
|
38
|
-
var
|
|
39
|
-
for (var
|
|
40
|
-
(m =
|
|
41
|
-
return
|
|
37
|
+
const M = "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 R = Object.defineProperty, u = (r, o, e, F) => {
|
|
39
|
+
for (var l = void 0, i = r.length - 1, m; i >= 0; i--)
|
|
40
|
+
(m = r[i]) && (l = m(o, e, l) || l);
|
|
41
|
+
return l && R(o, e, l), l;
|
|
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:
|
|
43
|
+
const V = {
|
|
44
|
+
alignBottom: H,
|
|
45
|
+
alignMiddle: A,
|
|
46
|
+
alignTop: j,
|
|
47
|
+
alignLeft: D,
|
|
48
|
+
alignCenter: P,
|
|
49
|
+
alignRight: B,
|
|
50
|
+
ban: _,
|
|
51
|
+
borderSolid: E,
|
|
52
|
+
borderDashed: S,
|
|
53
|
+
borderDotted: q,
|
|
54
|
+
compress: C,
|
|
55
|
+
expand: $,
|
|
56
56
|
arrowsExpand: k,
|
|
57
57
|
arrowsHorizontal: w,
|
|
58
58
|
arrowsVertical: y,
|
|
@@ -62,7 +62,7 @@ const I = {
|
|
|
62
62
|
rows: f,
|
|
63
63
|
columns: g,
|
|
64
64
|
table: b
|
|
65
|
-
},
|
|
65
|
+
}, a = class a extends U {
|
|
66
66
|
constructor() {
|
|
67
67
|
super(...arguments), this.values = {}, this.disabled = !1;
|
|
68
68
|
}
|
|
@@ -82,7 +82,7 @@ const I = {
|
|
|
82
82
|
return typeof o == "string" ? n`${o}` : o.iconName || o.icon ? n`
|
|
83
83
|
<luzmo-icon
|
|
84
84
|
slot="icon"
|
|
85
|
-
.icon=${o.icon ??
|
|
85
|
+
.icon=${o.icon ?? V[o.iconName]}
|
|
86
86
|
.label=${o.label ?? ""}
|
|
87
87
|
></luzmo-icon>
|
|
88
88
|
${o.buttonText ?? ""}
|
|
@@ -90,9 +90,9 @@ const I = {
|
|
|
90
90
|
}
|
|
91
91
|
_generateActionButtons() {
|
|
92
92
|
return Object.entries(this.values).map(
|
|
93
|
-
([o,
|
|
93
|
+
([o, e]) => n`
|
|
94
94
|
<luzmo-action-button value=${o} ?disabled=${this.disabled}
|
|
95
|
-
>${this._generateButtonContents(
|
|
95
|
+
>${this._generateButtonContents(e)}</luzmo-action-button
|
|
96
96
|
>
|
|
97
97
|
`
|
|
98
98
|
);
|
|
@@ -115,8 +115,8 @@ const I = {
|
|
|
115
115
|
`;
|
|
116
116
|
}
|
|
117
117
|
};
|
|
118
|
-
|
|
119
|
-
let t =
|
|
118
|
+
a.styles = [...s(a, a, "styles"), N(M)];
|
|
119
|
+
let t = a;
|
|
120
120
|
u([
|
|
121
121
|
c({ type: Array })
|
|
122
122
|
], t.prototype, "values");
|
|
@@ -133,7 +133,7 @@ u([
|
|
|
133
133
|
c({ type: Array })
|
|
134
134
|
], t.prototype, "default");
|
|
135
135
|
u([
|
|
136
|
-
|
|
136
|
+
T("luzmo-action-group")
|
|
137
137
|
], t.prototype, "actionGroup");
|
|
138
138
|
customElements.get("luzmo-edit-option-action-button-group") || customElements.define(
|
|
139
139
|
"luzmo-edit-option-action-button-group",
|
|
@@ -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";require("./index-
|
|
20
|
+
"use strict";require("./index-Bt5nP_6w.cjs");require("./index-ByjLd3bT.cjs");const t=require("./property-0L4eB11h.cjs"),c=require("./sized-mixin-BxMraZLS-DEFWqo8f.cjs"),d=":host{font-family:var(--luzmo-edit-option-component-font-family, var(--luzmo-font-family))}.luzmo-edit-option{height:var(--luzmo-edit-option-component-height, var(--edit-option-component-height));width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--luzmo-spacing-3);color:var(--luzmo-font-color);font-size:var(--luzmo-font-size-s)}.control-container{display:flex;align-items:center;gap:var(--luzmo-edit-option-control-container-gap, var(--edit-option-control-container-gap));justify-content:end;flex:1}.extra-label{padding-left:var(--luzmo-edit-option-extra-label-padding-left, var(--edit-option-extra-label-padding-left));padding-right:var(--luzmo-edit-option-extra-label-padding-right, var(--edit-option-extra-label-padding-right));font-size:var(--luzmo-edit-option-extra-label-font-size, var(--edit-option-extra-label-font-size))}.extra-link{text-align:right;text-decoration:underline;cursor:pointer}.extra-link:hover{color:var(--luzmo-font-color-hover)}.extra-link.disabled{opacity:.65;cursor:not-allowed}.extra-link.disabled:hover{color:var(--luzmo-font-color-disabled)}:host{--edit-option-component-height: var(--luzmo-component-height);--edit-option-extra-label-padding-right: var(--luzmo-spacing-4);--edit-option-extra-label-padding-left: var(--luzmo-spacing-5);--edit-option-control-container-gap: var(--luzmo-spacing-2);--edit-option-extra-label-font-size: var(--luzmo-font-size-s)}:host([size=s]){--edit-option-component-height: var(--luzmo-component-height-s);--edit-option-extra-label-padding-right: var(--luzmo-spacing-3);--edit-option-extra-label-padding-left: var(--luzmo-spacing-4);--edit-option-control-container-gap: var(--luzmo-spacing-2);--edit-option-extra-label-font-size: var(--luzmo-font-size-xs)}:host([size=l]){--edit-option-component-height: var(--luzmo-component-height-l);--edit-option-extra-label-padding-right: var(--luzmo-spacing-4);--edit-option-extra-label-padding-left: var(--luzmo-spacing-5);--edit-option-control-container-gap: var(--luzmo-spacing-3);--edit-option-extra-label-font-size: var(--luzmo-font-size)}:host([size=xl]){--edit-option-component-height: var(--luzmo-component-height-xl);--edit-option-extra-label-padding-right: var(--luzmo-spacing-5);--edit-option-extra-label-padding-left: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--edit-option-control-container-gap: var(--luzmo-spacing-4);--edit-option-extra-label-font-size: var(--luzmo-font-size-l)}:host{display:block}";var u=Object.defineProperty,o=(s,a,l,h)=>{for(var i=void 0,n=s.length-1,p;n>=0;n--)(p=s[n])&&(i=p(a,l,i)||i);return i&&u(a,l,i),i};const r=class r extends c.m(t.kt,{defaultSize:"s",validSizes:["s","m","l","xl"]}){constructor(){super(...arguments),this.disabled=!1,this.label="",this.tooltip="",this.extraLabel="",this.extraLabelHasClickAction=!1,this.extraLabelTooltip=""}handleExtraLabelClick(a){if(this.extraLabelHasClickAction&&typeof this.extraLabelClickAction=="function"){const{value:l}=this.extraLabelClickAction();this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:l}}))}a.preventDefault(),this.dispatchEvent(new CustomEvent("extraLabelClick",{bubbles:!0,composed:!0}))}render(){return t.x`
|
|
21
21
|
<div class="luzmo-edit-option">
|
|
22
22
|
${this.label?t.x`
|
|
23
23
|
<luzmo-field-label
|
|
@@ -17,10 +17,10 @@
|
|
|
17
17
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
18
18
|
* SOFTWARE.
|
|
19
19
|
* */
|
|
20
|
-
import "./index-
|
|
21
|
-
import "./index-
|
|
22
|
-
import { k as h, a as m, E as p, x as n, n as e } from "./property-
|
|
23
|
-
import { m as u } from "./sized-mixin-BxMraZLS-
|
|
20
|
+
import "./index-BYfDERr7.js";
|
|
21
|
+
import "./index-C8IL2IZ6.js";
|
|
22
|
+
import { k as h, a as m, E as p, x as n, n as e } from "./property-B2F7x7Cz.js";
|
|
23
|
+
import { m as u } from "./sized-mixin-BxMraZLS-B_y0PzR3.js";
|
|
24
24
|
const g = ":host{font-family:var(--luzmo-edit-option-component-font-family, var(--luzmo-font-family))}.luzmo-edit-option{height:var(--luzmo-edit-option-component-height, var(--edit-option-component-height));width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--luzmo-spacing-3);color:var(--luzmo-font-color);font-size:var(--luzmo-font-size-s)}.control-container{display:flex;align-items:center;gap:var(--luzmo-edit-option-control-container-gap, var(--edit-option-control-container-gap));justify-content:end;flex:1}.extra-label{padding-left:var(--luzmo-edit-option-extra-label-padding-left, var(--edit-option-extra-label-padding-left));padding-right:var(--luzmo-edit-option-extra-label-padding-right, var(--edit-option-extra-label-padding-right));font-size:var(--luzmo-edit-option-extra-label-font-size, var(--edit-option-extra-label-font-size))}.extra-link{text-align:right;text-decoration:underline;cursor:pointer}.extra-link:hover{color:var(--luzmo-font-color-hover)}.extra-link.disabled{opacity:.65;cursor:not-allowed}.extra-link.disabled:hover{color:var(--luzmo-font-color-disabled)}:host{--edit-option-component-height: var(--luzmo-component-height);--edit-option-extra-label-padding-right: var(--luzmo-spacing-4);--edit-option-extra-label-padding-left: var(--luzmo-spacing-5);--edit-option-control-container-gap: var(--luzmo-spacing-2);--edit-option-extra-label-font-size: var(--luzmo-font-size-s)}:host([size=s]){--edit-option-component-height: var(--luzmo-component-height-s);--edit-option-extra-label-padding-right: var(--luzmo-spacing-3);--edit-option-extra-label-padding-left: var(--luzmo-spacing-4);--edit-option-control-container-gap: var(--luzmo-spacing-2);--edit-option-extra-label-font-size: var(--luzmo-font-size-xs)}:host([size=l]){--edit-option-component-height: var(--luzmo-component-height-l);--edit-option-extra-label-padding-right: var(--luzmo-spacing-4);--edit-option-extra-label-padding-left: var(--luzmo-spacing-5);--edit-option-control-container-gap: var(--luzmo-spacing-3);--edit-option-extra-label-font-size: var(--luzmo-font-size)}:host([size=xl]){--edit-option-component-height: var(--luzmo-component-height-xl);--edit-option-extra-label-padding-right: var(--luzmo-spacing-5);--edit-option-extra-label-padding-left: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--edit-option-control-container-gap: var(--luzmo-spacing-4);--edit-option-extra-label-font-size: var(--luzmo-font-size-l)}:host{display:block}";
|
|
25
25
|
var b = Object.defineProperty, o = (d, a, l, z) => {
|
|
26
26
|
for (var i = void 0, r = d.length - 1, c; r >= 0; r--)
|