@luzmo/analytics-components-kit 1.0.1-alpha.5 → 1.0.1-alpha.6
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-FGzMycjH-CeG35vZ3.cjs → async-directive-DWRUSKKF-C2JoUGYR.cjs} +3 -3
- package/components/{async-directive-FGzMycjH-Bgeca09f.js → async-directive-DWRUSKKF-CNTJHpgh.js} +1 -1
- package/components/{button-base-CDLQV7Vk-C_3zTrbV.js → button-base-B7v4eeRh-B4fczZlv.js} +3 -3
- package/components/{button-base-CDLQV7Vk-BXgdcJZo.cjs → button-base-B7v4eeRh-CjngVDsD.cjs} +4 -4
- package/components/{checkbox-mixin-DXUIwtea-wiCZr_KI.js → checkbox-mixin-BFGTmw17-BR4ufh0S.js} +6 -6
- package/components/{checkbox-mixin-DXUIwtea-DNISZS47.cjs → checkbox-mixin-BFGTmw17-lIHmn1jk.cjs} +4 -4
- package/components/{directive-helpers-BLDZnGQv-DYFfxaqA.cjs → directive-helpers-nlQRAaQt-CQ_hWlbQ.cjs} +2 -2
- package/components/{directive-helpers-BLDZnGQv-oKMCBvb2.js → directive-helpers-nlQRAaQt-arNFWD5u.js} +10 -10
- package/components/display-settings/index.cjs +3 -3
- package/components/display-settings/index.js +11 -11
- package/components/display-settings-binning/display-settings-binning.d.ts +2 -2
- package/components/display-settings-binning/index.cjs +5 -5
- package/components/display-settings-binning/index.js +17 -18
- 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 +5 -5
- package/components/display-settings-period-over-period/index.js +85 -85
- package/components/draggable-data-item/index.cjs +2 -2
- 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 +4 -4
- package/components/droppable-slot/index.js +8 -8
- package/components/edit-item/index.cjs +7 -7
- package/components/edit-item/index.js +72 -72
- package/components/edit-option/index.cjs +3 -3
- 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-DnrerC_T.cjs → edit-option-base-Ck3NFAli.cjs} +2 -2
- package/components/{edit-option-base-oIvlolV9.js → edit-option-base-w3UBiCoU.js} +4 -4
- package/components/edit-option-color-picker/index.cjs +33 -33
- package/components/edit-option-color-picker/index.js +131 -131
- 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 +3 -3
- package/components/edit-option-slider/index.js +217 -217
- package/components/edit-option-switch/index.cjs +4 -4
- package/components/edit-option-switch/index.js +30 -30
- package/components/edit-option-text-field/index.cjs +1 -1
- package/components/edit-option-text-field/index.js +3 -3
- package/components/{en-GB-g8rSQSba.cjs → en-BvtH5B9A.cjs} +1 -1
- package/components/en-CN4CDOzo.js +23 -0
- package/components/{en-GB-qub-Kemt.js → en-GB-BMvD7axC.js} +1 -1
- package/components/en-GB-DrOGXwdM.cjs +20 -0
- package/components/en-US-BvtH5B9A.cjs +20 -0
- package/components/en-US-CN4CDOzo.js +23 -0
- package/components/{if-defined-CYpcjGCb-Bzbg7zmM.cjs → if-defined-BSAr_4u4-CNmaFBUP.cjs} +2 -2
- package/components/{if-defined-CYpcjGCb-tXzyj9Dq.js → if-defined-BSAr_4u4-CVDyXUmc.js} +4 -4
- package/components/{if-defined-Ch2dtEOS.js → if-defined-_S7apvH1.js} +1 -1
- package/components/{if-defined-DMSuo5Qx.cjs → if-defined-aQZR75uI.cjs} +1 -1
- package/components/{index-B0cBkCaq.cjs → index-B0ZqIWfU.cjs} +4 -4
- package/components/{index-DQiQXn8N.cjs → index-BEi8DTwW.cjs} +1 -1
- package/components/{index-3ewegRbb.cjs → index-Bti4K2L2.cjs} +4 -4
- package/components/{index-BGaxFTL4.js → index-BuW8doNV.js} +4 -4
- package/components/{index-Bofs4Q2E.cjs → index-BxFGd_xp.cjs} +1 -1
- package/components/{index-liTHhAef.cjs → index-ByfMhxDr.cjs} +2 -2
- package/components/{index-Cp-lHUlX.js → index-C44nA7Wn.js} +3 -3
- package/components/{index-BqTdFs1o.js → index-CHLcEawI.js} +3 -3
- package/components/{index-CTPox3yS.cjs → index-CKbGBBId.cjs} +3 -3
- package/components/{index-C2qG2Sm8-BQUlk-w0.js → index-CMvLpPKD-CgGXdNKs.js} +20 -20
- package/components/{index-C2qG2Sm8-CbVWlbag.cjs → index-CMvLpPKD-DoxJRhRP.cjs} +14 -14
- package/components/index-CQjWiSIp.cjs +202 -0
- package/components/{index-B2N_PZf3.js → index-C_Cxv6xn.js} +4 -4
- package/components/index-C_xCeCrL.cjs +185 -0
- package/components/{index-C_3Ak4MQ.cjs → index-CdHFj3ra.cjs} +5 -5
- package/components/{index-DskAouD-.js → index-Ci0Pe5UA.js} +4 -4
- package/components/{index-CayjvyyX.cjs → index-DC2Pby0z.cjs} +4 -4
- package/components/index-DDleIdd8.cjs +192 -0
- package/components/{index-CtHO6VyI.cjs → index-DLrQ4hc5.cjs} +4 -4
- package/components/{index-BC-nmKjU.js → index-DMbzEC_s.js} +13 -13
- package/components/{index-BRk42NQn.js → index-DUlH3hbL.js} +166 -166
- package/components/{en-BsAhbMzm.js → index-DeyQ1JGg.js} +404 -411
- package/components/{index-B2z7i1-X.js → index-DiSrnT1e.js} +7 -7
- package/components/{index-DVaeDCbe.js → index-Dkom_Qy5.js} +1 -1
- package/components/{index-ON4x-yZ7.cjs → index-DxXcY78P.cjs} +2 -2
- package/components/{index-D9vzXhtJ.cjs → index-EkTLplXl.cjs} +8 -8
- package/components/{index-BD3VxQBH.js → index-FSUV_4nO.js} +1 -1
- package/components/{index-CkDDDzuJ.js → index-Pmv-d4iw.js} +25 -25
- package/components/{index-DszPbTTD.js → index-aLxc3xA_.js} +17 -17
- package/components/{index-EQldC-LR.js → index-dJXOanPE.js} +4 -4
- package/components/{index-gfU9TGd5.cjs → index-f8GtjOLn.cjs} +3 -3
- package/components/{index-B5VaT0lQ.js → index-fbS4OrPM.js} +3 -3
- package/components/index.cjs +1 -1
- package/components/index.js +1 -1
- package/components/{language-resolution-8yZa5r_P-CTSmbE1U.js → language-resolution-8yZa5r_P-CLZhU076.js} +3 -3
- package/components/{language-resolution-8yZa5r_P-DQ3rZzW5.cjs → language-resolution-8yZa5r_P-CpbzT4ej.cjs} +3 -3
- package/components/{observe-slot-text-BG0H7bQK-CrkAqUMj.cjs → observe-slot-text-ggb4kKgY-DqsddtTd.cjs} +4 -4
- package/components/{observe-slot-text-BG0H7bQK-C0wmc4DO.js → observe-slot-text-ggb4kKgY-yUxhPbbJ.js} +4 -4
- package/components/{popover-bg0EQQ8p-D4-hrhIx.js → popover-DlkzrLpl-DFIvgCjc.js} +3 -3
- package/components/{popover-bg0EQQ8p-Dha09dhV.cjs → popover-DlkzrLpl-TYw7ejnD.cjs} +5 -5
- package/components/{property-CD3dwBJC.js → property-CXJD1jOW.js} +661 -628
- package/components/property-ChsOQ1Yj.cjs +112 -0
- package/components/{sized-mixin-PyCYpyQq-B40Ek2UB.js → sized-mixin-BxMraZLS-Dc6r-Wg4.js} +1 -1
- package/components/{sized-mixin-PyCYpyQq-sKzDjc75.cjs → sized-mixin-BxMraZLS-w9I35lP7.cjs} +2 -2
- 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 +19 -19
- package/components/{state-ByiKNRhp.cjs → state-DLrsMPet.cjs} +1 -1
- package/components/{state-B1a8XIDm.js → state-DwFtyqCc.js} +1 -1
- package/components/{task-HFsHfTra.cjs → task-CgK9ztaw.cjs} +1 -1
- package/components/{task-BPD0PyaQ.js → task-DYLITx7R.js} +1 -1
- package/components/{text-field-7ITo3Lac-DqVO04kR.js → text-field-CvKSS59x-BzSqtt2_.js} +29 -29
- package/components/text-field-CvKSS59x-D0MM0fDH.cjs +131 -0
- package/package.json +1 -1
- package/components/en-CdROUdjt.cjs +0 -202
- package/components/index-Bjs6Yqet.cjs +0 -185
- package/components/index-D4x-O9Uc.cjs +0 -192
- package/components/luzmo-icons-BrtBl3E5.cjs +0 -31
- package/components/luzmo-icons-CZEpXpvy.js +0 -613
- package/components/property-Su1Q6aME.cjs +0 -124
- package/components/text-field-7ITo3Lac-CKXsSqJP.cjs +0 -131
@@ -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-CgK9ztaw.cjs"),$=require("../property-ChsOQ1Yj.cjs"),M=require("../if-defined-aQZR75uI.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}
|
@@ -168,9 +168,9 @@
|
|
168
168
|
.fromOptionValue=${(f=t.controlInfo)==null?void 0:f.fromOptionValue}
|
169
169
|
.toOptionValue=${(r=t.controlInfo)==null?void 0:r.toOptionValue}
|
170
170
|
></luzmo-edit-option-text-field>
|
171
|
-
`},W=t=>{switch(t.controlType){case"picker":return D(t);case"slider":return J(t);case"switch":return Q(t);case"multi-language-field":return F(t);case"text-field":return U(t);case"number-field":return G(t);case"positions-number-field":return N(t);case"radio-button-group":return R(t);case"color-picker":return B(t);case"action-button-group":return S(t)}},X=(t,o)=>{const i=n=>{for(const e of n){if(e.key===t)return e.control;if(e.children){const l=i(e.children);if(l)return l}}return null};for(const n of o){const e=i(n.children);if(e)return e}return null};var Y=Object.defineProperty,K=(t,o,i,n)=>{for(var e=void 0,l=t.length-1,a;l>=0;l--)(a=t[l])&&(e=a(o,i,e)||e);return e&&Y(o,i,e),e};const H=class H extends $.
|
171
|
+
`},W=t=>{switch(t.controlType){case"picker":return D(t);case"slider":return J(t);case"switch":return Q(t);case"multi-language-field":return F(t);case"text-field":return U(t);case"number-field":return G(t);case"positions-number-field":return N(t);case"radio-button-group":return R(t);case"color-picker":return B(t);case"action-button-group":return S(t)}},X=(t,o)=>{const i=n=>{for(const e of n){if(e.key===t)return e.control;if(e.children){const l=i(e.children);if(l)return l}}return null};for(const n of o){const e=i(n.children);if(e)return e}return null};var Y=Object.defineProperty,K=(t,o,i,n)=>{for(var e=void 0,l=t.length-1,a;l>=0;l--)(a=t[l])&&(e=a(o,i,e)||e);return e&&Y(o,i,e),e};const H=class H extends $.kt{constructor(){super(...arguments),this._loadItemConfig=new j.h(this,{task:async([o,i,n])=>{let e=!1;if(o!==this._itemTypeLoaded){const s=Object.assign({"./item-configs/bar-chart.config.ts":()=>Promise.resolve().then(()=>require("../bar-chart.config-B57geUzJ.cjs")),"./item-configs/column-chart.config.ts":()=>Promise.resolve().then(()=>require("../column-chart.config-B57geUzJ.cjs")),"./item-configs/donut-chart.config.ts":()=>Promise.resolve().then(()=>require("../donut-chart.config-DLWJUlHx.cjs")),"./item-configs/imageobject.config.ts":()=>Promise.resolve().then(()=>require("../imageobject.config-B7ld9bj3.cjs")),"./item-configs/line-chart.config.ts":()=>Promise.resolve().then(()=>require("../line-chart.config-BZcvfO2c.cjs")),"./item-configs/textobject.config.ts":()=>Promise.resolve().then(()=>require("../textobject.config-DbAajFz8.cjs"))});if(s[`./item-configs/${o}.config.ts`]){const c=await s[`./item-configs/${o}.config.ts`]();this._optionsConfig=(c==null?void 0:c.default)??{}}e=!0}if(n!==this._languageLoaded||e){const s=Object.assign({"./item-translations/bar-chart.en.ts":()=>Promise.resolve().then(()=>require("../bar-chart.en-BqYbiHO3.cjs")),"./item-translations/bar-chart.fr.ts":()=>Promise.resolve().then(()=>require("../bar-chart.fr-DGx9smEh.cjs")),"./item-translations/bar-chart.nl.ts":()=>Promise.resolve().then(()=>require("../bar-chart.nl-BYzVExsz.cjs")),"./item-translations/donut-chart.en.ts":()=>Promise.resolve().then(()=>require("../donut-chart.en-Blb9oSdU.cjs")),"./item-translations/donut-chart.fr.ts":()=>Promise.resolve().then(()=>require("../donut-chart.fr-BeTVa2wh.cjs")),"./item-translations/donut-chart.nl.ts":()=>Promise.resolve().then(()=>require("../donut-chart.nl-D9YGbOce.cjs"))});if(s[`./item-translations/${o}.${n}.ts`]){const c=await s[`./item-translations/${o}.${n}.ts`]();this._translations=(c==null?void 0:c.default)??{}}}const l=X(i,this._optionsConfig),a=l==null?void 0:l.type;if(a!==this._controlTypeLoaded){const s=Object.assign({"../edit-option-action-button-group/index.ts":()=>Promise.resolve().then(()=>require("../edit-option-action-button-group/index.cjs")),"../edit-option-color-picker/index.ts":()=>Promise.resolve().then(()=>require("../edit-option-color-picker/index.cjs")),"../edit-option-multi-language-field/index.ts":()=>Promise.resolve().then(()=>require("../edit-option-multi-language-field/index.cjs")),"../edit-option-number-field/index.ts":()=>Promise.resolve().then(()=>require("../edit-option-number-field/index.cjs")),"../edit-option-picker/index.ts":()=>Promise.resolve().then(()=>require("../edit-option-picker/index.cjs")),"../edit-option-positions-number-field/index.ts":()=>Promise.resolve().then(()=>require("../edit-option-positions-number-field/index.cjs")),"../edit-option-radio-button-group/index.ts":()=>Promise.resolve().then(()=>require("../edit-option-radio-button-group/index.cjs")),"../edit-option-slider/index.ts":()=>Promise.resolve().then(()=>require("../edit-option-slider/index.cjs")),"../edit-option-switch/index.ts":()=>Promise.resolve().then(()=>require("../edit-option-switch/index.cjs")),"../edit-option-text-field/index.ts":()=>Promise.resolve().then(()=>require("../edit-option-text-field/index.cjs"))});s[`../edit-option-${a}/index.ts`]&&await s[`../edit-option-${a}/index.ts`](),this._controlTypeLoaded=a}return l},args:()=>[this.itemType,this.optionKey,this.language]}),this.language="en",this.options={},this.slots={},this.theme={},this.size="m",this.changedOptions=o=>{this.options=o,this.dispatchEvent(new CustomEvent("options-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{options:o}}))}}render(){return this._loadItemConfig.render({pending:()=>$.x`<p>Loading...</p>`,complete:o=>W({controlType:o==null?void 0:o.type,optionKey:this.optionKey,controlInfo:o,options:this.options,slots:this.slots,theme:this.theme,language:this.language,translations:this._translations,size:this.size,changeCallback:this.changedOptions}),error:o=>$.x`
|
172
172
|
<div>
|
173
173
|
Could not load control for option: '${this.optionKey}' of chart
|
174
174
|
'${this.itemType}': ${o}.
|
175
175
|
</div>
|
176
|
-
`})}};H.styles=$.r(E);let v=H;K([$.n({type:String,reflect:!0})],v.prototype,"language");K([$.n({type:String,reflect:!0,attribute:"item-type"})],v.prototype,"itemType");K([$.n({type:String,reflect:!0,attribute:"option-key"})],v.prototype,"optionKey");K([$.n({type:Object})],v.prototype,"options");K([$.n({type:Object})],v.prototype,"slots");K([$.n({type:Object})],v.prototype,"theme");K([$.n({type:String,reflect:!0})],v.prototype,"size");customElements.get("luzmo-edit-option")||customElements.define("luzmo-edit-option",v);exports.LuzmoEditOption=v;
|
176
|
+
`})}};H.styles=$.r$1(E);let v=H;K([$.n({type:String,reflect:!0})],v.prototype,"language");K([$.n({type:String,reflect:!0,attribute:"item-type"})],v.prototype,"itemType");K([$.n({type:String,reflect:!0,attribute:"option-key"})],v.prototype,"optionKey");K([$.n({type:Object})],v.prototype,"options");K([$.n({type:Object})],v.prototype,"slots");K([$.n({type:Object})],v.prototype,"theme");K([$.n({type:String,reflect:!0})],v.prototype,"size");customElements.get("luzmo-edit-option")||customElements.define("luzmo-edit-option",v);exports.LuzmoEditOption=v;
|
@@ -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,
|
22
|
-
import { o as P } from "../if-defined-
|
20
|
+
import { h as B } from "../task-DYLITx7R.js";
|
21
|
+
import { x as y, k as F, a as G, n as K } from "../property-CXJD1jOW.js";
|
22
|
+
import { o as P } from "../if-defined-_S7apvH1.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 p=Object.getPrototypeOf;var d=Reflect.get;var m=(a,t,u)=>d(p(a),u,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@luzmo/icons");require("../index-DLrQ4hc5.cjs");require("../index-CKbGBBId.cjs");require("../index-ByfMhxDr.cjs");const n=require("../property-ChsOQ1Yj.cjs"),z=require("../query-D5qWDopr.cjs"),b=require("../edit-option-base-Ck3NFAli.cjs"),g="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=(a,t,u,f)=>{for(var r=void 0,c=a.length-1,s;c>=0;c--)(s=a[c])&&(r=s(t,u,r)||r);return r&&v(t,u,r),r};const h={alignBottom:o.luzmoAlignBottom,alignMiddle:o.luzmoAlignMiddle,alignTop:o.luzmoAlignTop,alignLeft:o.luzmoAlignLeft,alignCenter:o.luzmoAlignCenter,alignRight:o.luzmoAlignRight,ban:o.luzmoBan,borderSolid:o.luzmoBorderSolid,borderDashed:o.luzmoBorderDashed,borderDotted:o.luzmoBorderDotted,compress:o.luzmoCompress,expand:o.luzmoExpand,arrowsExpand:o.luzmoArrowsExpand,arrowsHorizontal:o.luzmoArrowsHorizontal,arrowsVertical:o.luzmoArrowsVertical,italic:o.luzmoItalic,bold:o.luzmoBold,underline:o.luzmoUnderline,rows:o.luzmoRows,columns:o.luzmoColumns,table:o.luzmoTable},l=class l extends b.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
|
+
`}};l.styles=[...m(l,l,"styles"),n.r$1(g)];let e=l;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([z.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 {
|
28
|
-
import { e as
|
29
|
-
import { L as U } from "../edit-option-base-
|
20
|
+
var d = Object.getPrototypeOf;
|
21
|
+
var s = Reflect.get;
|
22
|
+
var z = (l, o, r) => s(d(l), r, o);
|
23
|
+
import { luzmoTable as b, luzmoColumns as g, luzmoRows as f, luzmoUnderline as h, luzmoBold as v, luzmoItalic as x, luzmoArrowsVertical as y, luzmoArrowsHorizontal as w, luzmoArrowsExpand as k, luzmoExpand as C, luzmoCompress as $, luzmoBorderDotted as A, luzmoBorderDashed as B, luzmoBorderSolid as q, luzmoBan as S, luzmoAlignRight as E, luzmoAlignCenter as _, luzmoAlignLeft as T, luzmoAlignTop as D, luzmoAlignMiddle as H, luzmoAlignBottom as R } from "@luzmo/icons";
|
24
|
+
import "../index-dJXOanPE.js";
|
25
|
+
import "../index-BuW8doNV.js";
|
26
|
+
import "../index-DMbzEC_s.js";
|
27
|
+
import { a as M, x as n, n as c } from "../property-CXJD1jOW.js";
|
28
|
+
import { e as N } from "../query-Ddbd72Um.js";
|
29
|
+
import { L as U } from "../edit-option-base-w3UBiCoU.js";
|
30
30
|
const p = () => {
|
31
31
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
32
|
-
const
|
33
|
-
|
32
|
+
const l = document.createElement("style");
|
33
|
+
l.setAttribute("data-luzmo-vars", ""), l.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(l);
|
34
34
|
}
|
35
35
|
};
|
36
36
|
p();
|
37
|
-
const
|
38
|
-
var
|
39
|
-
for (var
|
40
|
-
(m =
|
41
|
-
return
|
37
|
+
const 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 )}";
|
38
|
+
var j = Object.defineProperty, u = (l, o, r, P) => {
|
39
|
+
for (var e = void 0, a = l.length - 1, m; a >= 0; a--)
|
40
|
+
(m = l[a]) && (e = m(o, r, e) || e);
|
41
|
+
return e && j(o, r, 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:
|
43
|
+
const I = {
|
44
|
+
alignBottom: R,
|
45
|
+
alignMiddle: H,
|
46
|
+
alignTop: D,
|
47
|
+
alignLeft: T,
|
48
|
+
alignCenter: _,
|
49
|
+
alignRight: E,
|
50
|
+
ban: S,
|
51
|
+
borderSolid: q,
|
52
|
+
borderDashed: B,
|
53
|
+
borderDotted: A,
|
54
|
+
compress: $,
|
55
|
+
expand: C,
|
56
56
|
arrowsExpand: k,
|
57
57
|
arrowsHorizontal: w,
|
58
58
|
arrowsVertical: y,
|
@@ -62,7 +62,7 @@ const V = {
|
|
62
62
|
rows: f,
|
63
63
|
columns: g,
|
64
64
|
table: b
|
65
|
-
},
|
65
|
+
}, i = class i extends U {
|
66
66
|
constructor() {
|
67
67
|
super(...arguments), this.values = {}, this.disabled = !1;
|
68
68
|
}
|
@@ -82,7 +82,7 @@ const V = {
|
|
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 ?? I[o.iconName]}
|
86
86
|
.label=${o.label ?? ""}
|
87
87
|
></luzmo-icon>
|
88
88
|
${o.buttonText ?? ""}
|
@@ -90,9 +90,9 @@ const V = {
|
|
90
90
|
}
|
91
91
|
_generateActionButtons() {
|
92
92
|
return Object.entries(this.values).map(
|
93
|
-
([o,
|
93
|
+
([o, r]) => n`
|
94
94
|
<luzmo-action-button value=${o} ?disabled=${this.disabled}
|
95
|
-
>${this._generateButtonContents(
|
95
|
+
>${this._generateButtonContents(r)}</luzmo-action-button
|
96
96
|
>
|
97
97
|
`
|
98
98
|
);
|
@@ -115,8 +115,8 @@ const V = {
|
|
115
115
|
`;
|
116
116
|
}
|
117
117
|
};
|
118
|
-
|
119
|
-
let t =
|
118
|
+
i.styles = [...z(i, i, "styles"), M(V)];
|
119
|
+
let t = i;
|
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
|
+
N("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-CdHFj3ra.cjs");require("./index-DC2Pby0z.cjs");const t=require("./property-ChsOQ1Yj.cjs"),c=require("./sized-mixin-BxMraZLS-w9I35lP7.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
|
@@ -50,4 +50,4 @@
|
|
50
50
|
${this.renderController()}
|
51
51
|
</div>
|
52
52
|
</div>
|
53
|
-
`}};r.styles=[t.r(d)];let e=r;o([t.n({type:Boolean,reflect:!0})],e.prototype,"disabled");o([t.n({type:String,reflect:!0})],e.prototype,"label");o([t.n({type:String,reflect:!0})],e.prototype,"tooltip");o([t.n({type:String,attribute:"extra-label"})],e.prototype,"extraLabel");o([t.n({type:Boolean,attribute:"extra-label-has-click-action"})],e.prototype,"extraLabelHasClickAction");o([t.n()],e.prototype,"extraLabelClickAction");o([t.n({type:String,attribute:"extra-label-tooltip"})],e.prototype,"extraLabelTooltip");exports.LuzmoEditOptionBase=e;
|
53
|
+
`}};r.styles=[t.r$1(d)];let e=r;o([t.n({type:Boolean,reflect:!0})],e.prototype,"disabled");o([t.n({type:String,reflect:!0})],e.prototype,"label");o([t.n({type:String,reflect:!0})],e.prototype,"tooltip");o([t.n({type:String,attribute:"extra-label"})],e.prototype,"extraLabel");o([t.n({type:Boolean,attribute:"extra-label-has-click-action"})],e.prototype,"extraLabelHasClickAction");o([t.n()],e.prototype,"extraLabelClickAction");o([t.n({type:String,attribute:"extra-label-tooltip"})],e.prototype,"extraLabelTooltip");exports.LuzmoEditOptionBase=e;
|
@@ -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 {
|
23
|
-
import { m as u } from "./sized-mixin-
|
20
|
+
import "./index-fbS4OrPM.js";
|
21
|
+
import "./index-Ci0Pe5UA.js";
|
22
|
+
import { k as h, a as m, E as p, x as n, n as e } from "./property-CXJD1jOW.js";
|
23
|
+
import { m as u } from "./sized-mixin-BxMraZLS-Dc6r-Wg4.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--)
|