@luzmo/lucero 1.0.1-alpha.20 → 1.0.1-alpha.22
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 +6 -6
- package/components/accordion/index.js +8 -7
- package/components/action-bar/index.cjs +4 -4
- package/components/action-bar/index.js +10 -8
- package/components/action-button/index.cjs +3 -3
- package/components/action-button/index.js +5 -4
- package/components/action-group/index.cjs +1 -1
- package/components/action-group/index.js +1 -1
- package/components/action-group-D6rV7sfq.cjs +20 -0
- package/components/{action-group-C9dsPJg-.js → action-group-DS7x8jfJ.js} +10 -9
- package/components/action-menu/index.cjs +9 -9
- package/components/action-menu/index.js +9 -9
- package/components/{async-directive-BwIAw5tB.js → async-directive-CDQoI4mS.js} +18 -19
- package/components/async-directive-CddlkYlZ.cjs +22 -0
- package/components/avatar/index.cjs +3 -3
- package/components/avatar/index.js +6 -6
- package/components/base-5nDSSNeT.cjs +18 -0
- package/components/base-CdYjmV_8.js +96 -0
- package/components/button/button-base.d.ts +16 -0
- package/components/button/button.d.ts +37 -1
- package/components/button/index.cjs +2 -2
- package/components/button/index.js +15 -11
- package/components/{button-base-B8bWcklV.js → button-base-BGAqeDTT.js} +21 -6
- package/components/button-base-CShsEDFM.cjs +25 -0
- package/components/button-group/index.cjs +1 -1
- package/components/button-group/index.js +10 -8
- package/components/calendar/index.cjs +96 -1
- package/components/calendar/index.js +538 -6
- package/components/checkbox/index.cjs +4 -4
- package/components/checkbox/index.js +6 -4
- package/components/{checkbox-mixin-BOTvuPEu.js → checkbox-mixin-DUbGDm7f.js} +9 -9
- package/components/{checkbox-mixin-BVPpXtsq.cjs → checkbox-mixin-DhN8CIXY.cjs} +3 -3
- package/components/clear-button-BWJrTbkk.cjs +18 -0
- package/components/{clear-button-DzZ5ulBW.js → clear-button-CMhq1QsA.js} +14 -13
- package/components/{close-button-CuQdsez5.js → close-button-BiJwFZyW.js} +13 -12
- package/components/close-button-DrMdfzPW.cjs +18 -0
- package/components/color-area/index.cjs +5 -5
- package/components/color-area/index.js +10 -9
- package/components/color-controller-7sNUf7SP.js +386 -0
- package/components/color-controller-ChN-A9Ft.cjs +18 -0
- package/components/color-field/index.cjs +2 -2
- package/components/color-field/index.js +4 -3
- package/components/color-handle/index.cjs +2 -2
- package/components/color-handle/index.js +7 -5
- package/components/color-loupe/index.cjs +1 -1
- package/components/color-loupe/index.js +1 -1
- package/components/color-loupe-CIEFp7ln.cjs +56 -0
- package/components/{color-loupe-DmQe3SpP.js → color-loupe-CLPX6xVb.js} +6 -4
- package/components/color-menu/index.cjs +7 -7
- package/components/color-menu/index.js +7 -7
- package/components/color-palette/index.cjs +1 -1
- package/components/color-palette/index.js +4 -3
- package/components/color-palette-group/index.cjs +3 -3
- package/components/color-palette-group/index.js +33 -32
- package/components/color-picker/index.cjs +4 -4
- package/components/color-picker/index.js +11 -11
- package/components/color-slider/index.cjs +40 -1
- package/components/color-slider/index.js +452 -6
- package/components/date-time-picker/index.cjs +16 -16
- package/components/date-time-picker/index.js +103 -104
- package/components/directive-DrvvqO47.cjs +32 -0
- package/components/directive-OK_Jd_xx.js +314 -0
- package/components/divider/index.cjs +1 -1
- package/components/divider/index.js +10 -8
- package/components/field-group/index.cjs +1 -1
- package/components/field-group/index.js +1 -1
- package/components/field-group-BYHNJmv0.cjs +23 -0
- package/components/{field-group-D4B0IOdA.js → field-group-CHmw159R.js} +7 -5
- package/components/field-label/index.cjs +1 -1
- package/components/field-label/index.js +1 -1
- package/components/{field-label-DxmPiC5p.js → field-label-Cy3xMWZ-.js} +9 -8
- package/components/field-label-DZoeqJJX.cjs +25 -0
- package/components/{focusable-C5JjRZmT.js → focusable-BjvsvVam.js} +2 -1
- package/components/focusable-CbVKgGfS.cjs +18 -0
- package/components/icon/index.cjs +1 -1
- package/components/icon/index.js +20 -18
- package/components/index.cjs +1 -1
- package/components/index.js +18 -18
- package/components/infield-button/index.cjs +2 -2
- package/components/infield-button/index.js +4 -3
- package/components/label/index.cjs +1 -1
- package/components/label/index.js +6 -4
- package/components/like-anchor-B2EqJPdw.cjs +32 -0
- package/components/{like-anchor-DCFJN0LV.js → like-anchor-CgqCU210.js} +23 -22
- package/components/{manage-help-text-DNqdEkTA.cjs → manage-help-text-Bat9yGvF.cjs} +3 -3
- package/components/{manage-help-text-CHfMLzSa.js → manage-help-text-C9sCHK3R.js} +8 -8
- package/components/menu/index.cjs +16 -16
- package/components/menu/index.js +15 -16
- package/components/multi-language-field/index.cjs +2 -2
- package/components/multi-language-field/index.js +8 -6
- package/components/number-field/index.cjs +6 -6
- package/components/number-field/index.js +34 -35
- package/components/observe-slot-text-ByPG1Lqw.cjs +18 -0
- package/components/{observe-slot-text-C3moTjwy.js → observe-slot-text-CugmOzNZ.js} +20 -21
- package/components/options/index.cjs +27 -55
- package/components/options/index.js +210 -800
- package/components/overlay/index.cjs +6 -6
- package/components/overlay/index.js +9 -9
- package/components/overlay-DpWon1Rp.js +1736 -0
- package/components/overlay-nUwFClQq.cjs +47 -0
- package/components/{pending-state-bJr-nEJl.cjs → pending-state-DQctFHI8.cjs} +2 -2
- package/components/{pending-state-B2wWssTo.js → pending-state-Dx1u3EXA.js} +2 -2
- package/components/picker/index.cjs +1 -1
- package/components/picker/index.js +2 -2
- package/components/{picker-BsQJBF9j.js → picker-Cm6_didQ.js} +19 -20
- package/components/picker-DxYgh4LR.cjs +123 -0
- package/components/picker-button/index.cjs +4 -4
- package/components/picker-button/index.js +6 -5
- package/components/{platform-BiXhwqk3.cjs → platform-BJnOJJag.cjs} +1 -1
- package/components/{platform-BM-uMWpX.js → platform-CqwNrovd.js} +12 -12
- package/components/popover/index.cjs +1 -1
- package/components/popover/index.js +1 -1
- package/components/popover-lcZnODPK.cjs +30 -0
- package/components/{popover-iD8f5Jkp.js → popover-ucIgjbQs.js} +8 -7
- package/components/progress-circle/index.cjs +1 -1
- package/components/progress-circle/index.js +1 -1
- package/components/{progress-circle-USIIU1up.js → progress-circle-D5J0ZwY0.js} +8 -7
- package/components/progress-circle-DgMbqrzG.cjs +33 -0
- package/components/radio/index.cjs +2 -2
- package/components/radio/index.js +10 -9
- package/components/search/index.cjs +6 -6
- package/components/search/index.js +5 -5
- package/components/select/index.cjs +43 -43
- package/components/select/index.js +33 -33
- package/components/{directive-C7oCP5Bh.cjs → sized-mixin-DcvJLFeo.cjs} +1 -5
- package/components/{sized-mixin-CJbBHWRQ.js → sized-mixin-cJbo3PKR.js} +5 -5
- package/components/slider/index.cjs +1 -1
- package/components/slider/index.js +48 -1101
- package/components/{streaming-listener-BQ68fKMa.js → streaming-listener-BgU36S1Z.js} +3 -3
- package/components/streaming-listener-CfUtuELp.cjs +18 -0
- package/components/swatch/index.cjs +5 -5
- package/components/swatch/index.js +11 -10
- package/components/switch/index.cjs +2 -2
- package/components/switch/index.js +5 -4
- package/components/tabs/index.cjs +31 -23
- package/components/tabs/index.js +497 -230
- package/components/tags/index.cjs +4 -4
- package/components/tags/index.js +13 -12
- package/components/text-field/index.cjs +3 -3
- package/components/text-field/index.js +12 -10
- package/components/{text-field-C2n3rzCK.js → text-field-BTEpwGFu.js} +73 -99
- package/components/text-field-JMrsh-zo.cjs +81 -0
- package/components/toast/index.cjs +11 -11
- package/components/toast/index.js +9 -7
- package/components/tooltip/index.cjs +4 -4
- package/components/tooltip/index.js +8 -7
- package/components/unit-input/index.cjs +6 -6
- package/components/unit-input/index.js +27 -26
- package/components/utils.cjs +1 -1
- package/components/utils.js +5 -5
- package/custom-elements.json +1 -1
- package/package.json +62 -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-C54IxNZk.cjs +0 -20
- package/components/async-directive-DLz6JB0v.cjs +0 -22
- package/components/base-BjTwmyRF.cjs +0 -22
- package/components/base-CFWO09N1.js +0 -684
- package/components/base-Cy0MQrPT.cjs +0 -40
- package/components/base-D76d76ww.js +0 -26
- package/components/button-base-tf95Lyl4.cjs +0 -25
- package/components/class-map-CGfNk3Ee.js +0 -51
- package/components/class-map-D-Y-hsN5.cjs +0 -22
- package/components/clear-button-CuPbWwZY.cjs +0 -18
- package/components/close-button-BTo4yrFR.cjs +0 -18
- package/components/color-controller-B0uX6Zso.js +0 -3230
- package/components/color-controller-CoUL5f9K.cjs +0 -18
- package/components/color-loupe-CrM2DVY3.cjs +0 -56
- package/components/directive-helpers-D4KMv2dC.js +0 -62
- package/components/directive-helpers-t-TVum7J.cjs +0 -22
- package/components/directive-oAbCiebi.js +0 -44
- package/components/field-group-5WQMBOk4.cjs +0 -23
- package/components/field-label-Dz9kisdW.cjs +0 -25
- package/components/flow-D-0MTYCm.js +0 -527
- package/components/flow-DM3dNAKs.cjs +0 -30
- package/components/focusable-B_KwfEec.cjs +0 -18
- package/components/if-defined-DULpqYwi.js +0 -27
- package/components/if-defined-DaXWqfzc.cjs +0 -22
- package/components/index-CNK8wHXu.cjs +0 -57
- package/components/index-Cf6G4q52.js +0 -1490
- package/components/index-D3ICqC7S.js +0 -1174
- package/components/index-hqVbNKYy.cjs +0 -113
- package/components/like-anchor-Bu3pXbjT.cjs +0 -32
- package/components/luzmo-icons-CiSek5iM.js +0 -229
- package/components/luzmo-icons-CtA-TJPd.cjs +0 -29
- package/components/observe-slot-text-D2VAEFSd.cjs +0 -18
- package/components/overlay-B3ajDLLq.cjs +0 -47
- package/components/overlay-CUKs69yr.js +0 -2745
- package/components/picker-X96xmLAw.cjs +0 -123
- package/components/popover-fwJeZHMQ.cjs +0 -30
- package/components/progress-circle-DZxaMe8L.cjs +0 -33
- 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/sized-mixin-WPHH0a_D.cjs +0 -18
- package/components/state-DwIwYPvt.js +0 -29
- package/components/state-vf0PJN3_.cjs +0 -22
- package/components/streaming-listener-DeGQYM-9.cjs +0 -18
- package/components/style-map-Bnhf_mVZ.js +0 -53
- package/components/style-map-DuMd5xlY.cjs +0 -22
- package/components/text-field-BkFPYo7S.cjs +0 -85
|
@@ -0,0 +1,32 @@
|
|
|
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
|
+
* @license
|
|
20
|
+
* Copyright 2017 Google LLC
|
|
21
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
22
|
+
*/const x=globalThis,T=x.trustedTypes,E=T?T.createPolicy("lit-html",{createHTML:n=>n}):void 0,W="$lit$",p=`lit$${Math.random().toFixed(9).slice(2)}$`,k="?"+p,z=`<${k}>`,f=document,C=()=>f.createComment(""),H=n=>n===null||typeof n!="object"&&typeof n!="function",B=Array.isArray,Z=n=>B(n)||typeof(n==null?void 0:n[Symbol.iterator])=="function",I=`[
|
|
23
|
+
\f\r]`,y=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,U=/-->/g,P=/>/g,u=RegExp(`>|${I}(?:([^\\s"'>=/]+)(${I}*=${I}*(?:[^
|
|
24
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),L=/'/g,O=/"/g,V=/^(?:script|style|textarea|title)$/i,v=Symbol.for("lit-noChange"),c=Symbol.for("lit-nothing"),R=new WeakMap,g=f.createTreeWalker(f,129);function j(n,t){if(!B(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return E!==void 0?E.createHTML(t):t}const F=(n,t)=>{const e=n.length-1,i=[];let s,h=t===2?"<svg>":t===3?"<math>":"",r=y;for(let A=0;A<e;A++){const o=n[A];let $,_,l=-1,a=0;for(;a<o.length&&(r.lastIndex=a,_=r.exec(o),_!==null);)a=r.lastIndex,r===y?_[1]==="!--"?r=U:_[1]!==void 0?r=P:_[2]!==void 0?(V.test(_[2])&&(s=RegExp("</"+_[2],"g")),r=u):_[3]!==void 0&&(r=u):r===u?_[0]===">"?(r=s??y,l=-1):_[1]===void 0?l=-2:(l=r.lastIndex-_[2].length,$=_[1],r=_[3]===void 0?u:_[3]==='"'?O:L):r===O||r===L?r=u:r===U||r===P?r=y:(r=u,s=void 0);const d=r===u&&n[A+1].startsWith("/>")?" ":"";h+=r===y?o+z:l>=0?(i.push($),o.slice(0,l)+W+o.slice(l)+p+d):o+p+(l===-2?A:d)}return[j(n,h+(n[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),i]};class N{constructor({strings:t,_$litType$:e},i){let s;this.parts=[];let h=0,r=0;const A=t.length-1,o=this.parts,[$,_]=F(t,e);if(this.el=N.createElement($,i),g.currentNode=this.el.content,e===2||e===3){const l=this.el.content.firstChild;l.replaceWith(...l.childNodes)}for(;(s=g.nextNode())!==null&&o.length<A;){if(s.nodeType===1){if(s.hasAttributes())for(const l of s.getAttributeNames())if(l.endsWith(W)){const a=_[r++],d=s.getAttribute(l).split(p),b=/([.?@])?(.*)/.exec(a);o.push({type:1,index:h,name:b[2],strings:d,ctor:b[1]==="."?q:b[1]==="?"?G:b[1]==="@"?J:S}),s.removeAttribute(l)}else l.startsWith(p)&&(o.push({type:6,index:h}),s.removeAttribute(l));if(V.test(s.tagName)){const l=s.textContent.split(p),a=l.length-1;if(a>0){s.textContent=T?T.emptyScript:"";for(let d=0;d<a;d++)s.append(l[d],C()),g.nextNode(),o.push({type:2,index:++h});s.append(l[a],C())}}}else if(s.nodeType===8)if(s.data===k)o.push({type:2,index:h});else{let l=-1;for(;(l=s.data.indexOf(p,l+1))!==-1;)o.push({type:7,index:h}),l+=p.length-1}h++}}static createElement(t,e){const i=f.createElement("template");return i.innerHTML=t,i}}function m(n,t,e=n,i){var r,A;if(t===v)return t;let s=i!==void 0?(r=e._$Co)==null?void 0:r[i]:e._$Cl;const h=H(t)?void 0:t._$litDirective$;return(s==null?void 0:s.constructor)!==h&&((A=s==null?void 0:s._$AO)==null||A.call(s,!1),h===void 0?s=void 0:(s=new h(n),s._$AT(n,e,i)),i!==void 0?(e._$Co??(e._$Co=[]))[i]=s:e._$Cl=s),s!==void 0&&(t=m(n,s._$AS(n,t.values),s,i)),t}let Q=class{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:i}=this._$AD,s=((t==null?void 0:t.creationScope)??f).importNode(e,!0);g.currentNode=s;let h=g.nextNode(),r=0,A=0,o=i[0];for(;o!==void 0;){if(r===o.index){let $;o.type===2?$=new M(h,h.nextSibling,this,t):o.type===1?$=new o.ctor(h,o.name,o.strings,this,t):o.type===6&&($=new K(h,this,t)),this._$AV.push($),o=i[++A]}r!==(o==null?void 0:o.index)&&(h=g.nextNode(),r++)}return g.currentNode=f,s}p(t){let e=0;for(const i of this._$AV)i!==void 0&&(i.strings!==void 0?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}};class M{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,i,s){this.type=2,this._$AH=c,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=s,this._$Cv=(s==null?void 0:s.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=m(this,t,e),H(t)?t===c||t==null||t===""?(this._$AH!==c&&this._$AR(),this._$AH=c):t!==this._$AH&&t!==v&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Z(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==c&&H(this._$AH)?this._$AA.nextSibling.data=t:this.T(f.createTextNode(t)),this._$AH=t}$(t){var h;const{values:e,_$litType$:i}=t,s=typeof i=="number"?this._$AC(t):(i.el===void 0&&(i.el=N.createElement(j(i.h,i.h[0]),this.options)),i);if(((h=this._$AH)==null?void 0:h._$AD)===s)this._$AH.p(e);else{const r=new Q(s,this),A=r.u(this.options);r.p(e),this.T(A),this._$AH=r}}_$AC(t){let e=R.get(t.strings);return e===void 0&&R.set(t.strings,e=new N(t)),e}k(t){B(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,s=0;for(const h of t)s===e.length?e.push(i=new M(this.O(C()),this.O(C()),this,this.options)):i=e[s],i._$AI(h),s++;s<e.length&&(this._$AR(i&&i._$AB.nextSibling,s),e.length=s)}_$AR(t=this._$AA.nextSibling,e){var i;for((i=this._$AP)==null?void 0:i.call(this,!1,!0,e);t&&t!==this._$AB;){const s=t.nextSibling;t.remove(),t=s}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class S{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,i,s,h){this.type=1,this._$AH=c,this._$AN=void 0,this.element=t,this.name=e,this._$AM=s,this.options=h,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=c}_$AI(t,e=this,i,s){const h=this.strings;let r=!1;if(h===void 0)t=m(this,t,e,0),r=!H(t)||t!==this._$AH&&t!==v,r&&(this._$AH=t);else{const A=t;let o,$;for(t=h[0],o=0;o<h.length-1;o++)$=m(this,A[i+o],e,o),$===v&&($=this._$AH[o]),r||(r=!H($)||$!==this._$AH[o]),$===c?t=c:t!==c&&(t+=($??"")+h[o+1]),this._$AH[o]=$}r&&!s&&this.j(t)}j(t){t===c?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class q extends S{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===c?void 0:t}}class G extends S{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==c)}}class J extends S{constructor(t,e,i,s,h){super(t,e,i,s,h),this.type=5}_$AI(t,e=this){if((t=m(this,t,e,0)??c)===v)return;const i=this._$AH,s=t===c&&i!==c||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,h=t!==c&&(i===c||s);s&&this.element.removeEventListener(this.name,this,i),h&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class K{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){m(this,t)}}const X={I:M},w=x.litHtmlPolyfillSupport;w==null||w(N,M),(x.litHtmlVersions??(x.litHtmlVersions=[])).push("3.2.1");/**
|
|
25
|
+
* @license
|
|
26
|
+
* Copyright 2020 Google LLC
|
|
27
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
28
|
+
*/const{I:Y}=X,tt=n=>n.strings===void 0,D=()=>document.createComment(""),et=(n,t,e)=>{var h;const i=n._$AA.parentNode,s=t===void 0?n._$AB:t._$AA;if(e===void 0){const r=i.insertBefore(D(),s),A=i.insertBefore(D(),s);e=new Y(r,A,n,n.options)}else{const r=e._$AB.nextSibling,A=e._$AM,o=A!==n;if(o){let $;(h=e._$AQ)==null||h.call(e,n),e._$AM=n,e._$AP!==void 0&&($=n._$AU)!==A._$AU&&e._$AP($)}if(r!==s||o){let $=e._$AA;for(;$!==r;){const _=$.nextSibling;i.insertBefore($,s),$=_}}}return e},st=(n,t,e=n)=>(n._$AI(t,e),n),it={},nt=(n,t=it)=>n._$AH=t,rt=n=>n._$AH,ot=n=>{var i;(i=n._$AP)==null||i.call(n,!1,!0);let t=n._$AA;const e=n._$AB.nextSibling;for(;t!==e;){const s=t.nextSibling;t.remove(),t=s}};/**
|
|
29
|
+
* @license
|
|
30
|
+
* Copyright 2017 Google LLC
|
|
31
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
32
|
+
*/const ht={CHILD:2},$t=n=>(...t)=>({_$litDirective$:n,values:t});class lt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}exports.M=ot;exports.T=v;exports.e=$t;exports.f=tt;exports.i=lt;exports.m=nt;exports.p=rt;exports.r=et;exports.t=ht;exports.v=st;
|
|
@@ -0,0 +1,314 @@
|
|
|
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
|
+
/**
|
|
19
|
+
* @license
|
|
20
|
+
* Copyright 2017 Google LLC
|
|
21
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
22
|
+
*/
|
|
23
|
+
const y = globalThis, C = y.trustedTypes, E = C ? C.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, W = "$lit$", p = `lit$${Math.random().toFixed(9).slice(2)}$`, k = "?" + p, z = `<${k}>`, f = document, T = () => f.createComment(""), x = (n) => n === null || typeof n != "object" && typeof n != "function", B = Array.isArray, Z = (n) => B(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", I = `[
|
|
24
|
+
\f\r]`, m = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, U = /-->/g, P = />/g, u = RegExp(`>|${I}(?:([^\\s"'>=/]+)(${I}*=${I}*(?:[^
|
|
25
|
+
\f\r"'\`<>=]|("|')|))|$)`, "g"), L = /'/g, O = /"/g, V = /^(?:script|style|textarea|title)$/i, H = Symbol.for("lit-noChange"), c = Symbol.for("lit-nothing"), R = /* @__PURE__ */ new WeakMap(), g = f.createTreeWalker(f, 129);
|
|
26
|
+
function j(n, t) {
|
|
27
|
+
if (!B(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
|
|
28
|
+
return E !== void 0 ? E.createHTML(t) : t;
|
|
29
|
+
}
|
|
30
|
+
const F = (n, t) => {
|
|
31
|
+
const e = n.length - 1, i = [];
|
|
32
|
+
let s, h = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", r = m;
|
|
33
|
+
for (let A = 0; A < e; A++) {
|
|
34
|
+
const o = n[A];
|
|
35
|
+
let $, _, l = -1, a = 0;
|
|
36
|
+
for (; a < o.length && (r.lastIndex = a, _ = r.exec(o), _ !== null); ) a = r.lastIndex, r === m ? _[1] === "!--" ? r = U : _[1] !== void 0 ? r = P : _[2] !== void 0 ? (V.test(_[2]) && (s = RegExp("</" + _[2], "g")), r = u) : _[3] !== void 0 && (r = u) : r === u ? _[0] === ">" ? (r = s ?? m, l = -1) : _[1] === void 0 ? l = -2 : (l = r.lastIndex - _[2].length, $ = _[1], r = _[3] === void 0 ? u : _[3] === '"' ? O : L) : r === O || r === L ? r = u : r === U || r === P ? r = m : (r = u, s = void 0);
|
|
37
|
+
const d = r === u && n[A + 1].startsWith("/>") ? " " : "";
|
|
38
|
+
h += r === m ? o + z : l >= 0 ? (i.push($), o.slice(0, l) + W + o.slice(l) + p + d) : o + p + (l === -2 ? A : d);
|
|
39
|
+
}
|
|
40
|
+
return [j(n, h + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
|
|
41
|
+
};
|
|
42
|
+
class N {
|
|
43
|
+
constructor({ strings: t, _$litType$: e }, i) {
|
|
44
|
+
let s;
|
|
45
|
+
this.parts = [];
|
|
46
|
+
let h = 0, r = 0;
|
|
47
|
+
const A = t.length - 1, o = this.parts, [$, _] = F(t, e);
|
|
48
|
+
if (this.el = N.createElement($, i), g.currentNode = this.el.content, e === 2 || e === 3) {
|
|
49
|
+
const l = this.el.content.firstChild;
|
|
50
|
+
l.replaceWith(...l.childNodes);
|
|
51
|
+
}
|
|
52
|
+
for (; (s = g.nextNode()) !== null && o.length < A; ) {
|
|
53
|
+
if (s.nodeType === 1) {
|
|
54
|
+
if (s.hasAttributes()) for (const l of s.getAttributeNames()) if (l.endsWith(W)) {
|
|
55
|
+
const a = _[r++], d = s.getAttribute(l).split(p), M = /([.?@])?(.*)/.exec(a);
|
|
56
|
+
o.push({ type: 1, index: h, name: M[2], strings: d, ctor: M[1] === "." ? q : M[1] === "?" ? G : M[1] === "@" ? J : S }), s.removeAttribute(l);
|
|
57
|
+
} else l.startsWith(p) && (o.push({ type: 6, index: h }), s.removeAttribute(l));
|
|
58
|
+
if (V.test(s.tagName)) {
|
|
59
|
+
const l = s.textContent.split(p), a = l.length - 1;
|
|
60
|
+
if (a > 0) {
|
|
61
|
+
s.textContent = C ? C.emptyScript : "";
|
|
62
|
+
for (let d = 0; d < a; d++) s.append(l[d], T()), g.nextNode(), o.push({ type: 2, index: ++h });
|
|
63
|
+
s.append(l[a], T());
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
} else if (s.nodeType === 8) if (s.data === k) o.push({ type: 2, index: h });
|
|
67
|
+
else {
|
|
68
|
+
let l = -1;
|
|
69
|
+
for (; (l = s.data.indexOf(p, l + 1)) !== -1; ) o.push({ type: 7, index: h }), l += p.length - 1;
|
|
70
|
+
}
|
|
71
|
+
h++;
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
static createElement(t, e) {
|
|
75
|
+
const i = f.createElement("template");
|
|
76
|
+
return i.innerHTML = t, i;
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
function v(n, t, e = n, i) {
|
|
80
|
+
var r, A;
|
|
81
|
+
if (t === H) return t;
|
|
82
|
+
let s = i !== void 0 ? (r = e._$Co) == null ? void 0 : r[i] : e._$Cl;
|
|
83
|
+
const h = x(t) ? void 0 : t._$litDirective$;
|
|
84
|
+
return (s == null ? void 0 : s.constructor) !== h && ((A = s == null ? void 0 : s._$AO) == null || A.call(s, !1), h === void 0 ? s = void 0 : (s = new h(n), s._$AT(n, e, i)), i !== void 0 ? (e._$Co ?? (e._$Co = []))[i] = s : e._$Cl = s), s !== void 0 && (t = v(n, s._$AS(n, t.values), s, i)), t;
|
|
85
|
+
}
|
|
86
|
+
let Q = class {
|
|
87
|
+
constructor(t, e) {
|
|
88
|
+
this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
|
|
89
|
+
}
|
|
90
|
+
get parentNode() {
|
|
91
|
+
return this._$AM.parentNode;
|
|
92
|
+
}
|
|
93
|
+
get _$AU() {
|
|
94
|
+
return this._$AM._$AU;
|
|
95
|
+
}
|
|
96
|
+
u(t) {
|
|
97
|
+
const { el: { content: e }, parts: i } = this._$AD, s = ((t == null ? void 0 : t.creationScope) ?? f).importNode(e, !0);
|
|
98
|
+
g.currentNode = s;
|
|
99
|
+
let h = g.nextNode(), r = 0, A = 0, o = i[0];
|
|
100
|
+
for (; o !== void 0; ) {
|
|
101
|
+
if (r === o.index) {
|
|
102
|
+
let $;
|
|
103
|
+
o.type === 2 ? $ = new b(h, h.nextSibling, this, t) : o.type === 1 ? $ = new o.ctor(h, o.name, o.strings, this, t) : o.type === 6 && ($ = new K(h, this, t)), this._$AV.push($), o = i[++A];
|
|
104
|
+
}
|
|
105
|
+
r !== (o == null ? void 0 : o.index) && (h = g.nextNode(), r++);
|
|
106
|
+
}
|
|
107
|
+
return g.currentNode = f, s;
|
|
108
|
+
}
|
|
109
|
+
p(t) {
|
|
110
|
+
let e = 0;
|
|
111
|
+
for (const i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
|
|
112
|
+
}
|
|
113
|
+
};
|
|
114
|
+
class b {
|
|
115
|
+
get _$AU() {
|
|
116
|
+
var t;
|
|
117
|
+
return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
|
|
118
|
+
}
|
|
119
|
+
constructor(t, e, i, s) {
|
|
120
|
+
this.type = 2, this._$AH = c, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = s, this._$Cv = (s == null ? void 0 : s.isConnected) ?? !0;
|
|
121
|
+
}
|
|
122
|
+
get parentNode() {
|
|
123
|
+
let t = this._$AA.parentNode;
|
|
124
|
+
const e = this._$AM;
|
|
125
|
+
return e !== void 0 && (t == null ? void 0 : t.nodeType) === 11 && (t = e.parentNode), t;
|
|
126
|
+
}
|
|
127
|
+
get startNode() {
|
|
128
|
+
return this._$AA;
|
|
129
|
+
}
|
|
130
|
+
get endNode() {
|
|
131
|
+
return this._$AB;
|
|
132
|
+
}
|
|
133
|
+
_$AI(t, e = this) {
|
|
134
|
+
t = v(this, t, e), x(t) ? t === c || t == null || t === "" ? (this._$AH !== c && this._$AR(), this._$AH = c) : t !== this._$AH && t !== H && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Z(t) ? this.k(t) : this._(t);
|
|
135
|
+
}
|
|
136
|
+
O(t) {
|
|
137
|
+
return this._$AA.parentNode.insertBefore(t, this._$AB);
|
|
138
|
+
}
|
|
139
|
+
T(t) {
|
|
140
|
+
this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
|
|
141
|
+
}
|
|
142
|
+
_(t) {
|
|
143
|
+
this._$AH !== c && x(this._$AH) ? this._$AA.nextSibling.data = t : this.T(f.createTextNode(t)), this._$AH = t;
|
|
144
|
+
}
|
|
145
|
+
$(t) {
|
|
146
|
+
var h;
|
|
147
|
+
const { values: e, _$litType$: i } = t, s = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = N.createElement(j(i.h, i.h[0]), this.options)), i);
|
|
148
|
+
if (((h = this._$AH) == null ? void 0 : h._$AD) === s) this._$AH.p(e);
|
|
149
|
+
else {
|
|
150
|
+
const r = new Q(s, this), A = r.u(this.options);
|
|
151
|
+
r.p(e), this.T(A), this._$AH = r;
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
_$AC(t) {
|
|
155
|
+
let e = R.get(t.strings);
|
|
156
|
+
return e === void 0 && R.set(t.strings, e = new N(t)), e;
|
|
157
|
+
}
|
|
158
|
+
k(t) {
|
|
159
|
+
B(this._$AH) || (this._$AH = [], this._$AR());
|
|
160
|
+
const e = this._$AH;
|
|
161
|
+
let i, s = 0;
|
|
162
|
+
for (const h of t) s === e.length ? e.push(i = new b(this.O(T()), this.O(T()), this, this.options)) : i = e[s], i._$AI(h), s++;
|
|
163
|
+
s < e.length && (this._$AR(i && i._$AB.nextSibling, s), e.length = s);
|
|
164
|
+
}
|
|
165
|
+
_$AR(t = this._$AA.nextSibling, e) {
|
|
166
|
+
var i;
|
|
167
|
+
for ((i = this._$AP) == null ? void 0 : i.call(this, !1, !0, e); t && t !== this._$AB; ) {
|
|
168
|
+
const s = t.nextSibling;
|
|
169
|
+
t.remove(), t = s;
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
setConnected(t) {
|
|
173
|
+
var e;
|
|
174
|
+
this._$AM === void 0 && (this._$Cv = t, (e = this._$AP) == null || e.call(this, t));
|
|
175
|
+
}
|
|
176
|
+
}
|
|
177
|
+
class S {
|
|
178
|
+
get tagName() {
|
|
179
|
+
return this.element.tagName;
|
|
180
|
+
}
|
|
181
|
+
get _$AU() {
|
|
182
|
+
return this._$AM._$AU;
|
|
183
|
+
}
|
|
184
|
+
constructor(t, e, i, s, h) {
|
|
185
|
+
this.type = 1, this._$AH = c, this._$AN = void 0, this.element = t, this.name = e, this._$AM = s, this.options = h, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = c;
|
|
186
|
+
}
|
|
187
|
+
_$AI(t, e = this, i, s) {
|
|
188
|
+
const h = this.strings;
|
|
189
|
+
let r = !1;
|
|
190
|
+
if (h === void 0) t = v(this, t, e, 0), r = !x(t) || t !== this._$AH && t !== H, r && (this._$AH = t);
|
|
191
|
+
else {
|
|
192
|
+
const A = t;
|
|
193
|
+
let o, $;
|
|
194
|
+
for (t = h[0], o = 0; o < h.length - 1; o++) $ = v(this, A[i + o], e, o), $ === H && ($ = this._$AH[o]), r || (r = !x($) || $ !== this._$AH[o]), $ === c ? t = c : t !== c && (t += ($ ?? "") + h[o + 1]), this._$AH[o] = $;
|
|
195
|
+
}
|
|
196
|
+
r && !s && this.j(t);
|
|
197
|
+
}
|
|
198
|
+
j(t) {
|
|
199
|
+
t === c ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
|
|
200
|
+
}
|
|
201
|
+
}
|
|
202
|
+
class q extends S {
|
|
203
|
+
constructor() {
|
|
204
|
+
super(...arguments), this.type = 3;
|
|
205
|
+
}
|
|
206
|
+
j(t) {
|
|
207
|
+
this.element[this.name] = t === c ? void 0 : t;
|
|
208
|
+
}
|
|
209
|
+
}
|
|
210
|
+
class G extends S {
|
|
211
|
+
constructor() {
|
|
212
|
+
super(...arguments), this.type = 4;
|
|
213
|
+
}
|
|
214
|
+
j(t) {
|
|
215
|
+
this.element.toggleAttribute(this.name, !!t && t !== c);
|
|
216
|
+
}
|
|
217
|
+
}
|
|
218
|
+
class J extends S {
|
|
219
|
+
constructor(t, e, i, s, h) {
|
|
220
|
+
super(t, e, i, s, h), this.type = 5;
|
|
221
|
+
}
|
|
222
|
+
_$AI(t, e = this) {
|
|
223
|
+
if ((t = v(this, t, e, 0) ?? c) === H) return;
|
|
224
|
+
const i = this._$AH, s = t === c && i !== c || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, h = t !== c && (i === c || s);
|
|
225
|
+
s && this.element.removeEventListener(this.name, this, i), h && this.element.addEventListener(this.name, this, t), this._$AH = t;
|
|
226
|
+
}
|
|
227
|
+
handleEvent(t) {
|
|
228
|
+
var e;
|
|
229
|
+
typeof this._$AH == "function" ? this._$AH.call(((e = this.options) == null ? void 0 : e.host) ?? this.element, t) : this._$AH.handleEvent(t);
|
|
230
|
+
}
|
|
231
|
+
}
|
|
232
|
+
class K {
|
|
233
|
+
constructor(t, e, i) {
|
|
234
|
+
this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
|
|
235
|
+
}
|
|
236
|
+
get _$AU() {
|
|
237
|
+
return this._$AM._$AU;
|
|
238
|
+
}
|
|
239
|
+
_$AI(t) {
|
|
240
|
+
v(this, t);
|
|
241
|
+
}
|
|
242
|
+
}
|
|
243
|
+
const X = { I: b }, w = y.litHtmlPolyfillSupport;
|
|
244
|
+
w == null || w(N, b), (y.litHtmlVersions ?? (y.litHtmlVersions = [])).push("3.2.1");
|
|
245
|
+
/**
|
|
246
|
+
* @license
|
|
247
|
+
* Copyright 2020 Google LLC
|
|
248
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
249
|
+
*/
|
|
250
|
+
const { I: Y } = X, st = (n) => n.strings === void 0, D = () => document.createComment(""), it = (n, t, e) => {
|
|
251
|
+
var h;
|
|
252
|
+
const i = n._$AA.parentNode, s = t === void 0 ? n._$AB : t._$AA;
|
|
253
|
+
if (e === void 0) {
|
|
254
|
+
const r = i.insertBefore(D(), s), A = i.insertBefore(D(), s);
|
|
255
|
+
e = new Y(r, A, n, n.options);
|
|
256
|
+
} else {
|
|
257
|
+
const r = e._$AB.nextSibling, A = e._$AM, o = A !== n;
|
|
258
|
+
if (o) {
|
|
259
|
+
let $;
|
|
260
|
+
(h = e._$AQ) == null || h.call(e, n), e._$AM = n, e._$AP !== void 0 && ($ = n._$AU) !== A._$AU && e._$AP($);
|
|
261
|
+
}
|
|
262
|
+
if (r !== s || o) {
|
|
263
|
+
let $ = e._$AA;
|
|
264
|
+
for (; $ !== r; ) {
|
|
265
|
+
const _ = $.nextSibling;
|
|
266
|
+
i.insertBefore($, s), $ = _;
|
|
267
|
+
}
|
|
268
|
+
}
|
|
269
|
+
}
|
|
270
|
+
return e;
|
|
271
|
+
}, nt = (n, t, e = n) => (n._$AI(t, e), n), tt = {}, rt = (n, t = tt) => n._$AH = t, ot = (n) => n._$AH, ht = (n) => {
|
|
272
|
+
var i;
|
|
273
|
+
(i = n._$AP) == null || i.call(n, !1, !0);
|
|
274
|
+
let t = n._$AA;
|
|
275
|
+
const e = n._$AB.nextSibling;
|
|
276
|
+
for (; t !== e; ) {
|
|
277
|
+
const s = t.nextSibling;
|
|
278
|
+
t.remove(), t = s;
|
|
279
|
+
}
|
|
280
|
+
};
|
|
281
|
+
/**
|
|
282
|
+
* @license
|
|
283
|
+
* Copyright 2017 Google LLC
|
|
284
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
285
|
+
*/
|
|
286
|
+
const $t = { CHILD: 2 }, lt = (n) => (...t) => ({ _$litDirective$: n, values: t });
|
|
287
|
+
class At {
|
|
288
|
+
constructor(t) {
|
|
289
|
+
}
|
|
290
|
+
get _$AU() {
|
|
291
|
+
return this._$AM._$AU;
|
|
292
|
+
}
|
|
293
|
+
_$AT(t, e, i) {
|
|
294
|
+
this._$Ct = t, this._$AM = e, this._$Ci = i;
|
|
295
|
+
}
|
|
296
|
+
_$AS(t, e) {
|
|
297
|
+
return this.update(t, e);
|
|
298
|
+
}
|
|
299
|
+
update(t, e) {
|
|
300
|
+
return this.render(...e);
|
|
301
|
+
}
|
|
302
|
+
}
|
|
303
|
+
export {
|
|
304
|
+
ht as M,
|
|
305
|
+
H as T,
|
|
306
|
+
lt as e,
|
|
307
|
+
st as f,
|
|
308
|
+
At as i,
|
|
309
|
+
rt as m,
|
|
310
|
+
ot as p,
|
|
311
|
+
it as r,
|
|
312
|
+
$t as t,
|
|
313
|
+
nt as v
|
|
314
|
+
};
|
|
@@ -15,4 +15,4 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
18
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("lit"),c=require("../base-5nDSSNeT.cjs"),p=require("../sized-mixin-DcvJLFeo.cjs"),n=require("lit/decorators.js"),f=require("../divider.module-DDvBo9zo.cjs");var v=Object.defineProperty,d=(o,e,a,m)=>{for(var t=void 0,i=o.length-1,l;i>=0;i--)(l=o[i])&&(t=l(e,a,t)||t);return t&&v(e,a,t),t};const s=class s extends p.SizedMixin(c.LuzmoElement,{validSizes:["s","m","l"],noDefaultSize:!0}){constructor(){super(...arguments),this.vertical=!1}render(){return u.html``}firstUpdated(e){super.firstUpdated(e),this.setAttribute("role","separator")}updated(e){super.updated(e),e.has("vertical")&&(this.vertical?this.setAttribute("aria-orientation","vertical"):this.removeAttribute("aria-orientation"))}};s.styles=[u.unsafeCSS(f.dividerStyles)];let r=s;d([n.property({type:Boolean,reflect:!0})],r.prototype,"vertical");d([n.property({type:String,reflect:!0,attribute:"static-color"})],r.prototype,"staticColor");customElements.get("luzmo-divider")||customElements.define("luzmo-divider",r);exports.LuzmoDivider=r;
|
|
@@ -15,9 +15,11 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
18
|
+
import { unsafeCSS as z, html as s } from "lit";
|
|
19
|
+
import { a as d } from "../base-CdYjmV_8.js";
|
|
20
|
+
import { S as f } from "../sized-mixin-cJbo3PKR.js";
|
|
21
|
+
import { property as c } from "lit/decorators.js";
|
|
22
|
+
import { d as p } from "../divider.module-DoQWQEIJ.js";
|
|
21
23
|
const n = () => {
|
|
22
24
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
23
25
|
const r = document.createElement("style");
|
|
@@ -25,12 +27,12 @@ const n = () => {
|
|
|
25
27
|
}
|
|
26
28
|
};
|
|
27
29
|
n();
|
|
28
|
-
var
|
|
30
|
+
var b = Object.defineProperty, a = (r, o, m, g) => {
|
|
29
31
|
for (var l = void 0, t = r.length - 1, i; t >= 0; t--)
|
|
30
32
|
(i = r[t]) && (l = i(o, m, l) || l);
|
|
31
|
-
return l &&
|
|
33
|
+
return l && b(o, m, l), l;
|
|
32
34
|
};
|
|
33
|
-
const u = class u extends f(
|
|
35
|
+
const u = class u extends f(d, {
|
|
34
36
|
validSizes: ["s", "m", "l"],
|
|
35
37
|
noDefaultSize: !0
|
|
36
38
|
}) {
|
|
@@ -38,7 +40,7 @@ const u = class u extends f(z, {
|
|
|
38
40
|
super(...arguments), this.vertical = !1;
|
|
39
41
|
}
|
|
40
42
|
render() {
|
|
41
|
-
return
|
|
43
|
+
return s``;
|
|
42
44
|
}
|
|
43
45
|
firstUpdated(o) {
|
|
44
46
|
super.firstUpdated(o), this.setAttribute("role", "separator");
|
|
@@ -47,7 +49,7 @@ const u = class u extends f(z, {
|
|
|
47
49
|
super.updated(o), o.has("vertical") && (this.vertical ? this.setAttribute("aria-orientation", "vertical") : this.removeAttribute("aria-orientation"));
|
|
48
50
|
}
|
|
49
51
|
};
|
|
50
|
-
u.styles = [
|
|
52
|
+
u.styles = [z(p)];
|
|
51
53
|
let e = u;
|
|
52
54
|
a([
|
|
53
55
|
c({ type: Boolean, reflect: !0 })
|
|
@@ -15,4 +15,4 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../field-group-
|
|
18
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../field-group-BYHNJmv0.cjs");customElements.get("luzmo-field-group")||customElements.define("luzmo-field-group",e.LuzmoFieldGroup);exports.LuzmoFieldGroup=e.LuzmoFieldGroup;
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
import { L as r } from "../field-group-
|
|
18
|
+
import { L as r } from "../field-group-CHmw159R.js";
|
|
19
19
|
const l = () => {
|
|
20
20
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
21
21
|
const o = document.createElement("style");
|
|
@@ -0,0 +1,23 @@
|
|
|
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";const d=require("lit"),l=require("lit/decorators.js"),p=require("./base-5nDSSNeT.cjs"),u=require("./manage-help-text-Bat9yGvF.cjs"),h='.luzmo-FieldGroup--toplabel{flex-direction:column}.luzmo-FieldGroup--sidelabel{flex-direction:row}.group{flex-flow:column wrap;display:flex}:host([vertical]) .group{flex-direction:column}:host([horizontal]) .group{flex-direction:row}:host([horizontal]) .group slot:not([name])::slotted(:not(:last-child)){margin-inline-end:var(--field-group-margin)}:host([horizontal]) .group .luzmo-HelpText{flex-basis:100%}:host{--field-group-margin: 16px;--field-group-readonly-delimiter: ","}:host([horizontal][dir=rtl]) slot:not([name])::slotted(*:not(:last-child)),:host([dir=rtl]:not([vertical])) slot:not([name])::slotted(*:not(:last-child)){margin:0 0 0 var(--field-group-margin)}:host([horizontal][dir=ltr]) slot:not([name])::slotted(*:not(:last-child)),:host([dir=ltr]:not([vertical])) slot:not([name])::slotted(*:not(:last-child)){margin:0 var(--field-group-margin) 0 0}';var c=Object.defineProperty,o=(i,t,s,f)=>{for(var e=void 0,a=i.length-1,n;a>=0;a--)(n=i[a])&&(e=n(t,s,e)||e);return e&&c(t,s,e),e};class r extends u.ManageHelpText(p.LuzmoElement,{mode:"external"}){constructor(){super(...arguments),this.horizontal=!1,this.invalid=!1,this.label="",this.vertical=!1}static get styles(){return[d.unsafeCSS(h)]}handleSlotchange(){}render(){return d.html`
|
|
19
|
+
<div class="group" role="presentation">
|
|
20
|
+
<slot @slotchange=${this.handleSlotchange}></slot>
|
|
21
|
+
</div>
|
|
22
|
+
${this.renderHelpText(this.invalid)}
|
|
23
|
+
`}firstUpdated(t){super.firstUpdated(t),this.hasAttribute("role")||this.setAttribute("role","group")}updated(t){super.updated(t),t.has("label")&&(this.label?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label"))}}o([l.property({type:Boolean,reflect:!0})],r.prototype,"horizontal");o([l.property({type:Boolean,reflect:!0})],r.prototype,"invalid");o([l.property()],r.prototype,"label");o([l.property({type:Boolean,reflect:!0})],r.prototype,"vertical");exports.LuzmoFieldGroup=r;
|
|
@@ -15,27 +15,29 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
18
|
+
import { unsafeCSS as d, html as p } from "lit";
|
|
19
|
+
import { property as l } from "lit/decorators.js";
|
|
20
|
+
import { a as u } from "./base-CdYjmV_8.js";
|
|
21
|
+
import { M as h } from "./manage-help-text-C9sCHK3R.js";
|
|
20
22
|
const f = '.luzmo-FieldGroup--toplabel{flex-direction:column}.luzmo-FieldGroup--sidelabel{flex-direction:row}.group{flex-flow:column wrap;display:flex}:host([vertical]) .group{flex-direction:column}:host([horizontal]) .group{flex-direction:row}:host([horizontal]) .group slot:not([name])::slotted(:not(:last-child)){margin-inline-end:var(--field-group-margin)}:host([horizontal]) .group .luzmo-HelpText{flex-basis:100%}:host{--field-group-margin: 16px;--field-group-readonly-delimiter: ","}:host([horizontal][dir=rtl]) slot:not([name])::slotted(*:not(:last-child)),:host([dir=rtl]:not([vertical])) slot:not([name])::slotted(*:not(:last-child)){margin:0 0 0 var(--field-group-margin)}:host([horizontal][dir=ltr]) slot:not([name])::slotted(*:not(:last-child)),:host([dir=ltr]:not([vertical])) slot:not([name])::slotted(*:not(:last-child)){margin:0 var(--field-group-margin) 0 0}';
|
|
21
23
|
var m = Object.defineProperty, o = (i, t, s, c) => {
|
|
22
24
|
for (var e = void 0, a = i.length - 1, n; a >= 0; a--)
|
|
23
25
|
(n = i[a]) && (e = n(t, s, e) || e);
|
|
24
26
|
return e && m(t, s, e), e;
|
|
25
27
|
};
|
|
26
|
-
class r extends h(
|
|
28
|
+
class r extends h(u, {
|
|
27
29
|
mode: "external"
|
|
28
30
|
}) {
|
|
29
31
|
constructor() {
|
|
30
32
|
super(...arguments), this.horizontal = !1, this.invalid = !1, this.label = "", this.vertical = !1;
|
|
31
33
|
}
|
|
32
34
|
static get styles() {
|
|
33
|
-
return [
|
|
35
|
+
return [d(f)];
|
|
34
36
|
}
|
|
35
37
|
handleSlotchange() {
|
|
36
38
|
}
|
|
37
39
|
render() {
|
|
38
|
-
return
|
|
40
|
+
return p`
|
|
39
41
|
<div class="group" role="presentation">
|
|
40
42
|
<slot @slotchange=${this.handleSlotchange}></slot>
|
|
41
43
|
</div>
|
|
@@ -15,4 +15,4 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../field-label-
|
|
18
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../field-label-DZoeqJJX.cjs");customElements.get("luzmo-field-label")||customElements.define("luzmo-field-label",e.LuzmoFieldLabel);exports.LuzmoFieldLabel=e.LuzmoFieldLabel;
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
import { L as r } from "../field-label-
|
|
18
|
+
import { L as r } from "../field-label-Cy3xMWZ-.js";
|
|
19
19
|
const l = () => {
|
|
20
20
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
21
21
|
const o = document.createElement("style");
|
|
@@ -15,29 +15,30 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
18
|
+
import { unsafeCSS as b, nothing as m, html as d } from "lit";
|
|
19
|
+
import { property as r, query as g } from "lit/decorators.js";
|
|
20
|
+
import { a as h } from "./base-CdYjmV_8.js";
|
|
20
21
|
import { c, a as u } from "./condition-attribute-with-id-Dv4lSRbe.js";
|
|
21
22
|
import { r as p } from "./random-id-ByCz1xaq.js";
|
|
22
23
|
import { E as z, e as v } from "./element-resolution-FCUT-wql.js";
|
|
23
|
-
import { S as x } from "./sized-mixin-
|
|
24
|
+
import { S as x } from "./sized-mixin-cJbo3PKR.js";
|
|
24
25
|
const k = ":host{box-sizing:border-box;min-block-size:var(--luzmo-field-label-min-height, var(--field-label-min-height));padding-block:var(--luzmo-field-label-padding-block, var(--luzmo-field-label-top-to-text, var(--field-label-top-to-text)) var(--luzmo-field-label-bottom-to-text, var(--field-label-bottom-to-text)));padding-inline:0;padding-inline:var(--luzmo-field-label-padding-inline, 0);margin-block:0;margin-block:var(--luzmo-field-label-margin-block, var(--luzmo-field-label-margin-block-start, 0) var(--luzmo-field-label-margin-block-end, 0));margin-inline:0;margin-inline:var(--luzmo-field-label-margin-inline, var(--luzmo-field-label-margin-inline-start, 0) var(--luzmo-field-label-margin-inline-end, 0));font-size:var(--luzmo-field-label-font-size, var(--field-label-font-size));font-weight:var(--luzmo-field-label-font-weight, var(--field-label-font-weight));line-height:var(--luzmo-field-label-line-height, var(--field-label-line-height));-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;color:var(--luzmo-field-label-color, var(--field-label-color));display:block;font-family:var(--luzmo-field-label-font-family, var(--luzmo-font-family))}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--luzmo-field-label-line-height: var( --luzmo-field-label-line-height-cjk, var(--field-label-line-height-cjk) )}:host([disabled]),:host([disabled]) .required-icon{--luzmo-field-label-color: var( --highcontrast-field-label-disabled-content-color, var( --luzmo-disabled-content-color, var(--field-label-disabled-content-color) ) )}.required-icon{display:inline-block;margin-block:0;margin-inline:var(--luzmo-field-label-text-to-asterisk, var(--field-label-text-to-asterisk)) 0;vertical-align:initial;vertical-align:var(--luzmo-field-label-asterisk-vertical-align, baseline)}:host([side-aligned=start]),:host([side-aligned=end]){vertical-align:top;margin-block-start:0;margin-block-end:0;margin-inline-end:var(--luzmo-field-label-side-padding-right, var(--field-label-side-padding-right));display:inline-flex;align-items:center;font-size:var(--luzmo-field-label-side-aligned-font-size, var(--field-label-side-aligned-font-size));block-size:var(--luzmo-field-label-side-aligned-height, var(--field-label-side-aligned-height))}:host([side-aligned=end]){text-align:end}@media (forced-colors: active){:host{--highcontrast-field-label-disabled-content-color: GrayText}}:host{--field-label-color: var(--luzmo-font-color);--field-label-font-weight: var(--luzmo-font-weight);--field-label-line-height: var(--luzmo-line-height);--field-label-line-height-cjk: 1.5;--field-label-disabled-content-color: var(--luzmo-font-color-disabled)}:host{--field-label-min-height: var(--luzmo-component-height-xs);--field-label-side-aligned-height: var(--luzmo-component-height);--field-label-top-to-text: calc(var(--luzmo-spacing-2));--field-label-bottom-to-text: var(--luzmo-spacing-2);--field-label-side-aligned-font-size: var(--luzmo-font-size);--field-label-font-size: var(--luzmo-font-size-s);--field-label-side-padding-right: var(--luzmo-spacing-4);--field-label-text-to-asterisk: 0px}:host([size=s]){--field-label-min-height: var(--luzmo-component-height-xxs);--field-label-side-aligned-height: var(--luzmo-component-height-s);--field-label-top-to-text: calc(var(--luzmo-spacing-1));--field-label-bottom-to-text: var(--luzmo-spacing-1);--field-label-side-aligned-font-size: var(--luzmo-font-size-s);--field-label-font-size: var(--luzmo-font-size-xs);--field-label-side-padding-right: var(--luzmo-spacing-3);--field-label-text-to-asterisk: 0px}:host([size=l]){--field-label-min-height: var(--luzmo-component-height-xs);--field-label-side-aligned-height: var(--luzmo-component-height-l);--field-label-top-to-text: var(--luzmo-spacing-3);--field-label-bottom-to-text: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--field-label-side-aligned-font-size: var(--luzmo-font-size-l);--field-label-font-size: var(--luzmo-font-size);--field-label-side-padding-right: var(--luzmo-spacing-4);--field-label-text-to-asterisk: var(--luzmo-spacing-1)}:host([size=xl]){--field-label-min-height: var(--luzmo-component-height-s);--field-label-side-aligned-height: var(--luzmo-component-height-xl);--field-label-top-to-text: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--field-label-bottom-to-text: var(--luzmo-spacing-3);--field-label-side-aligned-font-size: var(--luzmo-font-size-xl);--field-label-font-size: var(--luzmo-font-size-l);--field-label-side-padding-right: var(--luzmo-spacing-4);--field-label-text-to-asterisk: var(--luzmo-spacing-1)}label{display:inline-block}";
|
|
25
26
|
var y = Object.defineProperty, o = (s, e, t, l) => {
|
|
26
27
|
for (var i = void 0, a = s.length - 1, f; a >= 0; a--)
|
|
27
28
|
(f = s[a]) && (i = f(e, t, i) || i);
|
|
28
29
|
return i && y(e, t, i), i;
|
|
29
30
|
};
|
|
30
|
-
const
|
|
31
|
+
const w = () => d`
|
|
31
32
|
<div class="icon-container required-icon">*</div>
|
|
32
33
|
`;
|
|
33
|
-
class n extends x(
|
|
34
|
+
class n extends x(h, {
|
|
34
35
|
noDefaultSize: !0
|
|
35
36
|
}) {
|
|
36
37
|
constructor() {
|
|
37
38
|
super(...arguments), this.disabled = !1, this.id = "", this.for = "", this.required = !1, this.resolvedElement = new z(this);
|
|
38
39
|
}
|
|
39
40
|
static get styles() {
|
|
40
|
-
return [
|
|
41
|
+
return [b(k)];
|
|
41
42
|
}
|
|
42
43
|
handleClick(e) {
|
|
43
44
|
if (!this.target || this.disabled || e.defaultPrevented)
|
|
@@ -72,7 +73,7 @@ class n extends x(b, {
|
|
|
72
73
|
return d`
|
|
73
74
|
<label>
|
|
74
75
|
<slot></slot>
|
|
75
|
-
${this.required ? d` ${
|
|
76
|
+
${this.required ? d` ${w()} ` : m}
|
|
76
77
|
</label>
|
|
77
78
|
`;
|
|
78
79
|
}
|
|
@@ -96,7 +97,7 @@ o([
|
|
|
96
97
|
r({ type: Boolean, reflect: !0 })
|
|
97
98
|
], n.prototype, "required");
|
|
98
99
|
o([
|
|
99
|
-
|
|
100
|
+
g("slot")
|
|
100
101
|
], n.prototype, "slotEl");
|
|
101
102
|
o([
|
|
102
103
|
r({ type: String, reflect: !0, attribute: "side-aligned" })
|
|
@@ -0,0 +1,25 @@
|
|
|
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";const s=require("lit"),n=require("lit/decorators.js"),h=require("./base-5nDSSNeT.cjs"),b=require("./condition-attribute-with-id-DrQYZzFS.cjs"),c=require("./random-id-CqvckpWe.cjs"),g=require("./element-resolution-BvRLGqIU.cjs"),m=require("./sized-mixin-DcvJLFeo.cjs"),u=":host{box-sizing:border-box;min-block-size:var(--luzmo-field-label-min-height, var(--field-label-min-height));padding-block:var(--luzmo-field-label-padding-block, var(--luzmo-field-label-top-to-text, var(--field-label-top-to-text)) var(--luzmo-field-label-bottom-to-text, var(--field-label-bottom-to-text)));padding-inline:0;padding-inline:var(--luzmo-field-label-padding-inline, 0);margin-block:0;margin-block:var(--luzmo-field-label-margin-block, var(--luzmo-field-label-margin-block-start, 0) var(--luzmo-field-label-margin-block-end, 0));margin-inline:0;margin-inline:var(--luzmo-field-label-margin-inline, var(--luzmo-field-label-margin-inline-start, 0) var(--luzmo-field-label-margin-inline-end, 0));font-size:var(--luzmo-field-label-font-size, var(--field-label-font-size));font-weight:var(--luzmo-field-label-font-weight, var(--field-label-font-weight));line-height:var(--luzmo-field-label-line-height, var(--field-label-line-height));-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;color:var(--luzmo-field-label-color, var(--field-label-color));display:block;font-family:var(--luzmo-field-label-font-family, var(--luzmo-font-family))}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--luzmo-field-label-line-height: var( --luzmo-field-label-line-height-cjk, var(--field-label-line-height-cjk) )}:host([disabled]),:host([disabled]) .required-icon{--luzmo-field-label-color: var( --highcontrast-field-label-disabled-content-color, var( --luzmo-disabled-content-color, var(--field-label-disabled-content-color) ) )}.required-icon{display:inline-block;margin-block:0;margin-inline:var(--luzmo-field-label-text-to-asterisk, var(--field-label-text-to-asterisk)) 0;vertical-align:initial;vertical-align:var(--luzmo-field-label-asterisk-vertical-align, baseline)}:host([side-aligned=start]),:host([side-aligned=end]){vertical-align:top;margin-block-start:0;margin-block-end:0;margin-inline-end:var(--luzmo-field-label-side-padding-right, var(--field-label-side-padding-right));display:inline-flex;align-items:center;font-size:var(--luzmo-field-label-side-aligned-font-size, var(--field-label-side-aligned-font-size));block-size:var(--luzmo-field-label-side-aligned-height, var(--field-label-side-aligned-height))}:host([side-aligned=end]){text-align:end}@media (forced-colors: active){:host{--highcontrast-field-label-disabled-content-color: GrayText}}:host{--field-label-color: var(--luzmo-font-color);--field-label-font-weight: var(--luzmo-font-weight);--field-label-line-height: var(--luzmo-line-height);--field-label-line-height-cjk: 1.5;--field-label-disabled-content-color: var(--luzmo-font-color-disabled)}:host{--field-label-min-height: var(--luzmo-component-height-xs);--field-label-side-aligned-height: var(--luzmo-component-height);--field-label-top-to-text: calc(var(--luzmo-spacing-2));--field-label-bottom-to-text: var(--luzmo-spacing-2);--field-label-side-aligned-font-size: var(--luzmo-font-size);--field-label-font-size: var(--luzmo-font-size-s);--field-label-side-padding-right: var(--luzmo-spacing-4);--field-label-text-to-asterisk: 0px}:host([size=s]){--field-label-min-height: var(--luzmo-component-height-xxs);--field-label-side-aligned-height: var(--luzmo-component-height-s);--field-label-top-to-text: calc(var(--luzmo-spacing-1));--field-label-bottom-to-text: var(--luzmo-spacing-1);--field-label-side-aligned-font-size: var(--luzmo-font-size-s);--field-label-font-size: var(--luzmo-font-size-xs);--field-label-side-padding-right: var(--luzmo-spacing-3);--field-label-text-to-asterisk: 0px}:host([size=l]){--field-label-min-height: var(--luzmo-component-height-xs);--field-label-side-aligned-height: var(--luzmo-component-height-l);--field-label-top-to-text: var(--luzmo-spacing-3);--field-label-bottom-to-text: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--field-label-side-aligned-font-size: var(--luzmo-font-size-l);--field-label-font-size: var(--luzmo-font-size);--field-label-side-padding-right: var(--luzmo-spacing-4);--field-label-text-to-asterisk: var(--luzmo-spacing-1)}:host([size=xl]){--field-label-min-height: var(--luzmo-component-height-s);--field-label-side-aligned-height: var(--luzmo-component-height-xl);--field-label-top-to-text: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--field-label-bottom-to-text: var(--luzmo-spacing-3);--field-label-side-aligned-font-size: var(--luzmo-font-size-xl);--field-label-font-size: var(--luzmo-font-size-l);--field-label-side-padding-right: var(--luzmo-spacing-4);--field-label-text-to-asterisk: var(--luzmo-spacing-1)}label{display:inline-block}";var p=Object.defineProperty,r=(d,e,i,l)=>{for(var t=void 0,a=d.length-1,f;a>=0;a--)(f=d[a])&&(t=f(e,i,t)||t);return t&&p(e,i,t),t};const z=()=>s.html`
|
|
19
|
+
<div class="icon-container required-icon">*</div>
|
|
20
|
+
`;class o extends m.SizedMixin(h.LuzmoElement,{noDefaultSize:!0}){constructor(){super(...arguments),this.disabled=!1,this.id="",this.for="",this.required=!1,this.resolvedElement=new g.ElementResolutionController(this)}static get styles(){return[s.unsafeCSS(u)]}handleClick(e){if(!this.target||this.disabled||e.defaultPrevented)return;this.target.focus();const i=this.getRootNode(),l=this.target,t=l.getRootNode(),a=t.host;t===i&&l.forceFocusVisible?l.forceFocusVisible():a&&a.forceFocusVisible&&a.forceFocusVisible()}applyTargetLabel(e){if(this.target=e||this.target,this.target){const i=this.target.applyFocusElementLabel,l=this.target.focusElement||this.target,t=l.getRootNode();i!==void 0?i(this.labelText,this):t===this.getRootNode()?(e?b.conditionAttributeWithId:b.conditionAttributeWithoutId)(l,"aria-labelledby",[this.id]):e?l.setAttribute("aria-label",this.labelText):l.removeAttribute("aria-label")}}async manageTarget(){this.applyTargetLabel();const e=this.resolvedElement.element;if(!e){this.target=e;return}e.localName.search("-")>0&&await customElements.whenDefined(e.localName),e.updateComplete!==void 0&&await e.updateComplete,this.applyTargetLabel(e)}get labelText(){const e=this.slotEl.assignedNodes({flatten:!0});return e.length===0?"":e.map(l=>(l.textContent||"").trim()).join(" ")}render(){return s.html`
|
|
21
|
+
<label>
|
|
22
|
+
<slot></slot>
|
|
23
|
+
${this.required?s.html` ${z()} `:s.nothing}
|
|
24
|
+
</label>
|
|
25
|
+
`}firstUpdated(e){super.firstUpdated(e),this.addEventListener("click",this.handleClick)}willUpdate(e){this.hasAttribute("id")||this.setAttribute("id",`${this.tagName.toLowerCase()}-${c.randomID()}`),e.has("for")&&(this.resolvedElement.selector=this.for?`#${this.for}`:""),(e.has("id")||e.has(g.elementResolverUpdatedSymbol))&&this.manageTarget()}}r([n.property({type:Boolean,reflect:!0})],o.prototype,"disabled");r([n.property({type:String})],o.prototype,"id");r([n.property({type:String})],o.prototype,"for");r([n.property({type:Boolean,reflect:!0})],o.prototype,"required");r([n.query("slot")],o.prototype,"slotEl");r([n.property({type:String,reflect:!0,attribute:"side-aligned"})],o.prototype,"sideAligned");exports.LuzmoFieldLabel=o;
|
|
@@ -15,7 +15,8 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
import {
|
|
18
|
+
import { property as o } from "lit/decorators.js";
|
|
19
|
+
import { a as d } from "./base-CdYjmV_8.js";
|
|
19
20
|
import { F as b } from "./focus-visible-BvScGDCE.js";
|
|
20
21
|
var f = Object.defineProperty, m = Object.getOwnPropertyDescriptor, l = (a, t, e, i) => {
|
|
21
22
|
for (var s = i > 1 ? void 0 : i ? m(t, e) : t, n = a.length - 1, u; n >= 0; n--)
|