@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";const t=require("./property-
|
20
|
+
"use strict";const t=require("./property-ChsOQ1Yj.cjs"),c=require("./if-defined-BSAr_4u4-CNmaFBUP.cjs"),d=require("./sized-mixin-BxMraZLS-w9I35lP7.cjs");/*! * Lucero - The design system for Luzmo.
|
21
21
|
*
|
22
22
|
* Copyright © 2025 Luzmo
|
23
23
|
* All rights reserved.
|
@@ -33,11 +33,11 @@
|
|
33
33
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
34
34
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
35
35
|
* SOFTWARE.
|
36
|
-
* */const g=(e,r)=>{if(e)return null;const s=r.assignedNodes().reduce((a,o)=>o.textContent?a+o.textContent:a,"");return s?s.trim():null},f="@media (forced-colors: active){:host{--highcontrast-progress-circle-fill-border-color: Highlight;--highcontrast-progress-circle-fill-border-color-over-background: Highlight}.track{--progress-circle-track-border-style: double}}:host{position:var(--luzmo-progress-circle-position, relative);direction:ltr;display:inline-block;position:relative;transform:translateZ(0)}:host,.track{inline-size:var(--luzmo-progress-circle-size, var(--progress-circle-size, 32px));block-size:var(--luzmo-progress-circle-size, var(--progress-circle-size, 32px))}.track{box-sizing:border-box;border-style:var(--highcontrast-progress-circle-track-border-style, var(--luzmo-progress-circle-track-border-style, var(--progress-circle-track-border-style, solid)));border-width:var(--luzmo-progress-circle-thickness, var(--progress-circle-thickness, 3px));border-radius:var(--luzmo-progress-circle-size, var(--progress-circle-size, 32px));border-color:var(--luzmo-progress-circle-track-border-color, var(--luzmo-border-color))}.fills{inline-size:100%;block-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}.fill{box-sizing:border-box;inline-size:var(--luzmo-progress-circle-size, var(--progress-circle-size, 32px));block-size:var(--luzmo-progress-circle-size, var(--progress-circle-size, 32px));border-style:solid;border-width:var(--luzmo-progress-circle-thickness, var(--progress-circle-thickness, 3px));border-radius:var(--luzmo-progress-circle-size, var(--progress-circle-size, 32px));border-color:var(--highcontrast-progress-circle-fill-border-color, var(--luzmo-progress-circle-fill-border-color, var(--luzmo-primary)))}:host([static-color=black]) .track{border-color:var(--luzmo-progress-circle-track-border-color-over-background, rgba(0, 0, 0, .25))}:host([static-color=black]) .fill{border-color:var(--highcontrast-progress-circle-fill-border-color-over-background, var(--luzmo-progress-circle-fill-border-color-over-background, rgb(0, 0, 0)))}:host([static-color=white]) .track{border-color:var(--luzmo-progress-circle-track-border-color-over-background, rgba(255, 255, 255, .15))}:host([static-color=white]) .fill{border-color:var(--highcontrast-progress-circle-fill-border-color-over-background, var(--luzmo-progress-circle-fill-border-color-over-background, rgb(255, 255, 255)))}.fill-mask1,.fill-mask2{inline-size:50%;block-size:100%;transform-origin:100%;position:absolute;overflow:hidden;transform:rotate(180deg)}.fill-sub-mask1,.fill-sub-mask2{inline-size:100%;block-size:100%;transform-origin:100%;overflow:hidden;transform:rotate(-180deg)}.fill-mask2{transform:rotate(0)}:host([indeterminate]) .fills{will-change:transform;transform-origin:center;animation:1s cubic-bezier(.25,.78,.48,.89) infinite luzmo-fills-rotate;transform:translateZ(0)}:host([indeterminate]) .fill-sub-mask1{will-change:transform;animation:1s linear infinite luzmo-fill-mask-1;transform:translateZ(0)}:host([indeterminate]) .fill-sub-mask2{will-change:transform;animation:1s linear infinite luzmo-fill-mask-2;transform:translateZ(0)}.fill-submask-2{animation:1s linear infinite luzmo-fill-mask-2}@keyframes luzmo-fill-mask-1{0%{transform:rotate(90deg)}1.69%{transform:rotate(72.3deg)}3.39%{transform:rotate(55.5deg)}5.08%{transform:rotate(40.3deg)}6.78%{transform:rotate(25deg)}8.47%{transform:rotate(10.6deg)}10.17%{transform:rotate(0)}11.86%{transform:rotate(0)}13.56%{transform:rotate(0)}15.25%{transform:rotate(0)}16.95%{transform:rotate(0)}18.64%{transform:rotate(0)}20.34%{transform:rotate(0)}22.03%{transform:rotate(0)}23.73%{transform:rotate(0)}25.42%{transform:rotate(0)}27.12%{transform:rotate(0)}28.81%{transform:rotate(0)}30.51%{transform:rotate(0)}32.2%{transform:rotate(0)}33.9%{transform:rotate(0)}35.59%{transform:rotate(0)}37.29%{transform:rotate(0)}38.98%{transform:rotate(0)}40.68%{transform:rotate(0)}42.37%{transform:rotate(5.3deg)}44.07%{transform:rotate(13.4deg)}45.76%{transform:rotate(20.6deg)}47.46%{transform:rotate(29deg)}49.15%{transform:rotate(36.5deg)}50.85%{transform:rotate(42.6deg)}52.54%{transform:rotate(48.8deg)}54.24%{transform:rotate(54.2deg)}55.93%{transform:rotate(59.4deg)}57.63%{transform:rotate(63.2deg)}59.32%{transform:rotate(67.2deg)}61.02%{transform:rotate(70.8deg)}62.71%{transform:rotate(73.8deg)}64.41%{transform:rotate(76.2deg)}66.1%{transform:rotate(78.7deg)}67.8%{transform:rotate(80.6deg)}69.49%{transform:rotate(82.6deg)}71.19%{transform:rotate(83.7deg)}72.88%{transform:rotate(85deg)}74.58%{transform:rotate(86.3deg)}76.27%{transform:rotate(87deg)}77.97%{transform:rotate(87.7deg)}79.66%{transform:rotate(88.3deg)}81.36%{transform:rotate(88.6deg)}83.05%{transform:rotate(89.2deg)}84.75%{transform:rotate(89.2deg)}86.44%{transform:rotate(89.5deg)}88.14%{transform:rotate(89.9deg)}89.83%{transform:rotate(89.7deg)}91.53%{transform:rotate(90.1deg)}93.22%{transform:rotate(90.2deg)}94.92%{transform:rotate(90.1deg)}96.61%{transform:rotate(90deg)}98.31%{transform:rotate(89.8deg)}to{transform:rotate(90deg)}}@keyframes luzmo-fill-mask-2{0%{transform:rotate(180deg)}1.69%{transform:rotate(180deg)}3.39%{transform:rotate(180deg)}5.08%{transform:rotate(180deg)}6.78%{transform:rotate(180deg)}8.47%{transform:rotate(180deg)}10.17%{transform:rotate(179.2deg)}11.86%{transform:rotate(164deg)}13.56%{transform:rotate(151.8deg)}15.25%{transform:rotate(140.8deg)}16.95%{transform:rotate(130.3deg)}18.64%{transform:rotate(120.4deg)}20.34%{transform:rotate(110.8deg)}22.03%{transform:rotate(101.6deg)}23.73%{transform:rotate(93.5deg)}25.42%{transform:rotate(85.4deg)}27.12%{transform:rotate(78.1deg)}28.81%{transform:rotate(71.2deg)}30.51%{transform:rotate(89.1deg)}32.2%{transform:rotate(105.5deg)}33.9%{transform:rotate(121.3deg)}35.59%{transform:rotate(135.5deg)}37.29%{transform:rotate(148.4deg)}38.98%{transform:rotate(161deg)}40.68%{transform:rotate(173.5deg)}42.37%{transform:rotate(180deg)}44.07%{transform:rotate(180deg)}45.76%{transform:rotate(180deg)}47.46%{transform:rotate(180deg)}49.15%{transform:rotate(180deg)}50.85%{transform:rotate(180deg)}52.54%{transform:rotate(180deg)}54.24%{transform:rotate(180deg)}55.93%{transform:rotate(180deg)}57.63%{transform:rotate(180deg)}59.32%{transform:rotate(180deg)}61.02%{transform:rotate(180deg)}62.71%{transform:rotate(180deg)}64.41%{transform:rotate(180deg)}66.1%{transform:rotate(180deg)}67.8%{transform:rotate(180deg)}69.49%{transform:rotate(180deg)}71.19%{transform:rotate(180deg)}72.88%{transform:rotate(180deg)}74.58%{transform:rotate(180deg)}76.27%{transform:rotate(180deg)}77.97%{transform:rotate(180deg)}79.66%{transform:rotate(180deg)}81.36%{transform:rotate(180deg)}83.05%{transform:rotate(180deg)}84.75%{transform:rotate(180deg)}86.44%{transform:rotate(180deg)}88.14%{transform:rotate(180deg)}89.83%{transform:rotate(180deg)}91.53%{transform:rotate(180deg)}93.22%{transform:rotate(180deg)}94.92%{transform:rotate(180deg)}96.61%{transform:rotate(180deg)}98.31%{transform:rotate(180deg)}to{transform:rotate(180deg)}}@keyframes luzmo-fills-rotate{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}:host([size=s]){--progress-circle-size: 16px;--progress-circle-thickness: 2px}:host([size=l]){--progress-circle-size: 48px;--progress-circle-thickness: 3px}:host([size=xl]){--progress-circle-size: 64px;--progress-circle-thickness: 4px}:host{block-size:var(--luzmo-progress-circle-size, var(--parent-element-progress-circle-size));inline-size:var(--luzmo-progress-circle-size, var(--parent-element-progress-circle-size));--progress-circle-size: inherit;--parent-element-progress-circle-size: inherit;--parent-element-progress-circle-size: var(--progress-circle-size, 32px)}:host([size=s]){--parent-element-progress-circle-size: var(--progress-circle-size, 16px)}:host([size=l]){--parent-element-progress-circle-size: var(--progress-circle-size, 48px)}:host([size=xl]){--parent-element-progress-circle-size: var(--progress-circle-size, 64px)}slot{display:none}.track,.fill{block-size:var(--luzmo-progress-circle-size, var(--parent-element-progress-circle-size));border-radius:var(--luzmo-progress-circle-size, var(--parent-element-progress-circle-size));inline-size:var(--luzmo-progress-circle-size, var(--parent-element-progress-circle-size))}:host([indeterminate]) .fills,:host([indeterminate]) .fill-sub-mask1,:host([indeterminate]) .fill-sub-mask2{animation-duration:var(--luzmo-progress-circle-animation-duration, 1s)}";var u=Object.defineProperty,i=(e,r,s,a)=>{for(var o=void 0,n=e.length-1,m;n>=0;n--)(m=e[n])&&(o=m(r,s,o)||o);return o&&u(r,s,o),o};class l extends d.m(t.
|
36
|
+
* */const g=(e,r)=>{if(e)return null;const s=r.assignedNodes().reduce((a,o)=>o.textContent?a+o.textContent:a,"");return s?s.trim():null},f="@media (forced-colors: active){:host{--highcontrast-progress-circle-fill-border-color: Highlight;--highcontrast-progress-circle-fill-border-color-over-background: Highlight}.track{--progress-circle-track-border-style: double}}:host{position:var(--luzmo-progress-circle-position, relative);direction:ltr;display:inline-block;position:relative;transform:translateZ(0)}:host,.track{inline-size:var(--luzmo-progress-circle-size, var(--progress-circle-size, 32px));block-size:var(--luzmo-progress-circle-size, var(--progress-circle-size, 32px))}.track{box-sizing:border-box;border-style:var(--highcontrast-progress-circle-track-border-style, var(--luzmo-progress-circle-track-border-style, var(--progress-circle-track-border-style, solid)));border-width:var(--luzmo-progress-circle-thickness, var(--progress-circle-thickness, 3px));border-radius:var(--luzmo-progress-circle-size, var(--progress-circle-size, 32px));border-color:var(--luzmo-progress-circle-track-border-color, var(--luzmo-border-color))}.fills{inline-size:100%;block-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}.fill{box-sizing:border-box;inline-size:var(--luzmo-progress-circle-size, var(--progress-circle-size, 32px));block-size:var(--luzmo-progress-circle-size, var(--progress-circle-size, 32px));border-style:solid;border-width:var(--luzmo-progress-circle-thickness, var(--progress-circle-thickness, 3px));border-radius:var(--luzmo-progress-circle-size, var(--progress-circle-size, 32px));border-color:var(--highcontrast-progress-circle-fill-border-color, var(--luzmo-progress-circle-fill-border-color, var(--luzmo-primary)))}:host([static-color=black]) .track{border-color:var(--luzmo-progress-circle-track-border-color-over-background, rgba(0, 0, 0, .25))}:host([static-color=black]) .fill{border-color:var(--highcontrast-progress-circle-fill-border-color-over-background, var(--luzmo-progress-circle-fill-border-color-over-background, rgb(0, 0, 0)))}:host([static-color=white]) .track{border-color:var(--luzmo-progress-circle-track-border-color-over-background, rgba(255, 255, 255, .15))}:host([static-color=white]) .fill{border-color:var(--highcontrast-progress-circle-fill-border-color-over-background, var(--luzmo-progress-circle-fill-border-color-over-background, rgb(255, 255, 255)))}.fill-mask1,.fill-mask2{inline-size:50%;block-size:100%;transform-origin:100%;position:absolute;overflow:hidden;transform:rotate(180deg)}.fill-sub-mask1,.fill-sub-mask2{inline-size:100%;block-size:100%;transform-origin:100%;overflow:hidden;transform:rotate(-180deg)}.fill-mask2{transform:rotate(0)}:host([indeterminate]) .fills{will-change:transform;transform-origin:center;animation:1s cubic-bezier(.25,.78,.48,.89) infinite luzmo-fills-rotate;transform:translateZ(0)}:host([indeterminate]) .fill-sub-mask1{will-change:transform;animation:1s linear infinite luzmo-fill-mask-1;transform:translateZ(0)}:host([indeterminate]) .fill-sub-mask2{will-change:transform;animation:1s linear infinite luzmo-fill-mask-2;transform:translateZ(0)}.fill-submask-2{animation:1s linear infinite luzmo-fill-mask-2}@keyframes luzmo-fill-mask-1{0%{transform:rotate(90deg)}1.69%{transform:rotate(72.3deg)}3.39%{transform:rotate(55.5deg)}5.08%{transform:rotate(40.3deg)}6.78%{transform:rotate(25deg)}8.47%{transform:rotate(10.6deg)}10.17%{transform:rotate(0)}11.86%{transform:rotate(0)}13.56%{transform:rotate(0)}15.25%{transform:rotate(0)}16.95%{transform:rotate(0)}18.64%{transform:rotate(0)}20.34%{transform:rotate(0)}22.03%{transform:rotate(0)}23.73%{transform:rotate(0)}25.42%{transform:rotate(0)}27.12%{transform:rotate(0)}28.81%{transform:rotate(0)}30.51%{transform:rotate(0)}32.2%{transform:rotate(0)}33.9%{transform:rotate(0)}35.59%{transform:rotate(0)}37.29%{transform:rotate(0)}38.98%{transform:rotate(0)}40.68%{transform:rotate(0)}42.37%{transform:rotate(5.3deg)}44.07%{transform:rotate(13.4deg)}45.76%{transform:rotate(20.6deg)}47.46%{transform:rotate(29deg)}49.15%{transform:rotate(36.5deg)}50.85%{transform:rotate(42.6deg)}52.54%{transform:rotate(48.8deg)}54.24%{transform:rotate(54.2deg)}55.93%{transform:rotate(59.4deg)}57.63%{transform:rotate(63.2deg)}59.32%{transform:rotate(67.2deg)}61.02%{transform:rotate(70.8deg)}62.71%{transform:rotate(73.8deg)}64.41%{transform:rotate(76.2deg)}66.1%{transform:rotate(78.7deg)}67.8%{transform:rotate(80.6deg)}69.49%{transform:rotate(82.6deg)}71.19%{transform:rotate(83.7deg)}72.88%{transform:rotate(85deg)}74.58%{transform:rotate(86.3deg)}76.27%{transform:rotate(87deg)}77.97%{transform:rotate(87.7deg)}79.66%{transform:rotate(88.3deg)}81.36%{transform:rotate(88.6deg)}83.05%{transform:rotate(89.2deg)}84.75%{transform:rotate(89.2deg)}86.44%{transform:rotate(89.5deg)}88.14%{transform:rotate(89.9deg)}89.83%{transform:rotate(89.7deg)}91.53%{transform:rotate(90.1deg)}93.22%{transform:rotate(90.2deg)}94.92%{transform:rotate(90.1deg)}96.61%{transform:rotate(90deg)}98.31%{transform:rotate(89.8deg)}to{transform:rotate(90deg)}}@keyframes luzmo-fill-mask-2{0%{transform:rotate(180deg)}1.69%{transform:rotate(180deg)}3.39%{transform:rotate(180deg)}5.08%{transform:rotate(180deg)}6.78%{transform:rotate(180deg)}8.47%{transform:rotate(180deg)}10.17%{transform:rotate(179.2deg)}11.86%{transform:rotate(164deg)}13.56%{transform:rotate(151.8deg)}15.25%{transform:rotate(140.8deg)}16.95%{transform:rotate(130.3deg)}18.64%{transform:rotate(120.4deg)}20.34%{transform:rotate(110.8deg)}22.03%{transform:rotate(101.6deg)}23.73%{transform:rotate(93.5deg)}25.42%{transform:rotate(85.4deg)}27.12%{transform:rotate(78.1deg)}28.81%{transform:rotate(71.2deg)}30.51%{transform:rotate(89.1deg)}32.2%{transform:rotate(105.5deg)}33.9%{transform:rotate(121.3deg)}35.59%{transform:rotate(135.5deg)}37.29%{transform:rotate(148.4deg)}38.98%{transform:rotate(161deg)}40.68%{transform:rotate(173.5deg)}42.37%{transform:rotate(180deg)}44.07%{transform:rotate(180deg)}45.76%{transform:rotate(180deg)}47.46%{transform:rotate(180deg)}49.15%{transform:rotate(180deg)}50.85%{transform:rotate(180deg)}52.54%{transform:rotate(180deg)}54.24%{transform:rotate(180deg)}55.93%{transform:rotate(180deg)}57.63%{transform:rotate(180deg)}59.32%{transform:rotate(180deg)}61.02%{transform:rotate(180deg)}62.71%{transform:rotate(180deg)}64.41%{transform:rotate(180deg)}66.1%{transform:rotate(180deg)}67.8%{transform:rotate(180deg)}69.49%{transform:rotate(180deg)}71.19%{transform:rotate(180deg)}72.88%{transform:rotate(180deg)}74.58%{transform:rotate(180deg)}76.27%{transform:rotate(180deg)}77.97%{transform:rotate(180deg)}79.66%{transform:rotate(180deg)}81.36%{transform:rotate(180deg)}83.05%{transform:rotate(180deg)}84.75%{transform:rotate(180deg)}86.44%{transform:rotate(180deg)}88.14%{transform:rotate(180deg)}89.83%{transform:rotate(180deg)}91.53%{transform:rotate(180deg)}93.22%{transform:rotate(180deg)}94.92%{transform:rotate(180deg)}96.61%{transform:rotate(180deg)}98.31%{transform:rotate(180deg)}to{transform:rotate(180deg)}}@keyframes luzmo-fills-rotate{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}:host([size=s]){--progress-circle-size: 16px;--progress-circle-thickness: 2px}:host([size=l]){--progress-circle-size: 48px;--progress-circle-thickness: 3px}:host([size=xl]){--progress-circle-size: 64px;--progress-circle-thickness: 4px}:host{block-size:var(--luzmo-progress-circle-size, var(--parent-element-progress-circle-size));inline-size:var(--luzmo-progress-circle-size, var(--parent-element-progress-circle-size));--progress-circle-size: inherit;--parent-element-progress-circle-size: inherit;--parent-element-progress-circle-size: var(--progress-circle-size, 32px)}:host([size=s]){--parent-element-progress-circle-size: var(--progress-circle-size, 16px)}:host([size=l]){--parent-element-progress-circle-size: var(--progress-circle-size, 48px)}:host([size=xl]){--parent-element-progress-circle-size: var(--progress-circle-size, 64px)}slot{display:none}.track,.fill{block-size:var(--luzmo-progress-circle-size, var(--parent-element-progress-circle-size));border-radius:var(--luzmo-progress-circle-size, var(--parent-element-progress-circle-size));inline-size:var(--luzmo-progress-circle-size, var(--parent-element-progress-circle-size))}:host([indeterminate]) .fills,:host([indeterminate]) .fill-sub-mask1,:host([indeterminate]) .fill-sub-mask2{animation-duration:var(--luzmo-progress-circle-animation-duration, 1s)}";var u=Object.defineProperty,i=(e,r,s,a)=>{for(var o=void 0,n=e.length-1,m;n>=0;n--)(m=e[n])&&(o=m(r,s,o)||o);return o&&u(r,s,o),o};class l extends d.m(t.kt,{validSizes:["s","m","l","xl"]}){constructor(){super(...arguments),this.indeterminate=!1,this.label="",this.progress=0}static get styles(){return[t.ht(f)]}makeRotation(r){return this.indeterminate?void 0:`transform: rotate(${r}deg);`}render(){const r=[this.makeRotation(-180+3.6*Math.min(this.progress,50)),this.makeRotation(-180+3.6*Math.max(this.progress-50,0))],s=["mask1","mask2"];return t.Ht`
|
37
37
|
<slot @slotchange=${this.handleSlotchange}></slot>
|
38
38
|
<div class="track"></div>
|
39
39
|
<div class="fills">
|
40
|
-
${s.map((a,o)=>t.
|
40
|
+
${s.map((a,o)=>t.Ht`
|
41
41
|
<div class="fill-${a}">
|
42
42
|
<div
|
43
43
|
class="fill-sub-${a}"
|
@@ -48,7 +48,7 @@
|
|
48
48
|
</div>
|
49
49
|
`)}
|
50
50
|
</div>
|
51
|
-
`}handleSlotchange(){const r=g(this.label,this.slotEl);r&&(this.label=r)}firstUpdated(r){super.firstUpdated(r),this.hasAttribute("role")||this.setAttribute("role","progressbar")}updated(r){super.updated(r),!this.indeterminate&&r.has("progress")?this.setAttribute("aria-valuenow",""+this.progress):this.hasAttribute("aria-valuenow")&&this.removeAttribute("aria-valuenow"),r.has("label")&&(this.label.length>0?this.setAttribute("aria-label",this.label):r.get("label")===this.getAttribute("aria-label")&&this.removeAttribute("aria-label"))}}i([t.
|
51
|
+
`}handleSlotchange(){const r=g(this.label,this.slotEl);r&&(this.label=r)}firstUpdated(r){super.firstUpdated(r),this.hasAttribute("role")||this.setAttribute("role","progressbar")}updated(r){super.updated(r),!this.indeterminate&&r.has("progress")?this.setAttribute("aria-valuenow",""+this.progress):this.hasAttribute("aria-valuenow")&&this.removeAttribute("aria-valuenow"),r.has("label")&&(this.label.length>0?this.setAttribute("aria-label",this.label):r.get("label")===this.getAttribute("aria-label")&&this.removeAttribute("aria-label"))}}i([t.Rt({type:Boolean,reflect:!0})],l.prototype,"indeterminate");i([t.Rt({type:String})],l.prototype,"label");i([t.Rt({reflect:!0,attribute:"static-color"})],l.prototype,"staticColor");i([t.Rt({type:Number})],l.prototype,"progress");i([c.d("slot")],l.prototype,"slotEl");/*! * Lucero - The design system for Luzmo.
|
52
52
|
*
|
53
53
|
* Copyright © 2025 Luzmo
|
54
54
|
* All rights reserved.
|
@@ -17,11 +17,11 @@
|
|
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 {
|
21
|
-
import { a as g } from "./observe-slot-text-
|
22
|
-
import { d as b } from "./if-defined-
|
20
|
+
import { k as d, h as p, H as m, R as u } from "./property-CXJD1jOW.js";
|
21
|
+
import { a as g } from "./observe-slot-text-ggb4kKgY-yUxhPbbJ.js";
|
22
|
+
import { d as b } from "./if-defined-BSAr_4u4-CVDyXUmc.js";
|
23
23
|
import { m as h } from "./roving-tabindex-DOg4z6ZU-dufnVmvL.js";
|
24
|
-
import { m as z } from "./sized-mixin-
|
24
|
+
import { m as z } from "./sized-mixin-BxMraZLS-Dc6r-Wg4.js";
|
25
25
|
/*! * Lucero - The design system for Luzmo.
|
26
26
|
*
|
27
27
|
* Copyright © 2025 Luzmo
|
@@ -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-CMvLpPKD-DoxJRhRP.cjs");/*! * Lucero - The design system for Luzmo.
|
21
21
|
*
|
22
22
|
* Copyright © 2025 Luzmo
|
23
23
|
* All rights reserved.
|
@@ -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";const z=require("
|
20
|
+
"use strict";const z=require("@luzmo/icons"),r=require("./property-ChsOQ1Yj.cjs"),d=require("./if-defined-BSAr_4u4-CNmaFBUP.cjs");/*! * Lucero - The design system for Luzmo.
|
21
21
|
*
|
22
22
|
* Copyright © 2025 Luzmo
|
23
23
|
* All rights reserved.
|
@@ -33,4 +33,4 @@
|
|
33
33
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
34
34
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
35
35
|
* SOFTWARE.
|
36
|
-
* */const g=()=>{if(typeof document<"u"&&!document.querySelector("style[data-luzmo-vars]")){const e=document.createElement("style");e.setAttribute("data-luzmo-vars",""),e.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(e)}};g();const b=":host{pointer-events:none;transform:none;transform:var(--luzmo-icon-transform, none);inline-size:var(--luzmo-icon-inline-size, var(--luzmo-icon-size, var(--icon-size)));block-size:var(--luzmo-icon-block-size, var(--luzmo-icon-size, var(--icon-size)));font-size:var(--luzmo-icon-block-size, var(--luzmo-icon-size, var(--icon-size)));color:inherit;color:var(--luzmo-icon-color, inherit);fill:currentColor;display:inline-block}::slotted(svg),:host svg,:host img{--icon-vertical-align: var(--parent-element-icon-vertical-align, -.125em);vertical-align:var(--icon-vertical-align)!important}:host([block]){display:block;vertical-align:0}:host([block]) svg,:host([block]) img{--icon-vertical-align: var(--parent-element-icon-vertical-align, 0)}:host([size=xxs]){--icon-size: var(--luzmo-icon-size-xxs)}:host([size=xs]){--icon-size: var(--luzmo-icon-size-xs)}:host([size=s]){--icon-size: var(--luzmo-icon-size-s)}:host,:host([size=m]){--icon-size: var(--luzmo-icon-size-m)}:host([size=l]){--icon-size: var(--luzmo-icon-size-l)}:host([size=xl]){--icon-size: var(--luzmo-icon-size-xl)}:host([size=xxl]){--icon-size: var(--luzmo-icon-size-xxl)}:host(:not(:root)){overflow:visible}@media (forced-colors: active){:host{forced-color-adjust:auto}}img,svg,::slotted(*){height:100%;width:100%;vertical-align:top;color:inherit}@media (forced-colors: active){img,svg,::slotted(*){forced-color-adjust:auto}}";var f=Object.defineProperty,m=(e,l,t,a)=>{for(var o=void 0,i=e.length-1,c;i>=0;i--)(c=e[i])&&(o=c(l,t,o)||o);return o&&f(l,t,o),o};class u extends r.
|
36
|
+
* */const g=()=>{if(typeof document<"u"&&!document.querySelector("style[data-luzmo-vars]")){const e=document.createElement("style");e.setAttribute("data-luzmo-vars",""),e.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(e)}};g();const b=":host{pointer-events:none;transform:none;transform:var(--luzmo-icon-transform, none);inline-size:var(--luzmo-icon-inline-size, var(--luzmo-icon-size, var(--icon-size)));block-size:var(--luzmo-icon-block-size, var(--luzmo-icon-size, var(--icon-size)));font-size:var(--luzmo-icon-block-size, var(--luzmo-icon-size, var(--icon-size)));color:inherit;color:var(--luzmo-icon-color, inherit);fill:currentColor;display:inline-block}::slotted(svg),:host svg,:host img{--icon-vertical-align: var(--parent-element-icon-vertical-align, -.125em);vertical-align:var(--icon-vertical-align)!important}:host([block]){display:block;vertical-align:0}:host([block]) svg,:host([block]) img{--icon-vertical-align: var(--parent-element-icon-vertical-align, 0)}:host([size=xxs]){--icon-size: var(--luzmo-icon-size-xxs)}:host([size=xs]){--icon-size: var(--luzmo-icon-size-xs)}:host([size=s]){--icon-size: var(--luzmo-icon-size-s)}:host,:host([size=m]){--icon-size: var(--luzmo-icon-size-m)}:host([size=l]){--icon-size: var(--luzmo-icon-size-l)}:host([size=xl]){--icon-size: var(--luzmo-icon-size-xl)}:host([size=xxl]){--icon-size: var(--luzmo-icon-size-xxl)}:host(:not(:root)){overflow:visible}@media (forced-colors: active){:host{forced-color-adjust:auto}}img,svg,::slotted(*){height:100%;width:100%;vertical-align:top;color:inherit}@media (forced-colors: active){img,svg,::slotted(*){forced-color-adjust:auto}}";var f=Object.defineProperty,m=(e,l,t,a)=>{for(var o=void 0,i=e.length-1,c;i>=0;i--)(c=e[i])&&(o=c(l,t,o)||o);return o&&f(l,t,o),o};class u extends r.kt{constructor(){super(...arguments),this.label=""}static get styles(){return[r.ht(b)]}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}update(l){l.has("label")&&(this.label?this.removeAttribute("aria-hidden"):this.setAttribute("aria-hidden","true")),super.update(l)}render(){return r.Ht` <slot></slot> `}}m([r.Rt({reflect:!0})],u.prototype,"label");m([r.Rt({reflect:!0})],u.prototype,"size");var p=Object.defineProperty,s=(e,l,t,a)=>{for(var o=void 0,i=e.length-1,c;i>=0;i--)(c=e[i])&&(o=c(l,t,o)||o);return o&&p(l,t,o),o};class n extends u{constructor(){super(...arguments),this.block=!1}render(){return this.icon?z.luzmoIcon(this.icon,this.options):this.src?r.Ht` <img src=${this.src} alt=${d.m(this.label)} /> `:super.render()}}s([r.Rt()],n.prototype,"src");s([r.Rt()],n.prototype,"options");s([r.Rt()],n.prototype,"icon");s([r.Rt({type:Boolean})],n.prototype,"block");customElements.get("luzmo-icon")||customElements.define("luzmo-icon",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 {
|
21
|
-
import { m as f, d as u } from "./if-defined-
|
22
|
-
import { m as z } from "./sized-mixin-
|
20
|
+
import { k as d, h as g, H as c, R as i } from "./property-CXJD1jOW.js";
|
21
|
+
import { m as f, d as u } from "./if-defined-BSAr_4u4-CVDyXUmc.js";
|
22
|
+
import { m as z } from "./sized-mixin-BxMraZLS-Dc6r-Wg4.js";
|
23
23
|
/*! * Lucero - The design system for Luzmo.
|
24
24
|
*
|
25
25
|
* Copyright © 2025 Luzmo
|
@@ -17,8 +17,8 @@
|
|
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 {
|
21
|
-
import { m as
|
20
|
+
import { H as z, h as n, R as c, k as s } from "./property-CXJD1jOW.js";
|
21
|
+
import { m as d } from "./sized-mixin-BxMraZLS-Dc6r-Wg4.js";
|
22
22
|
import { r as f } from "./divider.module-DwOuLGU3-B19eHVg2.js";
|
23
23
|
/*! * Lucero - The design system for Luzmo.
|
24
24
|
*
|
@@ -49,7 +49,7 @@ var b = Object.defineProperty, i = (o, r, t, p) => {
|
|
49
49
|
(m = o[e]) && (l = m(r, t, l) || l);
|
50
50
|
return l && b(r, t, l), l;
|
51
51
|
};
|
52
|
-
const a = class extends s
|
52
|
+
const a = class extends d(s, {
|
53
53
|
validSizes: ["s", "m", "l"],
|
54
54
|
noDefaultSize: !0
|
55
55
|
}) {
|
@@ -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";const s=require("./property-
|
20
|
+
"use strict";const s=require("./property-ChsOQ1Yj.cjs"),d=require("./observe-slot-text-ggb4kKgY-DqsddtTd.cjs"),p=require("./if-defined-BSAr_4u4-CNmaFBUP.cjs"),m=require("./roving-tabindex-DOg4z6ZU-DmyYPRYY.cjs"),g=require("./sized-mixin-BxMraZLS-w9I35lP7.cjs");/*! * Lucero - The design system for Luzmo.
|
21
21
|
*
|
22
22
|
* Copyright © 2025 Luzmo
|
23
23
|
* All rights reserved.
|
@@ -33,9 +33,9 @@
|
|
33
33
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
34
34
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
35
35
|
* SOFTWARE.
|
36
|
-
* */const b=":host{gap:var(--luzmo-action-group-horizontal-spacing-regular, var(--action-group-horizontal-spacing-regular));flex-wrap:wrap;display:flex}::slotted(*){flex-shrink:0}::slotted(:focus-visible){z-index:3}:host(:not([vertical]):not([compact])) ::slotted(*){flex-shrink:0}:host([vertical]){gap:var(--luzmo-action-group-vertical-spacing-regular, var(--action-group-vertical-spacing-regular));flex-direction:column;display:inline-flex}:host([compact]){gap:var(--luzmo-action-group-gap-size-compact, var(--action-group-gap-size-compact))}:host([compact]:not([quiet])){flex-wrap:nowrap}:host([compact]:not([quiet])) ::slotted(*){border-radius:var(--luzmo-action-group-border-radius-reset, var(--action-group-border-radius-reset));z-index:0;position:relative}:host([compact]:not([quiet])) ::slotted(:first-child){--luzmo-actionbutton-focus-indicator-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) 0px 0px var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-start-start-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-end-start-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));margin-inline-start:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset))}:host([compact]:not([quiet])) ::slotted(:not(:first-child)){--luzmo-actionbutton-focus-indicator-border-radius: 0px;margin-inline-start:var(--luzmo-action-group-horizontal-spacing-compact, var(--action-group-horizontal-spacing-compact));margin-inline-end:var(--luzmo-action-group-horizontal-spacing-compact, var(--action-group-horizontal-spacing-compact))}:host([compact]:not([quiet])) ::slotted(:last-child){--luzmo-actionbutton-focus-indicator-border-radius: 0px var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0px;border-start-end-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-end-end-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));margin-inline-start:var(--luzmo-action-group-horizontal-spacing-compact, var(--action-group-horizontal-spacing-compact));margin-inline-end:var(--luzmo-action-group-border-radius-reset, var(--action-group-border-radius-reset))}:host([compact]:not([quiet])) ::slotted([selected]){z-index:1}@media (hover: hover){:host([compact]:not([quiet])) ::slotted(:hover){z-index:2}}:host([compact]:not([quiet])) ::slotted(:focus-visible){z-index:3}:host([compact]:not([quiet])[vertical]){gap:var(--luzmo-action-group-gap-size-compact, var(--action-group-gap-size-compact))}:host([compact][vertical]:not([quiet])) ::slotted(*){border-radius:var(--luzmo-action-group-border-radius-reset, var(--action-group-border-radius-reset))}:host([compact][vertical]:not([quiet])) ::slotted(:first-child){--luzmo-actionbutton-focus-indicator-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0px 0px;border-start-start-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-start-end-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));margin-block-start:var(--luzmo-action-group-vertical-spacing-compact, var(--action-group-vertical-spacing-compact));margin-block-end:var(--luzmo-action-group-vertical-spacing-compact, var(--action-group-vertical-spacing-compact));margin-inline-end:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset))}:host([compact][vertical]:not([quiet])) ::slotted(:not(:first-child)){margin-block-start:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset));margin-block-end:var(--luzmo-action-group-vertical-spacing-compact, var(--action-group-vertical-spacing-compact));margin-inline-start:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset));margin-inline-end:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset))}:host([compact][vertical]:not([quiet])) ::slotted(:last-child){--luzmo-actionbutton-focus-indicator-border-radius: 0px 0px var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-end-end-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-end-start-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));margin-block-start:var(--luzmo-action-group-vertical-spacing-compact, var(--action-group-vertical-spacing-compact));margin-block-end:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset))}:host([justified]) ::slotted(*){flex:1}:host{--action-group-gap-size-compact: 0px;--action-group-horizontal-spacing-compact: -1px;--action-group-vertical-spacing-compact: -1px;--action-group-button-spacing-reset: 0px;--action-group-border-radius-reset: 0px;--action-group-border-radius: var(--luzmo-border-radius);--action-group-horizontal-spacing-regular: var(--luzmo-spacing-3);--action-group-vertical-spacing-regular: var(--luzmo-spacing-3)}:host([size=xs]),:host([size=s]){--action-group-horizontal-spacing-regular: var(--luzmo-spacing-2);--action-group-vertical-spacing-regular: var(--luzmo-spacing-2)}:host,:host([size=l]),:host([size=xl]){--action-group-horizontal-spacing-regular: var(--luzmo-spacing-3);--action-group-vertical-spacing-regular: var(--luzmo-spacing-3)}:host([dir][compact][vertical]) ::slotted(:nth-child(n)){margin-right:0;margin-left:0}:host([justified]) ::slotted(:not([role])),:host([vertical]) ::slotted(:not([role])){display:flex;flex-direction:column;align-items:stretch}:host([compact]:not([quiet])) ::slotted(:not([role])){--overriden-border-radius: 0;--luzmo-action-button-border-radius: var(--overriden-border-radius)}:host([compact][vertical]:not([quiet])) ::slotted(:not([role]):first-child){--overriden-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0 0}:host([compact][vertical]:not([quiet])) ::slotted(:not([role]):last-child){--overriden-border-radius: 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:not([role]):first-child){--overriden-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:not([role]):first-child){--overriden-border-radius: 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:not([role]):last-child){--overriden-border-radius: 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:not([role]):last-child){--overriden-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([compact]:not([quiet])) ::slotted(*){--luzmo-action-button-focus-ring-border-radius: 0}:host([compact][vertical]:not([quiet])) ::slotted(:first-child){--luzmo-action-button-focus-ring-border-radius: var(--luzmo-border-radius) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0 0}:host([compact][vertical]:not([quiet])) ::slotted(:last-child){--luzmo-action-button-focus-ring-border-radius: 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:first-child){--luzmo-action-button-focus-ring-border-radius: var(--luzmo-border-radius) 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:first-child){--luzmo-action-button-focus-ring-border-radius: 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:last-child){--luzmo-action-button-focus-ring-border-radius: 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:last-child){--luzmo-action-button-focus-ring-border-radius: var(--luzmo-border-radius) 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}";var h=Object.defineProperty,z=Object.getOwnPropertyDescriptor,l=(c,o,r,t)=>{for(var e=t>1?void 0:t?z(o,r):o,i=c.length-1,a;i>=0;i--)(a=c[i])&&(e=(t?a(o,r,e):a(e))||e);return t&&e&&h(o,r,e),e};const n=[];class u extends g.m(s.I,{validSizes:["xs","s","m","l","xl"],noDefaultSize:!0}){constructor(){super(),this._buttons=[],this._buttonSelector="luzmo-action-button, luzmo-action-menu",this.rovingTabindexController=new m.m(this,{focusInIndex:o=>{let r=-1;const t=o.findIndex((e,i)=>(!o[r]&&!e.disabled&&(r=i),e.selected&&!e.disabled));return o[t]?t:r},elements:()=>this.buttons,isFocusableElement:o=>!o.disabled}),this.compact=!1,this.emphasized=!1,this.justified=!1,this.label="",this.quiet=!1,this.vertical=!1,this._selected=n,this.hasManaged=!1,this.manageButtons=()=>{if(!this.slotElement)return;const o=this.slotElement.assignedElements({flatten:!0}).reduce((r,t)=>{if(t.matches(this._buttonSelector))r.push(t);else{const e=[...t.querySelectorAll(`:scope > ${this._buttonSelector}`)];r.push(...e)}return r},[]);if(this.buttons=o,this.selects||!this.hasManaged){const r=[];this.buttons.forEach(t=>{t.selected&&r.push(t.value)}),this.setSelected([...this.selected,...r])}this.manageChildren(),this.manageSelects(),this.hasManaged=!0},new d.a(this,{config:{childList:!0,subtree:!0},callback:()=>{this.manageButtons()},skipInitial:!0})}static get styles(){return[s.r(b)]}set buttons(o){o!==this.buttons&&(this._buttons=o,this.rovingTabindexController.clearElementCache())}get buttons(){return this._buttons}set selected(o){this.requestUpdate("selected",this._selected),this._selected=o,this.updateComplete.then(()=>{this.applySelects(),this.manageChildren()})}get selected(){return this._selected}dispatchChange(o){this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0,cancelable:!0}))||(this.setSelected(o),this.buttons.map(r=>{r.selected=this.selected.includes(r.value)}))}setSelected(o,r){if(o===this.selected)return;const t=this.selected;this.requestUpdate("selected",t),this._selected=o,r&&this.dispatchChange(t)}focus(o){this.rovingTabindexController.focus(o)}deselectSelectedButtons(){this.buttons.forEach(o=>{o.selected&&(o.selected=!1,o.tabIndex=-1,o.setAttribute(this.selects?"aria-checked":"aria-pressed","false"))})}handleActionButtonChange(o){o.stopPropagation(),o.preventDefault()}handleClick(o){const r=o.target;if(r.value!==void 0)switch(this.selects){case"single":{this.deselectSelectedButtons(),r.selected=!0,r.tabIndex=0,r.setAttribute("aria-checked","true"),this.setSelected([r.value],!0);break}case"multiple":{const t=[...this.selected];r.selected=!r.selected,r.setAttribute("aria-checked",r.selected?"true":"false"),r.selected?t.push(r.value):t.splice(this.selected.indexOf(r.value),1),this.setSelected(t,!0),this.buttons.forEach(e=>{e.tabIndex=-1}),r.tabIndex=0;break}}}async applySelects(){await this.manageSelects(!0)}async manageSelects(o){if(this.buttons.length===0)return;const r=this.buttons;switch(this.selects){case"single":{this.setAttribute("role","radiogroup");const t=[],e=r.map(async a=>{await a.updateComplete,a.setAttribute("role","radio"),a.setAttribute("aria-checked",a.selected?"true":"false"),a.selected&&t.push(a)});if(o)break;await Promise.all(e);const i=t.map(a=>a.value);this.setSelected(i||n);break}case"multiple":{this.getAttribute("role")==="radiogroup"&&this.removeAttribute("role");const t=[],e=r.map(async a=>{await a.updateComplete,a.setAttribute("role","checkbox"),a.setAttribute("aria-checked",a.selected?"true":"false"),a.selected&&t.push(a.value)});if(o)break;await Promise.all(e);const i=t.length>0?t:n;this.setSelected(i);break}default:if(this.selected.length>0){const t=[],e=r.map(async i=>{await i.updateComplete,i.setAttribute("role","button"),i.selected?(i.setAttribute("aria-pressed","true"),t.push(i)):i.removeAttribute("aria-pressed")});if(o)break;await Promise.all(e),this.setSelected(t.map(i=>i.value))}else{this.buttons.forEach(t=>{t.setAttribute("role","button")});break}}this.hasAttribute("role")||this.setAttribute("role","toolbar")}render(){return s.x`
|
36
|
+
* */const b=":host{gap:var(--luzmo-action-group-horizontal-spacing-regular, var(--action-group-horizontal-spacing-regular));flex-wrap:wrap;display:flex}::slotted(*){flex-shrink:0}::slotted(:focus-visible){z-index:3}:host(:not([vertical]):not([compact])) ::slotted(*){flex-shrink:0}:host([vertical]){gap:var(--luzmo-action-group-vertical-spacing-regular, var(--action-group-vertical-spacing-regular));flex-direction:column;display:inline-flex}:host([compact]){gap:var(--luzmo-action-group-gap-size-compact, var(--action-group-gap-size-compact))}:host([compact]:not([quiet])){flex-wrap:nowrap}:host([compact]:not([quiet])) ::slotted(*){border-radius:var(--luzmo-action-group-border-radius-reset, var(--action-group-border-radius-reset));z-index:0;position:relative}:host([compact]:not([quiet])) ::slotted(:first-child){--luzmo-actionbutton-focus-indicator-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) 0px 0px var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-start-start-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-end-start-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));margin-inline-start:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset))}:host([compact]:not([quiet])) ::slotted(:not(:first-child)){--luzmo-actionbutton-focus-indicator-border-radius: 0px;margin-inline-start:var(--luzmo-action-group-horizontal-spacing-compact, var(--action-group-horizontal-spacing-compact));margin-inline-end:var(--luzmo-action-group-horizontal-spacing-compact, var(--action-group-horizontal-spacing-compact))}:host([compact]:not([quiet])) ::slotted(:last-child){--luzmo-actionbutton-focus-indicator-border-radius: 0px var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0px;border-start-end-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-end-end-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));margin-inline-start:var(--luzmo-action-group-horizontal-spacing-compact, var(--action-group-horizontal-spacing-compact));margin-inline-end:var(--luzmo-action-group-border-radius-reset, var(--action-group-border-radius-reset))}:host([compact]:not([quiet])) ::slotted([selected]){z-index:1}@media (hover: hover){:host([compact]:not([quiet])) ::slotted(:hover){z-index:2}}:host([compact]:not([quiet])) ::slotted(:focus-visible){z-index:3}:host([compact]:not([quiet])[vertical]){gap:var(--luzmo-action-group-gap-size-compact, var(--action-group-gap-size-compact))}:host([compact][vertical]:not([quiet])) ::slotted(*){border-radius:var(--luzmo-action-group-border-radius-reset, var(--action-group-border-radius-reset))}:host([compact][vertical]:not([quiet])) ::slotted(:first-child){--luzmo-actionbutton-focus-indicator-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0px 0px;border-start-start-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-start-end-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));margin-block-start:var(--luzmo-action-group-vertical-spacing-compact, var(--action-group-vertical-spacing-compact));margin-block-end:var(--luzmo-action-group-vertical-spacing-compact, var(--action-group-vertical-spacing-compact));margin-inline-end:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset))}:host([compact][vertical]:not([quiet])) ::slotted(:not(:first-child)){margin-block-start:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset));margin-block-end:var(--luzmo-action-group-vertical-spacing-compact, var(--action-group-vertical-spacing-compact));margin-inline-start:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset));margin-inline-end:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset))}:host([compact][vertical]:not([quiet])) ::slotted(:last-child){--luzmo-actionbutton-focus-indicator-border-radius: 0px 0px var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-end-end-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-end-start-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));margin-block-start:var(--luzmo-action-group-vertical-spacing-compact, var(--action-group-vertical-spacing-compact));margin-block-end:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset))}:host([justified]) ::slotted(*){flex:1}:host{--action-group-gap-size-compact: 0px;--action-group-horizontal-spacing-compact: -1px;--action-group-vertical-spacing-compact: -1px;--action-group-button-spacing-reset: 0px;--action-group-border-radius-reset: 0px;--action-group-border-radius: var(--luzmo-border-radius);--action-group-horizontal-spacing-regular: var(--luzmo-spacing-3);--action-group-vertical-spacing-regular: var(--luzmo-spacing-3)}:host([size=xs]),:host([size=s]){--action-group-horizontal-spacing-regular: var(--luzmo-spacing-2);--action-group-vertical-spacing-regular: var(--luzmo-spacing-2)}:host,:host([size=l]),:host([size=xl]){--action-group-horizontal-spacing-regular: var(--luzmo-spacing-3);--action-group-vertical-spacing-regular: var(--luzmo-spacing-3)}:host([dir][compact][vertical]) ::slotted(:nth-child(n)){margin-right:0;margin-left:0}:host([justified]) ::slotted(:not([role])),:host([vertical]) ::slotted(:not([role])){display:flex;flex-direction:column;align-items:stretch}:host([compact]:not([quiet])) ::slotted(:not([role])){--overriden-border-radius: 0;--luzmo-action-button-border-radius: var(--overriden-border-radius)}:host([compact][vertical]:not([quiet])) ::slotted(:not([role]):first-child){--overriden-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0 0}:host([compact][vertical]:not([quiet])) ::slotted(:not([role]):last-child){--overriden-border-radius: 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:not([role]):first-child){--overriden-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:not([role]):first-child){--overriden-border-radius: 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:not([role]):last-child){--overriden-border-radius: 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:not([role]):last-child){--overriden-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([compact]:not([quiet])) ::slotted(*){--luzmo-action-button-focus-ring-border-radius: 0}:host([compact][vertical]:not([quiet])) ::slotted(:first-child){--luzmo-action-button-focus-ring-border-radius: var(--luzmo-border-radius) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0 0}:host([compact][vertical]:not([quiet])) ::slotted(:last-child){--luzmo-action-button-focus-ring-border-radius: 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:first-child){--luzmo-action-button-focus-ring-border-radius: var(--luzmo-border-radius) 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:first-child){--luzmo-action-button-focus-ring-border-radius: 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:last-child){--luzmo-action-button-focus-ring-border-radius: 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:last-child){--luzmo-action-button-focus-ring-border-radius: var(--luzmo-border-radius) 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}";var h=Object.defineProperty,z=Object.getOwnPropertyDescriptor,l=(c,o,r,t)=>{for(var e=t>1?void 0:t?z(o,r):o,i=c.length-1,a;i>=0;i--)(a=c[i])&&(e=(t?a(o,r,e):a(e))||e);return t&&e&&h(o,r,e),e};const n=[];class u extends g.m(s.kt,{validSizes:["xs","s","m","l","xl"],noDefaultSize:!0}){constructor(){super(),this._buttons=[],this._buttonSelector="luzmo-action-button, luzmo-action-menu",this.rovingTabindexController=new m.m(this,{focusInIndex:o=>{let r=-1;const t=o.findIndex((e,i)=>(!o[r]&&!e.disabled&&(r=i),e.selected&&!e.disabled));return o[t]?t:r},elements:()=>this.buttons,isFocusableElement:o=>!o.disabled}),this.compact=!1,this.emphasized=!1,this.justified=!1,this.label="",this.quiet=!1,this.vertical=!1,this._selected=n,this.hasManaged=!1,this.manageButtons=()=>{if(!this.slotElement)return;const o=this.slotElement.assignedElements({flatten:!0}).reduce((r,t)=>{if(t.matches(this._buttonSelector))r.push(t);else{const e=[...t.querySelectorAll(`:scope > ${this._buttonSelector}`)];r.push(...e)}return r},[]);if(this.buttons=o,this.selects||!this.hasManaged){const r=[];this.buttons.forEach(t=>{t.selected&&r.push(t.value)}),this.setSelected([...this.selected,...r])}this.manageChildren(),this.manageSelects(),this.hasManaged=!0},new d.a(this,{config:{childList:!0,subtree:!0},callback:()=>{this.manageButtons()},skipInitial:!0})}static get styles(){return[s.ht(b)]}set buttons(o){o!==this.buttons&&(this._buttons=o,this.rovingTabindexController.clearElementCache())}get buttons(){return this._buttons}set selected(o){this.requestUpdate("selected",this._selected),this._selected=o,this.updateComplete.then(()=>{this.applySelects(),this.manageChildren()})}get selected(){return this._selected}dispatchChange(o){this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0,cancelable:!0}))||(this.setSelected(o),this.buttons.map(r=>{r.selected=this.selected.includes(r.value)}))}setSelected(o,r){if(o===this.selected)return;const t=this.selected;this.requestUpdate("selected",t),this._selected=o,r&&this.dispatchChange(t)}focus(o){this.rovingTabindexController.focus(o)}deselectSelectedButtons(){this.buttons.forEach(o=>{o.selected&&(o.selected=!1,o.tabIndex=-1,o.setAttribute(this.selects?"aria-checked":"aria-pressed","false"))})}handleActionButtonChange(o){o.stopPropagation(),o.preventDefault()}handleClick(o){const r=o.target;if(r.value!==void 0)switch(this.selects){case"single":{this.deselectSelectedButtons(),r.selected=!0,r.tabIndex=0,r.setAttribute("aria-checked","true"),this.setSelected([r.value],!0);break}case"multiple":{const t=[...this.selected];r.selected=!r.selected,r.setAttribute("aria-checked",r.selected?"true":"false"),r.selected?t.push(r.value):t.splice(this.selected.indexOf(r.value),1),this.setSelected(t,!0),this.buttons.forEach(e=>{e.tabIndex=-1}),r.tabIndex=0;break}}}async applySelects(){await this.manageSelects(!0)}async manageSelects(o){if(this.buttons.length===0)return;const r=this.buttons;switch(this.selects){case"single":{this.setAttribute("role","radiogroup");const t=[],e=r.map(async a=>{await a.updateComplete,a.setAttribute("role","radio"),a.setAttribute("aria-checked",a.selected?"true":"false"),a.selected&&t.push(a)});if(o)break;await Promise.all(e);const i=t.map(a=>a.value);this.setSelected(i||n);break}case"multiple":{this.getAttribute("role")==="radiogroup"&&this.removeAttribute("role");const t=[],e=r.map(async a=>{await a.updateComplete,a.setAttribute("role","checkbox"),a.setAttribute("aria-checked",a.selected?"true":"false"),a.selected&&t.push(a.value)});if(o)break;await Promise.all(e);const i=t.length>0?t:n;this.setSelected(i);break}default:if(this.selected.length>0){const t=[],e=r.map(async i=>{await i.updateComplete,i.setAttribute("role","button"),i.selected?(i.setAttribute("aria-pressed","true"),t.push(i)):i.removeAttribute("aria-pressed")});if(o)break;await Promise.all(e),this.setSelected(t.map(i=>i.value))}else{this.buttons.forEach(t=>{t.setAttribute("role","button")});break}}this.hasAttribute("role")||this.setAttribute("role","toolbar")}render(){return s.Ht`
|
37
37
|
<slot role="presentation" @slotchange=${this.manageButtons}></slot>
|
38
|
-
`}firstUpdated(o){super.firstUpdated(o),this.addEventListener("click",this.handleClick)}updated(o){super.updated(o),o.has("selects")&&(this.manageSelects(),this.manageChildren(),this.selects?this.renderRoot.addEventListener("change",this.handleActionButtonChange):this.renderRoot.removeEventListener("change",this.handleActionButtonChange)),(o.has("quiet")||o.has("emphasized")||o.has("size")||o.has("staticColor"))&&this.manageChildren(o),o.has("label")&&(this.label||o.get("label")!==void 0)&&(this.label.length>0?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label"))}manageChildren(o){this.buttons.forEach(r=>{(this.quiet||o!=null&&o.get("quiet"))&&(r.quiet=this.quiet),(this.emphasized||o!=null&&o.get("emphasized"))&&(r.emphasized=this.emphasized),(this.staticColor||o!=null&&o.get("staticColor"))&&(r.staticColor=this.staticColor),(this.selects||!this.hasManaged)&&(r.selected=this.selected.includes(r.value)),this.size&&(this.size!=="m"||(o==null?void 0:o.get("size"))!==void 0)&&(r.size=this.size)})}}l([s.
|
38
|
+
`}firstUpdated(o){super.firstUpdated(o),this.addEventListener("click",this.handleClick)}updated(o){super.updated(o),o.has("selects")&&(this.manageSelects(),this.manageChildren(),this.selects?this.renderRoot.addEventListener("change",this.handleActionButtonChange):this.renderRoot.removeEventListener("change",this.handleActionButtonChange)),(o.has("quiet")||o.has("emphasized")||o.has("size")||o.has("staticColor"))&&this.manageChildren(o),o.has("label")&&(this.label||o.get("label")!==void 0)&&(this.label.length>0?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label"))}manageChildren(o){this.buttons.forEach(r=>{(this.quiet||o!=null&&o.get("quiet"))&&(r.quiet=this.quiet),(this.emphasized||o!=null&&o.get("emphasized"))&&(r.emphasized=this.emphasized),(this.staticColor||o!=null&&o.get("staticColor"))&&(r.staticColor=this.staticColor),(this.selects||!this.hasManaged)&&(r.selected=this.selected.includes(r.value)),this.size&&(this.size!=="m"||(o==null?void 0:o.get("size"))!==void 0)&&(r.size=this.size)})}}l([s.Rt({type:Boolean,reflect:!0})],u.prototype,"compact",2);l([s.Rt({type:Boolean,reflect:!0})],u.prototype,"emphasized",2);l([s.Rt({type:Boolean,reflect:!0})],u.prototype,"justified",2);l([s.Rt({type:String})],u.prototype,"label",2);l([s.Rt({type:Boolean,reflect:!0})],u.prototype,"quiet",2);l([s.Rt({type:String})],u.prototype,"selects",2);l([s.Rt({reflect:!0,attribute:"static-color"})],u.prototype,"staticColor",2);l([s.Rt({type:Boolean,reflect:!0})],u.prototype,"vertical",2);l([s.Rt({type:Array})],u.prototype,"selected",1);l([p.d("slot")],u.prototype,"slotElement",2);/*! * Lucero - The design system for Luzmo.
|
39
39
|
*
|
40
40
|
* Copyright © 2025 Luzmo
|
41
41
|
* All rights reserved.
|
@@ -17,17 +17,17 @@
|
|
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 {
|
21
|
-
import { d as z } from "./if-defined-
|
22
|
-
import { m as x } from "./sized-mixin-
|
23
|
-
import { r as
|
24
|
-
import { n as
|
25
|
-
import { m as
|
20
|
+
import { k as w, h as b, H as h, d as I, R as r, r as M } from "./property-CXJD1jOW.js";
|
21
|
+
import { d as z } from "./if-defined-BSAr_4u4-CVDyXUmc.js";
|
22
|
+
import { m as x } from "./sized-mixin-BxMraZLS-Dc6r-Wg4.js";
|
23
|
+
import { r as R } from "./divider.module-DwOuLGU3-B19eHVg2.js";
|
24
|
+
import { n as P } from "./directive-helpers-nlQRAaQt-arNFWD5u.js";
|
25
|
+
import { m as D } from "./query-assigned-nodes-C76XVPWY-DPC6kOmH.js";
|
26
26
|
import { n as y } from "./element-resolution-FCUT-wql--7ctE626.js";
|
27
|
-
import { b as
|
28
|
-
import { a as L } from "./index-
|
29
|
-
import {
|
30
|
-
import { o as
|
27
|
+
import { b as O, y as U, a as S } from "./observe-slot-text-ggb4kKgY-yUxhPbbJ.js";
|
28
|
+
import { a as L } from "./index-Ci0Pe5UA.js";
|
29
|
+
import { luzmoIcon as E, luzmoAngleRight as T, luzmoCheck as $ } from "@luzmo/icons";
|
30
|
+
import { o as B } from "./index-DUlH3hbL.js";
|
31
31
|
/*! * Lucero - The design system for Luzmo.
|
32
32
|
*
|
33
33
|
* Copyright © 2025 Luzmo
|
@@ -46,7 +46,7 @@ import { o as F } from "./index-BRk42NQn.js";
|
|
46
46
|
* SOFTWARE.
|
47
47
|
* */
|
48
48
|
const f = Symbol("slotContentIsPresent");
|
49
|
-
function
|
49
|
+
function F(a, e) {
|
50
50
|
var t, o;
|
51
51
|
const i = Array.isArray(e) ? e : [e];
|
52
52
|
class n extends (o = a, t = f, o) {
|
@@ -540,7 +540,7 @@ class K extends x(w, {
|
|
540
540
|
validSizes: ["s", "m", "l"]
|
541
541
|
}) {
|
542
542
|
static get styles() {
|
543
|
-
return [b(
|
543
|
+
return [b(R), b(W)];
|
544
544
|
}
|
545
545
|
firstUpdated(e) {
|
546
546
|
super.firstUpdated(e), this.setAttribute("role", "separator");
|
@@ -590,13 +590,13 @@ class k extends m {
|
|
590
590
|
}
|
591
591
|
}
|
592
592
|
A([
|
593
|
-
|
593
|
+
D({
|
594
594
|
slot: "header",
|
595
595
|
flatten: !0
|
596
596
|
})
|
597
597
|
], k.prototype, "headerElements");
|
598
598
|
A([
|
599
|
-
|
599
|
+
P()
|
600
600
|
], k.prototype, "headerElement");
|
601
601
|
const G = '.checkmark{display:var(--luzmo-menu-checkmark-display, var(--menu-checkmark-display));font-size:var(--luzmo-menu-item-checkmark-size, var(--menu-item-checkmark-size));fill:var(--highcontrast-menu-checkmark-icon-color-default, var(--luzmo-menu-checkmark-icon-color-default, var(--menu-checkmark-icon-color-default)));color:var(--highcontrast-menu-checkmark-icon-color-default, var(--luzmo-menu-checkmark-icon-color-default, var(--menu-checkmark-icon-color-default)));opacity:1;grid-area:checkmarkArea;align-self:start;margin-block-start:calc(var(--luzmo-menu-item-top-to-checkmark, var(--menu-item-top-to-checkmark)) - var(--luzmo-menu-item-top-edge-to-text, var(--menu-item-top-edge-to-text)));margin-inline-end:var(--luzmo-menu-item-text-to-control, var(--menu-item-text-to-control))}.angle{font-size:var(--menu-item-angle-size);grid-area:angleArea;align-self:center;margin-inline-end:var(--luzmo-menu-item-text-to-control, var(--menu-item-text-to-control))}.luzmo-Menu-back:focus-visible{box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width, var(--menu-item-focus-indicator-width)) * 1) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color, var(--luzmo-menu-item-focus-indicator-color, var(--menu-item-focus-indicator-color)));box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width, var(--menu-item-focus-indicator-width)) * var(--menu-item-focus-indicator-direction-scalar, 1)) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color, var(--luzmo-menu-item-focus-indicator-color, var(--menu-item-focus-indicator-color)))}.luzmo-Menu-backButton:focus-visible{outline:var(--focus-indicator-thickness) solid var(--focus-indicator-color);outline-offset:calc((var(--focus-indicator-thickness) + 1px) * -1)}::slotted([slot=icon]){fill:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-item-label-icon-color-default, var(--menu-item-label-icon-color-default)));color:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-item-label-icon-color-default, var(--menu-item-label-icon-color-default)));grid-area:iconArea;align-self:start}::slotted([slot=icon]){margin-inline-end:var(--luzmo-menu-item-label-text-to-visual, var(--menu-item-label-text-to-visual))}:host{cursor:pointer;box-sizing:border-box;background-color:var(--highcontrast-menu-item-background-color-default, var(--luzmo-menu-item-background-color-default, var(--menu-item-background-color-default)));line-height:var(--luzmo-menu-item-label-line-height, var(--menu-item-label-line-height));min-block-size:var(--luzmo-menu-item-min-height, var(--menu-item-min-height));padding-block-start:var(--luzmo-menu-item-top-edge-to-text, var(--menu-item-top-edge-to-text));padding-block-end:var(--luzmo-menu-item-bottom-edge-to-text, var(--menu-item-bottom-edge-to-text));padding-inline:var(--luzmo-menu-item-label-inline-edge-to-content, var(--menu-item-label-inline-edge-to-content));grid-template:". angleAreaCollapsible . headingIconArea sectionHeadingArea . . ." "selectedArea angleAreaCollapsible checkmarkArea iconArea labelArea valueArea actionsArea angleAreaDrillIn" 1fr ". . . . descriptionArea . . ." ". . . . submenuArea . . ." ". . . . . . . ."/auto auto auto auto 1fr auto auto auto;justify-content:start;margin:0;-webkit-text-decoration:none;text-decoration:none;display:grid;align-items:center;position:relative}.luzmo-Menu-itemCheckbox{--luzmo-checkbox-top-to-text: 0;--luzmo-checkbox-text-to-control: 0;min-block-size:0}.luzmo-Menu-itemCheckbox .luzmo-Checkbox-box{margin-block-start:var(--luzmo-menu-item-top-to-checkbox, var(--menu-item-top-to-checkbox));margin-block-end:0;margin-inline-end:var(--luzmo-menu-item-text-to-control, var(--menu-item-text-to-control))}.luzmo-Menu-itemSwitch{min-block-size:0}.luzmo-Menu-itemSwitch .luzmo-Switch-switch{margin-block-start:var(--luzmo-menu-item-top-to-action, var(--menu-item-top-to-action));margin-block-end:0}#label{grid-area:submenuItemLabelArea}::slotted([slot=value]){grid-area:submenuItemValueArea}:host([focused]),:host(:focus){background-color:var(--highcontrast-menu-item-background-color-focus, var(--luzmo-menu-item-background-color-key-focus, var(--menu-item-background-color-key-focus)));outline:none}:host([focused])>#label,:host(:focus)>#label{color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-label-content-color-focus, var(--menu-item-label-content-color-focus)))}:host([focused])>[name=description]::slotted(*),:host(:focus)>[name=description]::slotted(*){color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-description-color-focus, var(--menu-item-description-color-focus)))}:host([focused])>::slotted([slot=value]),:host(:focus)>::slotted([slot=value]){color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-value-color-focus, var(--menu-item-value-color-focus)))}:host([focused])>.icon:not(.angle,.checkmark),:host(:focus)>.icon:not(.angle,.checkmark){fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-label-icon-color-focus, var(--menu-item-label-icon-color-focus)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-label-icon-color-focus, var(--menu-item-label-icon-color-focus)))}:host([focused])>.angle,:host(:focus)>.angle{fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-collapsible-icon-color, var(--menu-collapsible-icon-color)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-collapsible-icon-color, var(--menu-collapsible-icon-color)))}:host([focused])>.checkmark,:host(:focus)>.checkmark{fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-checkmark-icon-color-focus, var(--menu-checkmark-icon-color-focus)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-checkmark-icon-color-focus, var(--menu-checkmark-icon-color-focus)))}:host:dir(rtl),:host([dir=rtl]){--menu-item-focus-indicator-direction-scalar: -1}:host(:is(:active,[active])){background-color:var(--highcontrast-menu-item-background-color-focus, var(--luzmo-menu-item-background-color-down, var(--menu-item-background-color-down)))}:host(:is(:active,[active]))>#label{color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-label-content-color-down, var(--menu-item-label-content-color-down)))}:host(:is(:active,[active]))>[name=description]::slotted(*){color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-description-color-down, var(--menu-item-description-color-down)))}:host(:is(:active,[active]))>::slotted([slot=value]){color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-value-color-down, var(--menu-item-value-color-down)))}:host(:is(:active,[active]))>.icon:not(.angle,.checkmark){fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-label-icon-color-down, var(--menu-item-label-icon-color-down)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-label-icon-color-down, var(--menu-item-label-icon-color-down)))}:host(:is(:active,[active]))>.angle{fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-collapsible-icon-color, var(--menu-collapsible-icon-color)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-collapsible-icon-color, var(--menu-collapsible-icon-color)))}:host(:is(:active,[active]))>.checkmark{fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-checkmark-icon-color-down, var(--menu-checkmark-icon-color-down)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-checkmark-icon-color-down, var(--menu-checkmark-icon-color-down)))}:host([disabled]),:host([aria-disabled=true]){background-color:initial}:host([disabled]) #label,:host([disabled]) ::slotted([slot=value]),:host([aria-disabled=true]) #label,:host([aria-disabled=true]) ::slotted([slot=value]){color:var(--highcontrast-menu-item-color-disabled, var(--luzmo-menu-item-label-content-color-disabled, var(--menu-item-label-content-color-disabled)))}:host([disabled]) [name=description]::slotted(*),:host([aria-disabled=true]) [name=description]::slotted(*){color:var(--highcontrast-menu-item-color-disabled, var(--luzmo-menu-item-description-color-disabled, var(--menu-item-description-color-disabled)))}:host([disabled]) ::slotted([slot=icon]),:host([aria-disabled=true]) ::slotted([slot=icon]){color:var(--highcontrast-menu-item-color-disabled, var(--luzmo-menu-item-label-icon-color-disabled, var(--menu-item-label-icon-color-disabled)));fill:var(--highcontrast-menu-item-color-disabled, var(--luzmo-menu-item-label-icon-color-disabled, var(--menu-item-label-icon-color-disabled)))}:host([focused]) .luzmo-Menu-back,:host([focused]){box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width, var(--menu-item-focus-indicator-width)) * 1) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color, var(--luzmo-menu-item-focus-indicator-color, var(--menu-item-focus-indicator-color)));box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width, var(--menu-item-focus-indicator-width)) * var(--menu-item-focus-indicator-direction-scalar, 1)) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color, var(--luzmo-menu-item-focus-indicator-color, var(--menu-item-focus-indicator-color)))}:host .is-selectableMultiple{align-items:start}.is-selectableMultiple .luzmo-Menu-itemCheckbox{grid-area:checkmarkArea}.luzmo-Menu-itemSelection{grid-area:selectedArea}#label{--luzmo-switch-control-label-spacing: 0;--luzmo-switch-spacing-top-to-label: 0;font-size:var(--luzmo-menu-item-label-font-size, var(--menu-item-label-font-size));color:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-item-label-content-color-default, var(--menu-item-label-content-color-default)));-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;grid-area:labelArea}:host([selected]) #label{color:var(--menu-item-highlight-label-content-color)}::slotted([slot=value]){color:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-item-value-color-default, var(--menu-item-value-color-default)));font-size:var(--luzmo-menu-item-label-font-size, var(--menu-item-label-font-size));grid-area:valueArea;justify-self:end}.luzmo-Menu-itemActions,::slotted([slot=value]){align-self:start;margin-inline-start:var(--luzmo-menu-item-label-to-value-area-min-spacing, var(--menu-item-label-to-value-area-min-spacing))}.luzmo-Menu-itemActions{grid-area:actionsArea}[name=description]::slotted(*){color:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-item-description-color-default, var(--menu-item-description-color-default)));font-size:var(--luzmo-menu-item-description-font-size, var(--menu-item-description-font-size));-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;line-height:var(--luzmo-menu-item-description-line-height, var(--menu-item-description-line-height));grid-area:descriptionArea;margin-block-start:var(--luzmo-menu-item-label-to-description-spacing, var(--menu-item-label-to-description-spacing))}:host([no-wrap]) #label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.luzmo-Menu-item--collapsible.is-open{padding-block-end:0}.luzmo-Menu-item--collapsible.is-open .angle{transform:rotate(90deg)}:host([focused]) .luzmo-Menu-item--collapsible.is-open,:host(:is(:active,[active])) .luzmo-Menu-item--collapsible.is-open,.luzmo-Menu-item--collapsible.is-open:focus{background-color:var(--highcontrast-menu-item-background-color-default, var(--luzmo-menu-item-background-color-default, var(--menu-item-background-color-default)))}.luzmo-Menu-item--collapsible ::slotted([slot=icon]){grid-area:headingIconArea}.luzmo-Menu-item--collapsible>::slotted([slot=icon]){padding-block-start:var(--luzmo-menu-section-header-top-edge-to-text, var(--luzmo-menu-item-top-edge-to-text, var(--menu-item-top-edge-to-text)));padding-block-end:var(--luzmo-menu-section-header-bottom-edge-to-text, var(--luzmo-menu-item-bottom-edge-to-text, var(--menu-item-bottom-edge-to-text)))}.luzmo-Menu-item--collapsible .angle{grid-area:angleAreaCollapsible}:host([has-submenu]) .angle{fill:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-drillin-icon-color-default, var(--menu-drillin-icon-color-default)));color:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-drillin-icon-color-default, var(--menu-drillin-icon-color-default)));grid-area:angleAreaDrillIn;margin-inline-start:var(--luzmo-menu-item-label-to-value-area-min-spacing, var(--menu-item-label-to-value-area-min-spacing));margin-inline-end:0}:host([has-submenu]) .is-open{--menu-item-background-color-default: var( --highcontrast-menu-item-selected-background-color, var( --luzmo-menu-item-background-color-hover, var(--menu-item-background-color-hover) ) )}:host([has-submenu]) .is-open .icon:not(.angle,.checkmark){fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-label-icon-color-hover, var(--menu-item-label-icon-color-hover)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-label-icon-color-hover, var(--menu-item-label-icon-color-hover)))}:host([has-submenu]) .is-open .angle{fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-drillin-icon-color-hover, var(--menu-drillin-icon-color-hover)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-drillin-icon-color-hover, var(--menu-drillin-icon-color-hover)))}:host([has-submenu]) .is-open .checkmark{fill:var(--highcontrast-menu-checkmark-icon-color-default, var(--luzmo-menu-checkmark-icon-color-hover, var(--menu-checkmark-icon-color-hover)));color:var(--highcontrast-menu-checkmark-icon-color-default, var(--luzmo-menu-checkmark-icon-color-hover, var(--menu-checkmark-icon-color-hover)))}@media (hover: hover){:host(:hover){background-color:var(--highcontrast-menu-item-background-color-focus, var(--luzmo-menu-item-background-color-hover, var(--menu-item-background-color-hover)))}:host(:hover)>#label{color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-label-content-color-hover, var(--menu-item-label-content-color-hover)))}:host([selected]:hover)>#label{color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-highlight-label-content-color, var(--menu-item-highlight-label-content-color)))}:host(:hover)>[name=description]::slotted(*){color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-description-color-hover, var(--menu-item-description-color-hover)))}:host(:hover)>::slotted([slot=value]){color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-value-color-hover, var(--menu-item-value-color-hover)))}:host(:hover)>.icon:not(.angle,.checkmark){fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-label-icon-color-hover, var(--menu-item-label-icon-color-hover)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-label-icon-color-hover, var(--menu-item-label-icon-color-hover)))}:host(:hover)>.angle{fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-collapsible-icon-color, var(--menu-collapsible-icon-color)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-collapsible-icon-color, var(--menu-collapsible-icon-color)))}:host(:hover)>.checkmark{fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-checkmark-icon-color-hover, var(--menu-checkmark-icon-color-hover)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-checkmark-icon-color-hover, var(--menu-checkmark-icon-color-hover)))}:host([disabled]:hover),:host([aria-disabled=true]:hover){cursor:default;background-color:initial}:host([disabled]:hover) #label,:host([disabled]:hover) ::slotted([slot=value]),:host([aria-disabled=true]:hover) #label,:host([aria-disabled=true]:hover) ::slotted([slot=value]){color:var(--highcontrast-menu-item-color-disabled, var(--luzmo-menu-item-label-content-color-disabled, var(--menu-item-label-content-color-disabled)))}:host([disabled]:hover) [name=description]::slotted(*),:host([aria-disabled=true]:hover) [name=description]::slotted(*){color:var(--highcontrast-menu-item-color-disabled, var(--luzmo-menu-item-description-color-disabled, var(--menu-item-description-color-disabled)))}:host([disabled]:hover) ::slotted([slot=icon]),:host([aria-disabled=true]:hover) ::slotted([slot=icon]){color:var(--highcontrast-menu-item-color-disabled, var(--luzmo-menu-item-label-icon-color-disabled, var(--menu-item-label-icon-color-disabled)));fill:var(--highcontrast-menu-item-color-disabled, var(--luzmo-menu-item-label-icon-color-disabled, var(--menu-item-label-icon-color-disabled)))}.luzmo-Menu-item--collapsible.is-open:hover{background-color:var(--highcontrast-menu-item-background-color-default, var(--luzmo-menu-item-background-color-default, var(--menu-item-background-color-default)))}:host([has-submenu]:hover) .angle{fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-drillin-icon-color-hover, var(--menu-drillin-icon-color-hover)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-drillin-icon-color-hover, var(--menu-drillin-icon-color-hover)))}}:host([has-submenu][focused]) .angle,:host([has-submenu]:focus) .angle{fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-drillin-icon-color-focus, var(--menu-drillin-icon-color-focus)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-drillin-icon-color-focus, var(--menu-drillin-icon-color-focus)))}:host([has-submenu]:is(:active,[active])) .angle{fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-drillin-icon-color-down, var(--menu-drillin-icon-color-down)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-drillin-icon-color-down, var(--menu-drillin-icon-color-down)))}.luzmo-Menu-back{padding-inline:0 var(--luzmo-menu-back-padding-inline-end, var(--menu-item-label-inline-edge-to-content));padding-inline:var(--luzmo-menu-back-padding-inline-start, 0) var(--luzmo-menu-back-padding-inline-end, var(--menu-item-label-inline-edge-to-content));padding-block:0;padding-block:var(--luzmo-menu-back-padding-block-start, 0) var(--luzmo-menu-back-padding-block-end, 0);flex-flow:wrap;align-items:center;display:flex}.luzmo-Menu-backButton{cursor:pointer;background:none;border:0;margin:0;padding:0;display:inline-flex}:host([focused]) .luzmo-Menu-backButton{outline:var(--focus-indicator-thickness) solid var(--focus-indicator-color);outline-offset:calc((var(--focus-indicator-thickness) + 1px) * -1)}.luzmo-Menu-backHeading{color:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-back-heading-color, var(--menu-section-header-color)));font-size:var(--luzmo-menu-section-header-font-size, var(--menu-section-header-font-size));font-weight:var(--luzmo-menu-section-header-font-weight, var(--menu-section-header-font-weight));line-height:var(--luzmo-menu-section-header-line-height, var(--menu-section-header-line-height));display:block}:host{text-align:initial;font-family:var(--luzmo-menu-item-font-family, var(--luzmo-font-family))}:host([hidden]){display:none}:host([disabled]){pointer-events:none}:host([disabled]) [name=value]::slotted(*){color:var(--luzmo-menu-item-label-icon-color-disabled, var(--luzmo-disabled-color))}:host([has-submenu][disabled]) .angle{color:var(--luzmo-menu-item-label-icon-color-disabled, var(--luzmo-disabled-color))}#button{position:absolute;top:0;right:0;bottom:0;left:0}.icon-container>svg{vertical-align:top}:host([dir=ltr]) [icon-only]::slotted(:last-of-type){margin-right:auto}:host([dir=rtl]) [icon-only]::slotted(:last-of-type){margin-left:auto}@media (forced-colors: active){:host{forced-color-adjust:none}}::slotted([slot=submenu]){width:max-content;max-width:100%}:host([no-wrap]) #label{display:block}';
|
602
602
|
var J = Object.defineProperty, Q = Object.getOwnPropertyDescriptor, u = (a, e, t, o) => {
|
@@ -606,11 +606,11 @@ var J = Object.defineProperty, Q = Object.getOwnPropertyDescriptor, u = (a, e, t
|
|
606
606
|
};
|
607
607
|
const X = 100, Y = (a) => h`
|
608
608
|
<span class="icon-container icon checkmark ${a.join(" ")}">
|
609
|
-
${E(
|
609
|
+
${E($)}
|
610
610
|
</span>
|
611
611
|
`, Z = (a) => h`
|
612
612
|
<span class="icon-container icon angle ${a.join(" ")}">
|
613
|
-
${E(
|
613
|
+
${E(T, { className: "indicator" })}
|
614
614
|
</span>
|
615
615
|
`;
|
616
616
|
class ee extends Event {
|
@@ -632,14 +632,14 @@ class ee extends Event {
|
|
632
632
|
}, this.menuCascade = /* @__PURE__ */ new WeakMap();
|
633
633
|
}
|
634
634
|
}
|
635
|
-
class s extends
|
636
|
-
U(
|
635
|
+
class s extends O(
|
636
|
+
U(F(M, '[slot="icon"]'))
|
637
637
|
) {
|
638
638
|
constructor() {
|
639
639
|
super(), this.active = !1, this.dependencyManager = new L(this), this.focused = !1, this.selected = !1, this._value = "", this.hasSubmenu = !1, this.noWrap = !1, this.renderAngleIcon = (e = []) => Z(e), this.renderCheckIcon = (e = []) => Y(e), this.open = !1, this.handleSlottableRequest = (e) => {
|
640
640
|
var t;
|
641
641
|
(t = this.submenuElement) == null || t.dispatchEvent(
|
642
|
-
new
|
642
|
+
new B(e.name, e.data)
|
643
643
|
);
|
644
644
|
}, this.proxyFocus = () => {
|
645
645
|
this.focus();
|
@@ -734,7 +734,7 @@ class s extends D(
|
|
734
734
|
@focusin=${(t) => t.stopPropagation()}
|
735
735
|
></slot>
|
736
736
|
`;
|
737
|
-
return this.hasSubmenu ? (this.dependencyManager.add("luzmo-overlay"), this.dependencyManager.add("luzmo-popover"), import("./index-
|
737
|
+
return this.hasSubmenu ? (this.dependencyManager.add("luzmo-overlay"), this.dependencyManager.add("luzmo-popover"), import("./index-DUlH3hbL.js").then((t) => t.b).then((t) => t.f), import("./popover-DlkzrLpl-DFIvgCjc.js"), h`
|
738
738
|
<luzmo-overlay
|
739
739
|
.triggerElement=${this}
|
740
740
|
?disabled=${!this.hasSubmenu}
|