@luzmo/lucero 1.0.1-alpha.14 → 1.0.1-alpha.16
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/accordion/index.cjs +183 -6
- package/components/accordion/index.js +136 -88
- package/components/action-bar/index.cjs +85 -4
- package/components/action-bar/index.js +72 -50
- package/components/action-button/index.cjs +205 -3
- package/components/action-button/index.js +167 -93
- package/components/action-group/index.cjs +7 -1
- package/components/action-group/index.js +12 -8
- package/components/action-group-DHp8RHDf.js +392 -0
- package/components/action-group-MPf19RPV.cjs +391 -0
- package/components/action-menu/index.cjs +91 -11
- package/components/action-menu/index.js +66 -47
- package/components/avatar/index.cjs +63 -3
- package/components/avatar/index.js +54 -42
- package/components/base-COw9n7UR.cjs +119 -0
- package/components/base-DmeVy0cq.js +120 -0
- package/components/button/index.cjs +134 -2
- package/components/button/index.js +106 -72
- package/components/button-base-7Ak55xFd.cjs +206 -0
- package/components/button-base-C3kf6BTK.js +207 -0
- package/components/button-group/index.cjs +45 -1
- package/components/button-group/index.js +37 -25
- package/components/calendar/index.cjs +632 -1
- package/components/calendar/index.js +637 -7
- package/components/checkbox/index.cjs +111 -4
- package/components/checkbox/index.js +98 -53
- package/components/checkbox-mixin-8cL-vfDy.js +84 -0
- package/components/checkbox-mixin-CE7dJj3J.cjs +83 -0
- package/components/clear-button-Co6oKSgl.js +59 -0
- package/components/clear-button-X_HDY2eH.cjs +58 -0
- package/components/close-button-DPBK6Kpu.cjs +59 -0
- package/components/close-button-Miw9ZjoJ.js +60 -0
- package/components/color-area/index.cjs +440 -13
- package/components/color-area/index.js +322 -187
- package/components/color-controller-BjDZaxhX.js +491 -0
- package/components/color-controller-C3c_vb2P.cjs +490 -0
- package/components/color-field/index.cjs +95 -2
- package/components/color-field/index.js +77 -41
- package/components/color-handle/index.cjs +64 -3
- package/components/color-handle/index.js +58 -37
- package/components/color-loupe/index.cjs +7 -1
- package/components/color-loupe/index.js +12 -8
- package/components/color-loupe-BQqNR8YD.cjs +88 -0
- package/components/color-loupe-B_DDFv8l.js +89 -0
- package/components/color-menu/index.cjs +217 -12
- package/components/color-menu/index.js +187 -93
- package/components/color-palette/index.cjs +89 -1
- package/components/color-palette/index.js +78 -51
- package/components/color-palette-group/index.cjs +259 -3
- package/components/color-palette-group/index.js +193 -105
- package/components/color-picker/index.cjs +114 -6
- package/components/color-picker/index.js +92 -72
- package/components/color-slider/index.cjs +585 -1
- package/components/color-slider/index.js +590 -7
- package/components/{directive-oAbCiebi.js → condition-attribute-with-id-Cn815e9W.js} +22 -22
- package/components/condition-attribute-with-id-DEc2Yjne.cjs +43 -0
- package/components/date-time-picker/index.cjs +1357 -31
- package/components/date-time-picker/index.js +951 -637
- package/components/dependency-manger-CcIE1uvQ.cjs +63 -0
- package/components/{dependency-manger-CEXvGQUV.js → dependency-manger-XHpQjFgK.js} +24 -14
- package/components/divider/index.cjs +54 -1
- package/components/divider/index.js +49 -30
- package/components/divider.module-Cm5LcDRV.cjs +20 -0
- package/components/divider.module-DauH6k2_.js +21 -0
- package/components/element-resolution-DCsrhGZO.cjs +112 -0
- package/components/element-resolution-nMlmW4Jy.js +113 -0
- package/components/field-group/index.cjs +7 -1
- package/components/field-group/index.js +12 -8
- package/components/field-group-DNmY8W9v.cjs +86 -0
- package/components/field-group-DVdAWCQF.js +87 -0
- package/components/field-label/index.cjs +7 -1
- package/components/field-label/index.js +12 -8
- package/components/field-label-CKH9EXpR.cjs +156 -0
- package/components/field-label-Dpsecoc6.js +157 -0
- package/components/focus-group-BqDAk9Is.js +337 -0
- package/components/focus-group-DFzOlalL.cjs +336 -0
- package/components/focus-visible-B-B8-P9R.cjs +104 -0
- package/components/focus-visible-BUPRWlsh.js +105 -0
- package/components/focusable-BPrTcZPd.cjs +262 -0
- package/components/focusable-ChCLg1k4.js +263 -0
- package/components/{directive-C7oCP5Bh.cjs → focusable-selectors-D0t_5P7C.cjs} +16 -5
- package/components/{focusable-selectors-B4YgbghQ.js → focusable-selectors-IltOAOd9.js} +7 -4
- package/components/icon/index.cjs +90 -1
- package/components/icon/index.js +74 -46
- package/components/index.cjs +174 -1
- package/components/index.js +174 -172
- package/components/infield-button/index.cjs +46 -2
- package/components/infield-button/index.js +41 -30
- package/components/label/index.cjs +37 -1
- package/components/label/index.js +36 -24
- package/components/{language-resolution-8yZa5r_P.js → language-resolution-BSGJAWiQ.js} +21 -16
- package/components/language-resolution-iN9EImbb.cjs +57 -0
- package/components/like-anchor-D62faRNG.cjs +79 -0
- package/components/like-anchor-v3cJ9RWM.js +80 -0
- package/components/manage-help-text-BYx84zZR.cjs +125 -0
- package/components/manage-help-text-DOuMTGht.js +126 -0
- package/components/menu/index.cjs +1297 -29
- package/components/menu/index.js +954 -499
- package/components/multi-language-field/index.cjs +132 -2
- package/components/multi-language-field/index.js +118 -88
- package/components/number-field/index.cjs +613 -10
- package/components/number-field/index.js +442 -243
- package/components/observe-slot-presence-9AwLGUQ_.cjs +78 -0
- package/components/observe-slot-presence-DcMdoumP.js +79 -0
- package/components/observe-slot-text-CSofZeeF.cjs +104 -0
- package/components/observe-slot-text-CjnkkBPn.js +105 -0
- package/components/options/index.cjs +693 -60
- package/components/options/index.js +519 -953
- package/components/overlay/index.cjs +367 -21
- package/components/overlay/index.js +273 -189
- package/components/overlay-CN8ISP1F.js +2485 -0
- package/components/overlay-LViy9VWM.cjs +2484 -0
- package/components/{pending-state-DTX7ggyF.js → pending-state-CXbe-Xul.js} +28 -13
- package/components/pending-state-e4RbXe9u.cjs +75 -0
- package/components/picker/index.cjs +9 -1
- package/components/picker/index.js +15 -11
- package/components/picker-DNde3awt.cjs +672 -0
- package/components/picker-PfUAF05y.js +673 -0
- package/components/picker-button/index.cjs +56 -4
- package/components/picker-button/index.js +45 -34
- package/components/platform-CxDar3Dn.cjs +68 -0
- package/components/platform-Cxn0WbyT.js +69 -0
- package/components/popover/index.cjs +7 -1
- package/components/popover/index.js +12 -8
- package/components/popover-BkbYhl3i.js +74 -0
- package/components/popover-BkgUf0kL.cjs +74 -0
- package/components/progress-circle/index.cjs +7 -1
- package/components/progress-circle/index.js +12 -8
- package/components/progress-circle-Hu_ivPHf.js +133 -0
- package/components/progress-circle-_Etqsj9f.cjs +132 -0
- package/components/radio/index.cjs +244 -2
- package/components/radio/index.js +192 -110
- package/components/{when-CDK1Tt5Y.js → random-id-BE6HA503.cjs} +7 -10
- package/components/{random-id-ByCz1xaq.js → random-id-BEc6QIUL.js} +3 -3
- package/components/roving-tabindex-AsmAh2In.cjs +95 -0
- package/components/roving-tabindex-DPF9NmrH.js +96 -0
- package/components/search/index.cjs +115 -8
- package/components/search/index.js +96 -66
- package/components/select/index.cjs +720 -51
- package/components/select/index.js +563 -347
- package/components/sized-mixin-DmkrNdWB.js +80 -0
- package/components/sized-mixin-UaTVa-AE.cjs +79 -0
- package/components/slider/index.cjs +119 -1
- package/components/slider/index.js +100 -1113
- package/components/{condition-attribute-with-id-Dv4lSRbe.js → slottable-request-event-CANixJnR.cjs} +15 -13
- package/components/{slottable-request-event-DggLA4Rx.js → slottable-request-event-D9WzrdWv.js} +12 -9
- package/components/strategies-DlMlaSJR.cjs +317 -0
- package/components/strategies-DlPQoTFE.js +318 -0
- package/components/streaming-listener-D4sHaMub.cjs +145 -0
- package/components/streaming-listener-cAz5zJyk.js +146 -0
- package/components/swatch/index.cjs +436 -7
- package/components/swatch/index.js +350 -205
- package/components/switch/index.cjs +61 -2
- package/components/switch/index.js +51 -34
- package/components/tabs/index.cjs +693 -26
- package/components/tabs/index.js +521 -388
- package/components/tags/index.cjs +201 -4
- package/components/tags/index.js +152 -87
- package/components/text-field/index.cjs +49 -3
- package/components/text-field/index.js +44 -30
- package/components/text-field-11tcnftU.cjs +338 -0
- package/components/text-field-Chi9J2Cz.js +339 -0
- package/components/text-field.module-CMBS0jSL.js +21 -0
- package/components/text-field.module-DIJdV_sA.cjs +20 -0
- package/components/toast/index.cjs +177 -12
- package/components/toast/index.js +145 -73
- package/components/tooltip/index.cjs +221 -6
- package/components/tooltip/index.js +156 -109
- package/components/unit-input/index.cjs +232 -8
- package/components/unit-input/index.js +201 -108
- package/components/utils.cjs +25 -1
- package/components/utils.js +22 -22
- package/package.json +1 -1
- package/components/NumberFormatter-DewVDY5w.cjs +0 -18
- package/components/NumberFormatter-DgOUVrge.js +0 -136
- package/components/NumberParser-Dik4a0h-.cjs +0 -18
- package/components/NumberParser-ci9J5EKv.js +0 -173
- package/components/action-group-DBImibFn.js +0 -258
- package/components/action-group-DJGMcRHb.cjs +0 -20
- package/components/async-directive-BX1T1e1_.cjs +0 -22
- package/components/async-directive-BfcqVjDp.js +0 -82
- package/components/base-BjTwmyRF.cjs +0 -22
- package/components/base-CBCg3yyw.cjs +0 -40
- package/components/base-D76d76ww.js +0 -26
- package/components/base-WsynuqaS.js +0 -677
- package/components/button-base-DbkDzb71.js +0 -144
- package/components/button-base-XgPLmwP-.cjs +0 -25
- package/components/checkbox-mixin-BDN0dBtS.cjs +0 -27
- package/components/checkbox-mixin-Do7EgtpQ.js +0 -70
- package/components/class-map-Di1D_rCm.cjs +0 -22
- package/components/class-map-NbVXqBU0.js +0 -51
- package/components/clear-button-DQcRdcUa.js +0 -53
- package/components/clear-button-OFUFFe7G.cjs +0 -18
- package/components/close-button-Cbnb7XXj.cjs +0 -18
- package/components/close-button-CqHYZhum.js +0 -51
- package/components/color-controller-B0uX6Zso.js +0 -3230
- package/components/color-controller-CoUL5f9K.cjs +0 -18
- package/components/color-loupe-CaA_Lfkk.cjs +0 -56
- package/components/color-loupe-CmMsXbjT.js +0 -81
- package/components/condition-attribute-with-id-DrQYZzFS.cjs +0 -18
- package/components/dependency-manger-C5HCkMMB.cjs +0 -18
- package/components/directive-helpers-Cm6gitnu.js +0 -62
- package/components/directive-helpers-DyIRTWwA.cjs +0 -22
- package/components/divider.module-DDvBo9zo.cjs +0 -18
- package/components/divider.module-DoQWQEIJ.js +0 -21
- package/components/element-resolution-BvRLGqIU.cjs +0 -18
- package/components/element-resolution-FCUT-wql.js +0 -91
- package/components/field-group-DXfBWrkO.js +0 -66
- package/components/field-group-DkGst3r5.cjs +0 -23
- package/components/field-label-CZ2zzChK.js +0 -106
- package/components/field-label-mO1AkUgR.cjs +0 -25
- package/components/flow-D-0MTYCm.js +0 -527
- package/components/flow-DM3dNAKs.cjs +0 -30
- package/components/focus-group-DHeTq18L.js +0 -218
- package/components/focus-group-DnxZUBhQ.cjs +0 -18
- package/components/focus-visible-B0P9aY_G.cjs +0 -18
- package/components/focus-visible-DBlJGoEW.js +0 -74
- package/components/focusable-BxtpnzWp.js +0 -153
- package/components/focusable-EbipgXRh.cjs +0 -18
- package/components/focusable-selectors-BgFlyFcY.cjs +0 -18
- package/components/if-defined-C9YGdo33.cjs +0 -22
- package/components/if-defined-DOaE2coe.js +0 -27
- package/components/index-BwxgAdzi.cjs +0 -57
- package/components/index-Cl54m8Yh.js +0 -1490
- package/components/index-HjQa8tew.js +0 -1174
- package/components/index-Wq3qZJGh.cjs +0 -113
- package/components/language-resolution-DJzmyzZq.cjs +0 -18
- package/components/like-anchor-Bvn_vLQ8.js +0 -69
- package/components/like-anchor-sod1C1fR.cjs +0 -32
- package/components/luzmo-icons-4nDFv1Lq.js +0 -229
- package/components/luzmo-icons-D4IvHgVd.cjs +0 -29
- package/components/manage-help-text-DhgARkZX.cjs +0 -30
- package/components/manage-help-text-syYnjKGL.js +0 -92
- package/components/mutation-controller-DH7YOCyj.js +0 -52
- package/components/mutation-controller-DkOMCW-c.cjs +0 -22
- package/components/observe-slot-presence-CmVi0zTc.js +0 -68
- package/components/observe-slot-presence-bc9chhsi.cjs +0 -18
- package/components/observe-slot-text-BPfIQQtz.js +0 -87
- package/components/observe-slot-text-Ceb7SvYT.cjs +0 -18
- package/components/overlay-Cig9r6uU.js +0 -2747
- package/components/overlay-KSKMzzkh.cjs +0 -47
- package/components/pending-state-CaH1si5b.cjs +0 -26
- package/components/picker-BfBP7XJN.js +0 -461
- package/components/picker-xIphqE6d.cjs +0 -123
- package/components/platform-BM-uMWpX.js +0 -69
- package/components/platform-BiXhwqk3.cjs +0 -18
- package/components/popover-DjX0aAnY.js +0 -67
- package/components/popover-KFfO0IYL.cjs +0 -30
- package/components/progress-circle-BvRJNuNo.cjs +0 -33
- package/components/progress-circle-DXH9z8-6.js +0 -97
- package/components/query-BL-TJj7K.cjs +0 -22
- package/components/query-D_KR_GUc.js +0 -51
- package/components/query-assigned-elements-DjfhL1cl.js +0 -36
- package/components/query-assigned-elements-DsKsfk7G.cjs +0 -22
- package/components/query-assigned-nodes-BcKWmGzy.cjs +0 -22
- package/components/query-assigned-nodes-C76XVPWY.js +0 -36
- package/components/random-id-CqvckpWe.cjs +0 -18
- package/components/roving-tabindex-By_fCy_e.cjs +0 -18
- package/components/roving-tabindex-DOg4z6ZU.js +0 -66
- package/components/sized-mixin-CPxE5C96.cjs +0 -18
- package/components/sized-mixin-D4ACoVUr.js +0 -63
- package/components/slottable-request-event-BfUUt1Mh.cjs +0 -18
- package/components/state-D8JEtYqe.cjs +0 -22
- package/components/state-Deh-vKYE.js +0 -29
- package/components/strategies-9indNIEb.js +0 -195
- package/components/strategies-BACP6MhR.cjs +0 -18
- package/components/streaming-listener-B00MvALi.cjs +0 -18
- package/components/streaming-listener-CP-JE6Fa.js +0 -91
- package/components/style-map-CeilmSgs.cjs +0 -22
- package/components/style-map-IgqIKvlE.js +0 -53
- package/components/text-field-CeG75PPO.cjs +0 -85
- package/components/text-field-DCl-AFM-.js +0 -314
- package/components/text-field.module-C2KVUJcX.js +0 -21
- package/components/text-field.module-DXhFA9G-.cjs +0 -18
- package/components/when-CDZyJPvd.cjs +0 -22
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
/*! * Lucero - The design system for Luzmo.
|
|
2
|
+
*
|
|
3
|
+
* Copyright © 2025 Luzmo
|
|
4
|
+
* All rights reserved.
|
|
5
|
+
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
|
+
* This license allows users with a current active Luzmo account to use Lucero.
|
|
7
|
+
* This license terminates automatically if a user no longer has an active Luzmo account.
|
|
8
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
|
9
|
+
*
|
|
10
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
11
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
12
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
13
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
14
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
15
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
|
+
* SOFTWARE.
|
|
17
|
+
* */
|
|
18
|
+
"use strict";
|
|
19
|
+
const mutationController_js = require("@lit-labs/observers/mutation-controller.js");
|
|
20
|
+
const slotContentIsPresent = Symbol("slotContentIsPresent");
|
|
21
|
+
function ObserveSlotPresence(constructor, lightDomSelector) {
|
|
22
|
+
var _a, _b;
|
|
23
|
+
const lightDomSelectors = Array.isArray(lightDomSelector) ? lightDomSelector : [lightDomSelector];
|
|
24
|
+
class SlotPresenceObservingElement extends (_b = constructor, _a = slotContentIsPresent, _b) {
|
|
25
|
+
constructor(...args) {
|
|
26
|
+
super(args);
|
|
27
|
+
this[_a] = /* @__PURE__ */ new Map();
|
|
28
|
+
this.managePresenceObservedSlot = () => {
|
|
29
|
+
let changes = false;
|
|
30
|
+
lightDomSelectors.forEach((selector) => {
|
|
31
|
+
const nextValue = !!this.querySelector(`:scope > ${selector}`);
|
|
32
|
+
const previousValue = this[slotContentIsPresent].get(selector) || false;
|
|
33
|
+
changes = changes || previousValue !== nextValue;
|
|
34
|
+
this[slotContentIsPresent].set(
|
|
35
|
+
selector,
|
|
36
|
+
!!this.querySelector(`:scope > ${selector}`)
|
|
37
|
+
);
|
|
38
|
+
});
|
|
39
|
+
if (changes) {
|
|
40
|
+
this.updateComplete.then(() => {
|
|
41
|
+
this.requestUpdate();
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
};
|
|
45
|
+
new mutationController_js.MutationController(this, {
|
|
46
|
+
config: {
|
|
47
|
+
childList: true,
|
|
48
|
+
subtree: true
|
|
49
|
+
},
|
|
50
|
+
callback: () => {
|
|
51
|
+
this.managePresenceObservedSlot();
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
this.managePresenceObservedSlot();
|
|
55
|
+
}
|
|
56
|
+
/**
|
|
57
|
+
* @private
|
|
58
|
+
*/
|
|
59
|
+
get slotContentIsPresent() {
|
|
60
|
+
if (lightDomSelectors.length === 1) {
|
|
61
|
+
return this[slotContentIsPresent].get(lightDomSelectors[0]) || false;
|
|
62
|
+
}
|
|
63
|
+
throw new Error(
|
|
64
|
+
"Multiple selectors provided to `ObserveSlotPresence` use `getSlotContentPresence(selector: string)` instead."
|
|
65
|
+
);
|
|
66
|
+
}
|
|
67
|
+
getSlotContentPresence(selector) {
|
|
68
|
+
if (this[slotContentIsPresent].has(selector)) {
|
|
69
|
+
return this[slotContentIsPresent].get(selector) || false;
|
|
70
|
+
}
|
|
71
|
+
throw new Error(
|
|
72
|
+
`The provided selector \`${selector}\` is not being observed.`
|
|
73
|
+
);
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
return SlotPresenceObservingElement;
|
|
77
|
+
}
|
|
78
|
+
exports.ObserveSlotPresence = ObserveSlotPresence;
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
/*! * Lucero - The design system for Luzmo.
|
|
2
|
+
*
|
|
3
|
+
* Copyright © 2025 Luzmo
|
|
4
|
+
* All rights reserved.
|
|
5
|
+
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
|
+
* This license allows users with a current active Luzmo account to use Lucero.
|
|
7
|
+
* This license terminates automatically if a user no longer has an active Luzmo account.
|
|
8
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
|
9
|
+
*
|
|
10
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
11
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
12
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
13
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
14
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
15
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
|
+
* SOFTWARE.
|
|
17
|
+
* */
|
|
18
|
+
import { MutationController } from "@lit-labs/observers/mutation-controller.js";
|
|
19
|
+
const slotContentIsPresent = Symbol("slotContentIsPresent");
|
|
20
|
+
function ObserveSlotPresence(constructor, lightDomSelector) {
|
|
21
|
+
var _a, _b;
|
|
22
|
+
const lightDomSelectors = Array.isArray(lightDomSelector) ? lightDomSelector : [lightDomSelector];
|
|
23
|
+
class SlotPresenceObservingElement extends (_b = constructor, _a = slotContentIsPresent, _b) {
|
|
24
|
+
constructor(...args) {
|
|
25
|
+
super(args);
|
|
26
|
+
this[_a] = /* @__PURE__ */ new Map();
|
|
27
|
+
this.managePresenceObservedSlot = () => {
|
|
28
|
+
let changes = false;
|
|
29
|
+
lightDomSelectors.forEach((selector) => {
|
|
30
|
+
const nextValue = !!this.querySelector(`:scope > ${selector}`);
|
|
31
|
+
const previousValue = this[slotContentIsPresent].get(selector) || false;
|
|
32
|
+
changes = changes || previousValue !== nextValue;
|
|
33
|
+
this[slotContentIsPresent].set(
|
|
34
|
+
selector,
|
|
35
|
+
!!this.querySelector(`:scope > ${selector}`)
|
|
36
|
+
);
|
|
37
|
+
});
|
|
38
|
+
if (changes) {
|
|
39
|
+
this.updateComplete.then(() => {
|
|
40
|
+
this.requestUpdate();
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
};
|
|
44
|
+
new MutationController(this, {
|
|
45
|
+
config: {
|
|
46
|
+
childList: true,
|
|
47
|
+
subtree: true
|
|
48
|
+
},
|
|
49
|
+
callback: () => {
|
|
50
|
+
this.managePresenceObservedSlot();
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
this.managePresenceObservedSlot();
|
|
54
|
+
}
|
|
55
|
+
/**
|
|
56
|
+
* @private
|
|
57
|
+
*/
|
|
58
|
+
get slotContentIsPresent() {
|
|
59
|
+
if (lightDomSelectors.length === 1) {
|
|
60
|
+
return this[slotContentIsPresent].get(lightDomSelectors[0]) || false;
|
|
61
|
+
}
|
|
62
|
+
throw new Error(
|
|
63
|
+
"Multiple selectors provided to `ObserveSlotPresence` use `getSlotContentPresence(selector: string)` instead."
|
|
64
|
+
);
|
|
65
|
+
}
|
|
66
|
+
getSlotContentPresence(selector) {
|
|
67
|
+
if (this[slotContentIsPresent].has(selector)) {
|
|
68
|
+
return this[slotContentIsPresent].get(selector) || false;
|
|
69
|
+
}
|
|
70
|
+
throw new Error(
|
|
71
|
+
`The provided selector \`${selector}\` is not being observed.`
|
|
72
|
+
);
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
return SlotPresenceObservingElement;
|
|
76
|
+
}
|
|
77
|
+
export {
|
|
78
|
+
ObserveSlotPresence as O
|
|
79
|
+
};
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
/*! * Lucero - The design system for Luzmo.
|
|
2
|
+
*
|
|
3
|
+
* Copyright © 2025 Luzmo
|
|
4
|
+
* All rights reserved.
|
|
5
|
+
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
|
+
* This license allows users with a current active Luzmo account to use Lucero.
|
|
7
|
+
* This license terminates automatically if a user no longer has an active Luzmo account.
|
|
8
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
|
9
|
+
*
|
|
10
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
11
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
12
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
13
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
14
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
15
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
|
+
* SOFTWARE.
|
|
17
|
+
* */
|
|
18
|
+
"use strict";
|
|
19
|
+
const mutationController_js = require("@lit-labs/observers/mutation-controller.js");
|
|
20
|
+
const decorators_js = require("lit/decorators.js");
|
|
21
|
+
var __defProp = Object.defineProperty;
|
|
22
|
+
var __decorateClass = (decorators, target, key, kind) => {
|
|
23
|
+
var result = void 0;
|
|
24
|
+
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
25
|
+
if (decorator = decorators[i])
|
|
26
|
+
result = decorator(target, key, result) || result;
|
|
27
|
+
if (result) __defProp(target, key, result);
|
|
28
|
+
return result;
|
|
29
|
+
};
|
|
30
|
+
const assignedNodesList = Symbol("assignedNodes");
|
|
31
|
+
function ObserveSlotText(constructor, slotName, excludedSelectors = []) {
|
|
32
|
+
var _a, _b;
|
|
33
|
+
const notExcluded = (el) => (selector) => el.matches(selector);
|
|
34
|
+
class SlotTextObservingElement extends (_b = constructor, _a = assignedNodesList, _b) {
|
|
35
|
+
constructor(...args) {
|
|
36
|
+
super(args);
|
|
37
|
+
this.slotHasContent = false;
|
|
38
|
+
new mutationController_js.MutationController(this, {
|
|
39
|
+
config: {
|
|
40
|
+
characterData: true,
|
|
41
|
+
subtree: true
|
|
42
|
+
},
|
|
43
|
+
callback: (mutationsList) => {
|
|
44
|
+
for (const mutation of mutationsList) {
|
|
45
|
+
if (mutation.type === "characterData") {
|
|
46
|
+
this.manageTextObservedSlot();
|
|
47
|
+
return;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
manageTextObservedSlot() {
|
|
54
|
+
if (!this[assignedNodesList]) {
|
|
55
|
+
return;
|
|
56
|
+
}
|
|
57
|
+
const assignedNodes = [...this[assignedNodesList]].filter(
|
|
58
|
+
(currentNode) => {
|
|
59
|
+
const node = currentNode;
|
|
60
|
+
if (node.tagName) {
|
|
61
|
+
return !excludedSelectors.some(notExcluded(node));
|
|
62
|
+
}
|
|
63
|
+
return node.textContent ? node.textContent.trim() : false;
|
|
64
|
+
}
|
|
65
|
+
);
|
|
66
|
+
this.slotHasContent = assignedNodes.length > 0;
|
|
67
|
+
}
|
|
68
|
+
update(changedProperties) {
|
|
69
|
+
if (!this.hasUpdated) {
|
|
70
|
+
const { childNodes } = this;
|
|
71
|
+
const textNodes = [...childNodes].filter((currentNode) => {
|
|
72
|
+
const node = currentNode;
|
|
73
|
+
if (node.tagName) {
|
|
74
|
+
const excluded = excludedSelectors.some(notExcluded(node));
|
|
75
|
+
return excluded ? false : (
|
|
76
|
+
// Confirm it would exist in a targeted slot if there was one supplied.
|
|
77
|
+
slotName ? node.getAttribute("slot") === slotName : !node.hasAttribute("slot")
|
|
78
|
+
);
|
|
79
|
+
}
|
|
80
|
+
return node.textContent ? node.textContent.trim() : false;
|
|
81
|
+
});
|
|
82
|
+
this.slotHasContent = textNodes.length > 0;
|
|
83
|
+
}
|
|
84
|
+
super.update(changedProperties);
|
|
85
|
+
}
|
|
86
|
+
firstUpdated(changedProperties) {
|
|
87
|
+
super.firstUpdated(changedProperties);
|
|
88
|
+
this.updateComplete.then(() => {
|
|
89
|
+
this.manageTextObservedSlot();
|
|
90
|
+
});
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
__decorateClass([
|
|
94
|
+
decorators_js.property({ type: Boolean, attribute: false })
|
|
95
|
+
], SlotTextObservingElement.prototype, "slotHasContent");
|
|
96
|
+
__decorateClass([
|
|
97
|
+
decorators_js.queryAssignedNodes({
|
|
98
|
+
slot: slotName,
|
|
99
|
+
flatten: true
|
|
100
|
+
})
|
|
101
|
+
], SlotTextObservingElement.prototype, _a);
|
|
102
|
+
return SlotTextObservingElement;
|
|
103
|
+
}
|
|
104
|
+
exports.ObserveSlotText = ObserveSlotText;
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
/*! * Lucero - The design system for Luzmo.
|
|
2
|
+
*
|
|
3
|
+
* Copyright © 2025 Luzmo
|
|
4
|
+
* All rights reserved.
|
|
5
|
+
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
|
+
* This license allows users with a current active Luzmo account to use Lucero.
|
|
7
|
+
* This license terminates automatically if a user no longer has an active Luzmo account.
|
|
8
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
|
9
|
+
*
|
|
10
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
11
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
12
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
13
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
14
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
15
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
|
+
* SOFTWARE.
|
|
17
|
+
* */
|
|
18
|
+
import { MutationController } from "@lit-labs/observers/mutation-controller.js";
|
|
19
|
+
import { property, queryAssignedNodes } from "lit/decorators.js";
|
|
20
|
+
var __defProp = Object.defineProperty;
|
|
21
|
+
var __decorateClass = (decorators, target, key, kind) => {
|
|
22
|
+
var result = void 0;
|
|
23
|
+
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
24
|
+
if (decorator = decorators[i])
|
|
25
|
+
result = decorator(target, key, result) || result;
|
|
26
|
+
if (result) __defProp(target, key, result);
|
|
27
|
+
return result;
|
|
28
|
+
};
|
|
29
|
+
const assignedNodesList = Symbol("assignedNodes");
|
|
30
|
+
function ObserveSlotText(constructor, slotName, excludedSelectors = []) {
|
|
31
|
+
var _a, _b;
|
|
32
|
+
const notExcluded = (el) => (selector) => el.matches(selector);
|
|
33
|
+
class SlotTextObservingElement extends (_b = constructor, _a = assignedNodesList, _b) {
|
|
34
|
+
constructor(...args) {
|
|
35
|
+
super(args);
|
|
36
|
+
this.slotHasContent = false;
|
|
37
|
+
new MutationController(this, {
|
|
38
|
+
config: {
|
|
39
|
+
characterData: true,
|
|
40
|
+
subtree: true
|
|
41
|
+
},
|
|
42
|
+
callback: (mutationsList) => {
|
|
43
|
+
for (const mutation of mutationsList) {
|
|
44
|
+
if (mutation.type === "characterData") {
|
|
45
|
+
this.manageTextObservedSlot();
|
|
46
|
+
return;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
manageTextObservedSlot() {
|
|
53
|
+
if (!this[assignedNodesList]) {
|
|
54
|
+
return;
|
|
55
|
+
}
|
|
56
|
+
const assignedNodes = [...this[assignedNodesList]].filter(
|
|
57
|
+
(currentNode) => {
|
|
58
|
+
const node = currentNode;
|
|
59
|
+
if (node.tagName) {
|
|
60
|
+
return !excludedSelectors.some(notExcluded(node));
|
|
61
|
+
}
|
|
62
|
+
return node.textContent ? node.textContent.trim() : false;
|
|
63
|
+
}
|
|
64
|
+
);
|
|
65
|
+
this.slotHasContent = assignedNodes.length > 0;
|
|
66
|
+
}
|
|
67
|
+
update(changedProperties) {
|
|
68
|
+
if (!this.hasUpdated) {
|
|
69
|
+
const { childNodes } = this;
|
|
70
|
+
const textNodes = [...childNodes].filter((currentNode) => {
|
|
71
|
+
const node = currentNode;
|
|
72
|
+
if (node.tagName) {
|
|
73
|
+
const excluded = excludedSelectors.some(notExcluded(node));
|
|
74
|
+
return excluded ? false : (
|
|
75
|
+
// Confirm it would exist in a targeted slot if there was one supplied.
|
|
76
|
+
slotName ? node.getAttribute("slot") === slotName : !node.hasAttribute("slot")
|
|
77
|
+
);
|
|
78
|
+
}
|
|
79
|
+
return node.textContent ? node.textContent.trim() : false;
|
|
80
|
+
});
|
|
81
|
+
this.slotHasContent = textNodes.length > 0;
|
|
82
|
+
}
|
|
83
|
+
super.update(changedProperties);
|
|
84
|
+
}
|
|
85
|
+
firstUpdated(changedProperties) {
|
|
86
|
+
super.firstUpdated(changedProperties);
|
|
87
|
+
this.updateComplete.then(() => {
|
|
88
|
+
this.manageTextObservedSlot();
|
|
89
|
+
});
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
__decorateClass([
|
|
93
|
+
property({ type: Boolean, attribute: false })
|
|
94
|
+
], SlotTextObservingElement.prototype, "slotHasContent");
|
|
95
|
+
__decorateClass([
|
|
96
|
+
queryAssignedNodes({
|
|
97
|
+
slot: slotName,
|
|
98
|
+
flatten: true
|
|
99
|
+
})
|
|
100
|
+
], SlotTextObservingElement.prototype, _a);
|
|
101
|
+
return SlotTextObservingElement;
|
|
102
|
+
}
|
|
103
|
+
export {
|
|
104
|
+
ObserveSlotText as O
|
|
105
|
+
};
|