@luzmo/analytics-components-kit 1.0.1-alpha.5 → 1.0.1-alpha.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/{async-directive-FGzMycjH-CeG35vZ3.cjs → async-directive-DWRUSKKF-C2JoUGYR.cjs} +3 -3
- package/components/{async-directive-FGzMycjH-Bgeca09f.js → async-directive-DWRUSKKF-CNTJHpgh.js} +1 -1
- package/components/{button-base-CDLQV7Vk-C_3zTrbV.js → button-base-B7v4eeRh-B4fczZlv.js} +3 -3
- package/components/{button-base-CDLQV7Vk-BXgdcJZo.cjs → button-base-B7v4eeRh-CjngVDsD.cjs} +4 -4
- package/components/{checkbox-mixin-DXUIwtea-wiCZr_KI.js → checkbox-mixin-BFGTmw17-BR4ufh0S.js} +6 -6
- package/components/{checkbox-mixin-DXUIwtea-DNISZS47.cjs → checkbox-mixin-BFGTmw17-lIHmn1jk.cjs} +4 -4
- package/components/{directive-helpers-BLDZnGQv-DYFfxaqA.cjs → directive-helpers-nlQRAaQt-CQ_hWlbQ.cjs} +2 -2
- package/components/{directive-helpers-BLDZnGQv-oKMCBvb2.js → directive-helpers-nlQRAaQt-arNFWD5u.js} +10 -10
- package/components/display-settings/index.cjs +3 -3
- package/components/display-settings/index.js +11 -11
- package/components/display-settings-binning/display-settings-binning.d.ts +2 -2
- package/components/display-settings-binning/index.cjs +5 -5
- package/components/display-settings-binning/index.js +17 -18
- package/components/display-settings-datetime/index.cjs +1 -1
- package/components/display-settings-datetime/index.js +1 -1
- package/components/display-settings-grand-totals/index.cjs +2 -2
- package/components/display-settings-grand-totals/index.js +12 -12
- package/components/display-settings-numeric/index.cjs +2 -2
- package/components/display-settings-numeric/index.js +36 -36
- package/components/display-settings-period-over-period/index.cjs +5 -5
- package/components/display-settings-period-over-period/index.js +85 -85
- package/components/draggable-data-item/index.cjs +2 -2
- package/components/draggable-data-item/index.js +2 -2
- package/components/draggable-data-item-level/index.cjs +5 -5
- package/components/draggable-data-item-level/index.js +85 -85
- package/components/droppable-slot/index.cjs +4 -4
- package/components/droppable-slot/index.js +8 -8
- package/components/edit-item/index.cjs +7 -7
- package/components/edit-item/index.js +72 -72
- package/components/edit-option/index.cjs +3 -3
- package/components/edit-option/index.js +3 -3
- package/components/edit-option-action-button-group/index.cjs +2 -2
- package/components/edit-option-action-button-group/index.js +37 -37
- package/components/{edit-option-base-DnrerC_T.cjs → edit-option-base-Ck3NFAli.cjs} +2 -2
- package/components/{edit-option-base-oIvlolV9.js → edit-option-base-w3UBiCoU.js} +4 -4
- package/components/edit-option-color-picker/index.cjs +33 -33
- package/components/edit-option-color-picker/index.js +131 -131
- package/components/edit-option-multi-language-field/index.cjs +1 -1
- package/components/edit-option-multi-language-field/index.js +3 -3
- package/components/edit-option-number-field/index.cjs +1 -1
- package/components/edit-option-number-field/index.js +3 -3
- package/components/edit-option-picker/index.cjs +1 -1
- package/components/edit-option-picker/index.js +4 -4
- package/components/edit-option-positions-number-field/index.cjs +3 -3
- package/components/edit-option-positions-number-field/index.js +7 -7
- package/components/edit-option-radio-button-group/index.cjs +1 -1
- package/components/edit-option-radio-button-group/index.js +4 -4
- package/components/edit-option-slider/index.cjs +3 -3
- package/components/edit-option-slider/index.js +217 -217
- package/components/edit-option-switch/index.cjs +4 -4
- package/components/edit-option-switch/index.js +30 -30
- package/components/edit-option-text-field/index.cjs +1 -1
- package/components/edit-option-text-field/index.js +3 -3
- package/components/{en-GB-g8rSQSba.cjs → en-BvtH5B9A.cjs} +1 -1
- package/components/en-CN4CDOzo.js +23 -0
- package/components/{en-GB-qub-Kemt.js → en-GB-BMvD7axC.js} +1 -1
- package/components/en-GB-DrOGXwdM.cjs +20 -0
- package/components/en-US-BvtH5B9A.cjs +20 -0
- package/components/en-US-CN4CDOzo.js +23 -0
- package/components/{if-defined-CYpcjGCb-Bzbg7zmM.cjs → if-defined-BSAr_4u4-CNmaFBUP.cjs} +2 -2
- package/components/{if-defined-CYpcjGCb-tXzyj9Dq.js → if-defined-BSAr_4u4-CVDyXUmc.js} +4 -4
- package/components/{if-defined-Ch2dtEOS.js → if-defined-_S7apvH1.js} +1 -1
- package/components/{if-defined-DMSuo5Qx.cjs → if-defined-aQZR75uI.cjs} +1 -1
- package/components/{index-B0cBkCaq.cjs → index-B0ZqIWfU.cjs} +4 -4
- package/components/{index-DQiQXn8N.cjs → index-BEi8DTwW.cjs} +1 -1
- package/components/{index-3ewegRbb.cjs → index-Bti4K2L2.cjs} +4 -4
- package/components/{index-BGaxFTL4.js → index-BuW8doNV.js} +4 -4
- package/components/{index-Bofs4Q2E.cjs → index-BxFGd_xp.cjs} +1 -1
- package/components/{index-liTHhAef.cjs → index-ByfMhxDr.cjs} +2 -2
- package/components/{index-Cp-lHUlX.js → index-C44nA7Wn.js} +3 -3
- package/components/{index-BqTdFs1o.js → index-CHLcEawI.js} +3 -3
- package/components/{index-CTPox3yS.cjs → index-CKbGBBId.cjs} +3 -3
- package/components/{index-C2qG2Sm8-BQUlk-w0.js → index-CMvLpPKD-CgGXdNKs.js} +20 -20
- package/components/{index-C2qG2Sm8-CbVWlbag.cjs → index-CMvLpPKD-DoxJRhRP.cjs} +14 -14
- package/components/index-CQjWiSIp.cjs +202 -0
- package/components/{index-B2N_PZf3.js → index-C_Cxv6xn.js} +4 -4
- package/components/index-C_xCeCrL.cjs +185 -0
- package/components/{index-C_3Ak4MQ.cjs → index-CdHFj3ra.cjs} +5 -5
- package/components/{index-DskAouD-.js → index-Ci0Pe5UA.js} +4 -4
- package/components/{index-CayjvyyX.cjs → index-DC2Pby0z.cjs} +4 -4
- package/components/index-DDleIdd8.cjs +192 -0
- package/components/{index-CtHO6VyI.cjs → index-DLrQ4hc5.cjs} +4 -4
- package/components/{index-BC-nmKjU.js → index-DMbzEC_s.js} +13 -13
- package/components/{index-BRk42NQn.js → index-DUlH3hbL.js} +166 -166
- package/components/{en-BsAhbMzm.js → index-DeyQ1JGg.js} +404 -411
- package/components/{index-B2z7i1-X.js → index-DiSrnT1e.js} +7 -7
- package/components/{index-DVaeDCbe.js → index-Dkom_Qy5.js} +1 -1
- package/components/{index-ON4x-yZ7.cjs → index-DxXcY78P.cjs} +2 -2
- package/components/{index-D9vzXhtJ.cjs → index-EkTLplXl.cjs} +8 -8
- package/components/{index-BD3VxQBH.js → index-FSUV_4nO.js} +1 -1
- package/components/{index-CkDDDzuJ.js → index-Pmv-d4iw.js} +25 -25
- package/components/{index-DszPbTTD.js → index-aLxc3xA_.js} +17 -17
- package/components/{index-EQldC-LR.js → index-dJXOanPE.js} +4 -4
- package/components/{index-gfU9TGd5.cjs → index-f8GtjOLn.cjs} +3 -3
- package/components/{index-B5VaT0lQ.js → index-fbS4OrPM.js} +3 -3
- package/components/index.cjs +1 -1
- package/components/index.js +1 -1
- package/components/{language-resolution-8yZa5r_P-CTSmbE1U.js → language-resolution-8yZa5r_P-CLZhU076.js} +3 -3
- package/components/{language-resolution-8yZa5r_P-DQ3rZzW5.cjs → language-resolution-8yZa5r_P-CpbzT4ej.cjs} +3 -3
- package/components/{observe-slot-text-BG0H7bQK-CrkAqUMj.cjs → observe-slot-text-ggb4kKgY-DqsddtTd.cjs} +4 -4
- package/components/{observe-slot-text-BG0H7bQK-C0wmc4DO.js → observe-slot-text-ggb4kKgY-yUxhPbbJ.js} +4 -4
- package/components/{popover-bg0EQQ8p-D4-hrhIx.js → popover-DlkzrLpl-DFIvgCjc.js} +3 -3
- package/components/{popover-bg0EQQ8p-Dha09dhV.cjs → popover-DlkzrLpl-TYw7ejnD.cjs} +5 -5
- package/components/{property-CD3dwBJC.js → property-CXJD1jOW.js} +661 -628
- package/components/property-ChsOQ1Yj.cjs +112 -0
- package/components/{sized-mixin-PyCYpyQq-B40Ek2UB.js → sized-mixin-BxMraZLS-Dc6r-Wg4.js} +1 -1
- package/components/{sized-mixin-PyCYpyQq-sKzDjc75.cjs → sized-mixin-BxMraZLS-w9I35lP7.cjs} +2 -2
- package/components/slot-menu/index.cjs +4 -4
- package/components/slot-menu/index.js +4 -4
- package/components/slot-menu-list/index.cjs +3 -3
- package/components/slot-menu-list/index.js +19 -19
- package/components/{state-ByiKNRhp.cjs → state-DLrsMPet.cjs} +1 -1
- package/components/{state-B1a8XIDm.js → state-DwFtyqCc.js} +1 -1
- package/components/{task-HFsHfTra.cjs → task-CgK9ztaw.cjs} +1 -1
- package/components/{task-BPD0PyaQ.js → task-DYLITx7R.js} +1 -1
- package/components/{text-field-7ITo3Lac-DqVO04kR.js → text-field-CvKSS59x-BzSqtt2_.js} +29 -29
- package/components/text-field-CvKSS59x-D0MM0fDH.cjs +131 -0
- package/package.json +1 -1
- package/components/en-CdROUdjt.cjs +0 -202
- package/components/index-Bjs6Yqet.cjs +0 -185
- package/components/index-D4x-O9Uc.cjs +0 -192
- package/components/luzmo-icons-BrtBl3E5.cjs +0 -31
- package/components/luzmo-icons-CZEpXpvy.js +0 -613
- package/components/property-Su1Q6aME.cjs +0 -124
- package/components/text-field-7ITo3Lac-CKXsSqJP.cjs +0 -131
@@ -0,0 +1,202 @@
|
|
1
|
+
/*! * A kit of modern Luzmo Web Components for analytics in your web application.
|
2
|
+
*
|
3
|
+
* Copyright © 2024 Luzmo
|
4
|
+
* All rights reserved.
|
5
|
+
* Luzmo web components (“Luzmo Web Components”)
|
6
|
+
* must be used according to the Luzmo Terms of Service.
|
7
|
+
* This license allows users with a current active Luzmo account
|
8
|
+
* to use the Luzmo Web Components. This license terminates
|
9
|
+
* automatically if a user no longer has an active Luzmo account.
|
10
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
11
|
+
*
|
12
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
13
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
14
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
15
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
16
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
17
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
18
|
+
* SOFTWARE.
|
19
|
+
* */
|
20
|
+
"use strict";const vt=require("./task-CgK9ztaw.cjs");require("./index-DLrQ4hc5.cjs");require("./index-CKbGBBId.cjs");require("./index-CdHFj3ra.cjs");require("./index-ByfMhxDr.cjs");require("./index-EkTLplXl.cjs");require("./index-C_xCeCrL.cjs");require("./index-Bti4K2L2.cjs");const T=require("./property-ChsOQ1Yj.cjs"),Ae=require("./sized-mixin-BxMraZLS-w9I35lP7.cjs"),te=require("@luzmo/icons"),q=require("./localize-DbobqcKs.cjs"),Mt=require("./decompose-numeric-format-B3rVVHpO.cjs"),I=require("./query-D5qWDopr.cjs");function kt(e){return Math.abs(e=Math.round(e))>=1e21?e.toLocaleString("en").replace(/,/g,""):e.toString(10)}function fe(e,t){if((r=(e=t?e.toExponential(t-1):e.toExponential()).indexOf("e"))<0)return null;var r,n=e.slice(0,r);return[n.length>1?n[0]+n.slice(2):n,+e.slice(r+1)]}function St(e){return e=fe(Math.abs(e)),e?e[1]:NaN}function bt(e,t){return function(r,n){for(var s=r.length,a=[],l=0,_=e[0],b=0;s>0&&_>0&&(b+_+1>n&&(_=Math.max(1,n-b)),a.push(r.substring(s-=_,s+_)),!((b+=_+1)>n));)_=e[l=(l+1)%e.length];return a.reverse().join(t)}}function wt(e){return function(t){return t.replace(/[0-9]/g,function(r){return e[+r]})}}var Tt=/^(?:(.)?([<>=^]))?([+\-( ])?([$#])?(0)?(\d+)?(,)?(\.\d+)?(~)?([a-z%])?$/i;function Te(e){if(!(t=Tt.exec(e)))throw new Error("invalid format: "+e);var t;return new Ye({fill:t[1],align:t[2],sign:t[3],symbol:t[4],zero:t[5],width:t[6],comma:t[7],precision:t[8]&&t[8].slice(1),trim:t[9],type:t[10]})}Te.prototype=Ye.prototype;function Ye(e){this.fill=e.fill===void 0?" ":e.fill+"",this.align=e.align===void 0?">":e.align+"",this.sign=e.sign===void 0?"-":e.sign+"",this.symbol=e.symbol===void 0?"":e.symbol+"",this.zero=!!e.zero,this.width=e.width===void 0?void 0:+e.width,this.comma=!!e.comma,this.precision=e.precision===void 0?void 0:+e.precision,this.trim=!!e.trim,this.type=e.type===void 0?"":e.type+""}Ye.prototype.toString=function(){return this.fill+this.align+this.sign+this.symbol+(this.zero?"0":"")+(this.width===void 0?"":Math.max(1,this.width|0))+(this.comma?",":"")+(this.precision===void 0?"":"."+Math.max(0,this.precision|0))+(this.trim?"~":"")+this.type};function zt(e){e:for(var t=e.length,r=1,n=-1,s;r<t;++r)switch(e[r]){case".":n=s=r;break;case"0":n===0&&(n=r),s=r;break;default:if(!+e[r])break e;n>0&&(n=0);break}return n>0?e.slice(0,n)+e.slice(s+1):e}var Xe;function Ft(e,t){var r=fe(e,t);if(!r)return e+"";var n=r[0],s=r[1],a=s-(Xe=Math.max(-8,Math.min(8,Math.floor(s/3)))*3)+1,l=n.length;return a===l?n:a>l?n+new Array(a-l+1).join("0"):a>0?n.slice(0,a)+"."+n.slice(a):"0."+new Array(1-a).join("0")+fe(e,Math.max(0,t+a-1))[0]}function Le(e,t){var r=fe(e,t);if(!r)return e+"";var n=r[0],s=r[1];return s<0?"0."+new Array(-s).join("0")+n:n.length>s+1?n.slice(0,s+1)+"."+n.slice(s+1):n+new Array(s-n.length+2).join("0")}const $e={"%":(e,t)=>(e*100).toFixed(t),b:e=>Math.round(e).toString(2),c:e=>e+"",d:kt,e:(e,t)=>e.toExponential(t),f:(e,t)=>e.toFixed(t),g:(e,t)=>e.toPrecision(t),o:e=>Math.round(e).toString(8),p:(e,t)=>Le(e*100,t),r:Le,s:Ft,X:e=>Math.round(e).toString(16).toUpperCase(),x:e=>Math.round(e).toString(16)};function Ne(e){return e}var We=Array.prototype.map,qe=["y","z","a","f","p","n","µ","m","","k","M","G","T","P","E","Z","Y"];function Dt(e){var t=e.grouping===void 0||e.thousands===void 0?Ne:bt(We.call(e.grouping,Number),e.thousands+""),r=e.currency===void 0?"":e.currency[0]+"",n=e.currency===void 0?"":e.currency[1]+"",s=e.decimal===void 0?".":e.decimal+"",a=e.numerals===void 0?Ne:wt(We.call(e.numerals,String)),l=e.percent===void 0?"%":e.percent+"",_=e.minus===void 0?"−":e.minus+"",b=e.nan===void 0?"NaN":e.nan+"";function u(y){y=Te(y);var H=y.fill,m=y.align,c=y.sign,d=y.symbol,k=y.zero,h=y.width,Y=y.comma,S=y.precision,D=y.trim,g=y.type;g==="n"?(Y=!0,g="g"):$e[g]||(S===void 0&&(S=12),D=!0,g="g"),(k||H==="0"&&m==="=")&&(k=!0,H="0",m="=");var F=d==="$"?r:d==="#"&&/[boxX]/.test(g)?"0"+g.toLowerCase():"",he=d==="$"?n:/[%p]/.test(g)?l:"",R=$e[g],_e=/[defgprs%]/.test(g);S=S===void 0?6:/[gprs]/.test(g)?Math.max(1,Math.min(21,S)):Math.max(0,Math.min(20,S));function de(p){var O=F,A=he,Q,ce,X;if(g==="c")A=R(p)+A,p="";else{p=+p;var K=p<0||1/p<0;if(p=isNaN(p)?b:R(Math.abs(p),S),D&&(p=zt(p)),K&&+p==0&&c!=="+"&&(K=!1),O=(K?c==="("?c:_:c==="-"||c==="("?"":c)+O,A=(g==="s"?qe[8+Xe/3]:"")+A+(K&&c==="("?")":""),_e){for(Q=-1,ce=p.length;++Q<ce;)if(X=p.charCodeAt(Q),48>X||X>57){A=(X===46?s+p.slice(Q+1):p.slice(Q))+A,p=p.slice(0,Q);break}}}Y&&!k&&(p=t(p,1/0));var ee=O.length+p.length+A.length,E=ee<h?new Array(h-ee+1).join(H):"";switch(Y&&k&&(p=t(E+p,E.length?h-A.length:1/0),E=""),m){case"<":p=O+p+A+E;break;case"=":p=O+E+p+A;break;case"^":p=E.slice(0,ee=E.length>>1)+O+p+A+E.slice(ee);break;default:p=E+O+p+A;break}return a(p)}return de.toString=function(){return y+""},de}function w(y,H){var m=u((y=Te(y),y.type="f",y)),c=Math.max(-8,Math.min(8,Math.floor(St(H)/3)))*3,d=Math.pow(10,-c),k=qe[8+c/3];return function(h){return m(d*h)+k}}return{format:u,formatPrefix:w}}const ve=new Date,Me=new Date;function C(e,t,r,n){function s(a){return e(a=arguments.length===0?new Date:new Date(+a)),a}return s.floor=a=>(e(a=new Date(+a)),a),s.ceil=a=>(e(a=new Date(a-1)),t(a,1),e(a),a),s.round=a=>{const l=s(a),_=s.ceil(a);return a-l<_-a?l:_},s.offset=(a,l)=>(t(a=new Date(+a),l==null?1:Math.floor(l)),a),s.range=(a,l,_)=>{const b=[];if(a=s.ceil(a),_=_==null?1:Math.floor(_),!(a<l)||!(_>0))return b;let u;do b.push(u=new Date(+a)),t(a,_),e(a);while(u<a&&a<l);return b},s.filter=a=>C(l=>{if(l>=l)for(;e(l),!a(l);)l.setTime(l-1)},(l,_)=>{if(l>=l)if(_<0)for(;++_<=0;)for(;t(l,-1),!a(l););else for(;--_>=0;)for(;t(l,1),!a(l););}),r&&(s.count=(a,l)=>(ve.setTime(+a),Me.setTime(+l),e(ve),e(Me),Math.floor(r(ve,Me))),s.every=a=>(a=Math.floor(a),!isFinite(a)||!(a>0)?null:a>1?s.filter(n?l=>n(l)%a===0:l=>s.count(0,l)%a===0):s)),s}const le=1e3,V=le*60,me=V*60,ue=me*24,Ke=ue*7,et=C(e=>{e.setTime(e-e.getMilliseconds())},(e,t)=>{e.setTime(+e+t*le)},(e,t)=>(t-e)/le,e=>e.getUTCSeconds());et.range;const tt=C(e=>{e.setTime(e-e.getMilliseconds()-e.getSeconds()*le)},(e,t)=>{e.setTime(+e+t*V)},(e,t)=>(t-e)/V,e=>e.getMinutes());tt.range;const Yt=C(e=>{e.setUTCSeconds(0,0)},(e,t)=>{e.setTime(+e+t*V)},(e,t)=>(t-e)/V,e=>e.getUTCMinutes());Yt.range;const rt=C(e=>{e.setTime(e-e.getMilliseconds()-e.getSeconds()*le-e.getMinutes()*V)},(e,t)=>{e.setTime(+e+t*me)},(e,t)=>(t-e)/me,e=>e.getHours());rt.range;const xt=C(e=>{e.setUTCMinutes(0,0,0)},(e,t)=>{e.setTime(+e+t*me)},(e,t)=>(t-e)/me,e=>e.getUTCHours());xt.range;const pe=C(e=>e.setHours(0,0,0,0),(e,t)=>e.setDate(e.getDate()+t),(e,t)=>(t-e-(t.getTimezoneOffset()-e.getTimezoneOffset())*V)/ue,e=>e.getDate()-1);pe.range;const xe=C(e=>{e.setUTCHours(0,0,0,0)},(e,t)=>{e.setUTCDate(e.getUTCDate()+t)},(e,t)=>(t-e)/ue,e=>e.getUTCDate()-1);xe.range;const Ct=C(e=>{e.setUTCHours(0,0,0,0)},(e,t)=>{e.setUTCDate(e.getUTCDate()+t)},(e,t)=>(t-e)/ue,e=>Math.floor(e/ue));Ct.range;function B(e){return C(t=>{t.setDate(t.getDate()-(t.getDay()+7-e)%7),t.setHours(0,0,0,0)},(t,r)=>{t.setDate(t.getDate()+r*7)},(t,r)=>(r-t-(r.getTimezoneOffset()-t.getTimezoneOffset())*V)/Ke)}const Ce=B(0),ye=B(1),Ut=B(2),At=B(3),ne=B(4),Lt=B(5),$t=B(6);Ce.range;ye.range;Ut.range;At.range;ne.range;Lt.range;$t.range;function J(e){return C(t=>{t.setUTCDate(t.getUTCDate()-(t.getUTCDay()+7-e)%7),t.setUTCHours(0,0,0,0)},(t,r)=>{t.setUTCDate(t.getUTCDate()+r*7)},(t,r)=>(r-t)/Ke)}const nt=J(0),ge=J(1),Nt=J(2),Wt=J(3),ae=J(4),qt=J(5),Et=J(6);nt.range;ge.range;Nt.range;Wt.range;ae.range;qt.range;Et.range;const at=C(e=>{e.setDate(1),e.setHours(0,0,0,0)},(e,t)=>{e.setMonth(e.getMonth()+t)},(e,t)=>t.getMonth()-e.getMonth()+(t.getFullYear()-e.getFullYear())*12,e=>e.getMonth());at.range;const Ht=C(e=>{e.setUTCDate(1),e.setUTCHours(0,0,0,0)},(e,t)=>{e.setUTCMonth(e.getUTCMonth()+t)},(e,t)=>t.getUTCMonth()-e.getUTCMonth()+(t.getUTCFullYear()-e.getUTCFullYear())*12,e=>e.getUTCMonth());Ht.range;const G=C(e=>{e.setMonth(0,1),e.setHours(0,0,0,0)},(e,t)=>{e.setFullYear(e.getFullYear()+t)},(e,t)=>t.getFullYear()-e.getFullYear(),e=>e.getFullYear());G.every=e=>!isFinite(e=Math.floor(e))||!(e>0)?null:C(t=>{t.setFullYear(Math.floor(t.getFullYear()/e)*e),t.setMonth(0,1),t.setHours(0,0,0,0)},(t,r)=>{t.setFullYear(t.getFullYear()+r*e)});G.range;const j=C(e=>{e.setUTCMonth(0,1),e.setUTCHours(0,0,0,0)},(e,t)=>{e.setUTCFullYear(e.getUTCFullYear()+t)},(e,t)=>t.getUTCFullYear()-e.getUTCFullYear(),e=>e.getUTCFullYear());j.every=e=>!isFinite(e=Math.floor(e))||!(e>0)?null:C(t=>{t.setUTCFullYear(Math.floor(t.getUTCFullYear()/e)*e),t.setUTCMonth(0,1),t.setUTCHours(0,0,0,0)},(t,r)=>{t.setUTCFullYear(t.getUTCFullYear()+r*e)});j.range;function ke(e){if(0<=e.y&&e.y<100){var t=new Date(-1,e.m,e.d,e.H,e.M,e.S,e.L);return t.setFullYear(e.y),t}return new Date(e.y,e.m,e.d,e.H,e.M,e.S,e.L)}function Se(e){if(0<=e.y&&e.y<100){var t=new Date(Date.UTC(-1,e.m,e.d,e.H,e.M,e.S,e.L));return t.setUTCFullYear(e.y),t}return new Date(Date.UTC(e.y,e.m,e.d,e.H,e.M,e.S,e.L))}function oe(e,t,r){return{y:e,m:t,d:r,H:0,M:0,S:0,L:0}}function ze(e){var t=e.dateTime,r=e.date,n=e.time,s=e.periods,a=e.days,l=e.shortDays,_=e.months,b=e.shortMonths,u=se(s),w=ie(s),y=se(a),H=ie(a),m=se(l),c=ie(l),d=se(_),k=ie(_),h=se(b),Y=ie(b),S={a:K,A:ee,b:E,B:ut,c:null,d:Qe,e:Qe,f:mr,g:vr,G:kr,H:sr,I:ir,j:lr,L:ot,m:ur,M:hr,p:ht,q:dt,Q:Re,s:Ze,S:dr,u:cr,U:fr,V:yr,w:gr,W:pr,x:null,X:null,y:_r,Y:Mr,Z:Sr,"%":Ge},D={a:ct,A:ft,b:yt,B:gt,c:null,d:Ve,e:Ve,f:zr,g:Nr,G:qr,H:br,I:wr,j:Tr,L:it,m:Fr,M:Dr,p:pt,q:_t,Q:Re,s:Ze,S:Yr,u:xr,U:Cr,V:Ur,w:Ar,W:Lr,x:null,X:null,y:$r,Y:Wr,Z:Er,"%":Ge},g={a:de,A:p,b:O,B:A,c:Q,d:Oe,e:Oe,f:rr,g:Ie,G:He,H:Pe,I:Pe,j:Xt,L:tr,m:Jt,M:Kt,p:_e,q:Bt,Q:ar,s:or,S:er,u:Vt,U:Gt,V:Rt,w:Qt,W:Zt,x:ce,X,y:Ie,Y:He,Z:jt,"%":nr};S.x=F(r,S),S.X=F(n,S),S.c=F(t,S),D.x=F(r,D),D.X=F(n,D),D.c=F(t,D);function F(i,f){return function(v){var o=[],L=-1,z=0,N=i.length,W,Z,Ue;for(v instanceof Date||(v=new Date(+v));++L<N;)i.charCodeAt(L)===37&&(o.push(i.slice(z,L)),(Z=Ee[W=i.charAt(++L)])!=null?W=i.charAt(++L):Z=W==="e"?" ":"0",(Ue=f[W])&&(W=Ue(v,Z)),o.push(W),z=L+1);return o.push(i.slice(z,L)),o.join("")}}function he(i,f){return function(v){var o=oe(1900,void 0,1),L=R(o,i,v+="",0),z,N;if(L!=v.length)return null;if("Q"in o)return new Date(o.Q);if("s"in o)return new Date(o.s*1e3+("L"in o?o.L:0));if(f&&!("Z"in o)&&(o.Z=0),"p"in o&&(o.H=o.H%12+o.p*12),o.m===void 0&&(o.m="q"in o?o.q:0),"V"in o){if(o.V<1||o.V>53)return null;"w"in o||(o.w=1),"Z"in o?(z=Se(oe(o.y,0,1)),N=z.getUTCDay(),z=N>4||N===0?ge.ceil(z):ge(z),z=xe.offset(z,(o.V-1)*7),o.y=z.getUTCFullYear(),o.m=z.getUTCMonth(),o.d=z.getUTCDate()+(o.w+6)%7):(z=ke(oe(o.y,0,1)),N=z.getDay(),z=N>4||N===0?ye.ceil(z):ye(z),z=pe.offset(z,(o.V-1)*7),o.y=z.getFullYear(),o.m=z.getMonth(),o.d=z.getDate()+(o.w+6)%7)}else("W"in o||"U"in o)&&("w"in o||(o.w="u"in o?o.u%7:"W"in o?1:0),N="Z"in o?Se(oe(o.y,0,1)).getUTCDay():ke(oe(o.y,0,1)).getDay(),o.m=0,o.d="W"in o?(o.w+6)%7+o.W*7-(N+5)%7:o.w+o.U*7-(N+6)%7);return"Z"in o?(o.H+=o.Z/100|0,o.M+=o.Z%100,Se(o)):ke(o)}}function R(i,f,v,o){for(var L=0,z=f.length,N=v.length,W,Z;L<z;){if(o>=N)return-1;if(W=f.charCodeAt(L++),W===37){if(W=f.charAt(L++),Z=g[W in Ee?f.charAt(L++):W],!Z||(o=Z(i,v,o))<0)return-1}else if(W!=v.charCodeAt(o++))return-1}return o}function _e(i,f,v){var o=u.exec(f.slice(v));return o?(i.p=w.get(o[0].toLowerCase()),v+o[0].length):-1}function de(i,f,v){var o=m.exec(f.slice(v));return o?(i.w=c.get(o[0].toLowerCase()),v+o[0].length):-1}function p(i,f,v){var o=y.exec(f.slice(v));return o?(i.w=H.get(o[0].toLowerCase()),v+o[0].length):-1}function O(i,f,v){var o=h.exec(f.slice(v));return o?(i.m=Y.get(o[0].toLowerCase()),v+o[0].length):-1}function A(i,f,v){var o=d.exec(f.slice(v));return o?(i.m=k.get(o[0].toLowerCase()),v+o[0].length):-1}function Q(i,f,v){return R(i,t,f,v)}function ce(i,f,v){return R(i,r,f,v)}function X(i,f,v){return R(i,n,f,v)}function K(i){return l[i.getDay()]}function ee(i){return a[i.getDay()]}function E(i){return b[i.getMonth()]}function ut(i){return _[i.getMonth()]}function ht(i){return s[+(i.getHours()>=12)]}function dt(i){return 1+~~(i.getMonth()/3)}function ct(i){return l[i.getUTCDay()]}function ft(i){return a[i.getUTCDay()]}function yt(i){return b[i.getUTCMonth()]}function gt(i){return _[i.getUTCMonth()]}function pt(i){return s[+(i.getUTCHours()>=12)]}function _t(i){return 1+~~(i.getUTCMonth()/3)}return{format:function(i){var f=F(i+="",S);return f.toString=function(){return i},f},parse:function(i){var f=he(i+="",!1);return f.toString=function(){return i},f},utcFormat:function(i){var f=F(i+="",D);return f.toString=function(){return i},f},utcParse:function(i){var f=he(i+="",!0);return f.toString=function(){return i},f}}}var Ee={"-":"",_:" ",0:"0"},x=/^\s*\d+/,It=/^%/,Ot=/[\\^$*+?|[\]().{}]/g;function M(e,t,r){var n=e<0?"-":"",s=(n?-e:e)+"",a=s.length;return n+(a<r?new Array(r-a+1).join(t)+s:s)}function Pt(e){return e.replace(Ot,"\\$&")}function se(e){return new RegExp("^(?:"+e.map(Pt).join("|")+")","i")}function ie(e){return new Map(e.map((t,r)=>[t.toLowerCase(),r]))}function Qt(e,t,r){var n=x.exec(t.slice(r,r+1));return n?(e.w=+n[0],r+n[0].length):-1}function Vt(e,t,r){var n=x.exec(t.slice(r,r+1));return n?(e.u=+n[0],r+n[0].length):-1}function Gt(e,t,r){var n=x.exec(t.slice(r,r+2));return n?(e.U=+n[0],r+n[0].length):-1}function Rt(e,t,r){var n=x.exec(t.slice(r,r+2));return n?(e.V=+n[0],r+n[0].length):-1}function Zt(e,t,r){var n=x.exec(t.slice(r,r+2));return n?(e.W=+n[0],r+n[0].length):-1}function He(e,t,r){var n=x.exec(t.slice(r,r+4));return n?(e.y=+n[0],r+n[0].length):-1}function Ie(e,t,r){var n=x.exec(t.slice(r,r+2));return n?(e.y=+n[0]+(+n[0]>68?1900:2e3),r+n[0].length):-1}function jt(e,t,r){var n=/^(Z)|([+-]\d\d)(?::?(\d\d))?/.exec(t.slice(r,r+6));return n?(e.Z=n[1]?0:-(n[2]+(n[3]||"00")),r+n[0].length):-1}function Bt(e,t,r){var n=x.exec(t.slice(r,r+1));return n?(e.q=n[0]*3-3,r+n[0].length):-1}function Jt(e,t,r){var n=x.exec(t.slice(r,r+2));return n?(e.m=n[0]-1,r+n[0].length):-1}function Oe(e,t,r){var n=x.exec(t.slice(r,r+2));return n?(e.d=+n[0],r+n[0].length):-1}function Xt(e,t,r){var n=x.exec(t.slice(r,r+3));return n?(e.m=0,e.d=+n[0],r+n[0].length):-1}function Pe(e,t,r){var n=x.exec(t.slice(r,r+2));return n?(e.H=+n[0],r+n[0].length):-1}function Kt(e,t,r){var n=x.exec(t.slice(r,r+2));return n?(e.M=+n[0],r+n[0].length):-1}function er(e,t,r){var n=x.exec(t.slice(r,r+2));return n?(e.S=+n[0],r+n[0].length):-1}function tr(e,t,r){var n=x.exec(t.slice(r,r+3));return n?(e.L=+n[0],r+n[0].length):-1}function rr(e,t,r){var n=x.exec(t.slice(r,r+6));return n?(e.L=Math.floor(n[0]/1e3),r+n[0].length):-1}function nr(e,t,r){var n=It.exec(t.slice(r,r+1));return n?r+n[0].length:-1}function ar(e,t,r){var n=x.exec(t.slice(r));return n?(e.Q=+n[0],r+n[0].length):-1}function or(e,t,r){var n=x.exec(t.slice(r));return n?(e.s=+n[0],r+n[0].length):-1}function Qe(e,t){return M(e.getDate(),t,2)}function sr(e,t){return M(e.getHours(),t,2)}function ir(e,t){return M(e.getHours()%12||12,t,2)}function lr(e,t){return M(1+pe.count(G(e),e),t,3)}function ot(e,t){return M(e.getMilliseconds(),t,3)}function mr(e,t){return ot(e,t)+"000"}function ur(e,t){return M(e.getMonth()+1,t,2)}function hr(e,t){return M(e.getMinutes(),t,2)}function dr(e,t){return M(e.getSeconds(),t,2)}function cr(e){var t=e.getDay();return t===0?7:t}function fr(e,t){return M(Ce.count(G(e)-1,e),t,2)}function st(e){var t=e.getDay();return t>=4||t===0?ne(e):ne.ceil(e)}function yr(e,t){return e=st(e),M(ne.count(G(e),e)+(G(e).getDay()===4),t,2)}function gr(e){return e.getDay()}function pr(e,t){return M(ye.count(G(e)-1,e),t,2)}function _r(e,t){return M(e.getFullYear()%100,t,2)}function vr(e,t){return e=st(e),M(e.getFullYear()%100,t,2)}function Mr(e,t){return M(e.getFullYear()%1e4,t,4)}function kr(e,t){var r=e.getDay();return e=r>=4||r===0?ne(e):ne.ceil(e),M(e.getFullYear()%1e4,t,4)}function Sr(e){var t=e.getTimezoneOffset();return(t>0?"-":(t*=-1,"+"))+M(t/60|0,"0",2)+M(t%60,"0",2)}function Ve(e,t){return M(e.getUTCDate(),t,2)}function br(e,t){return M(e.getUTCHours(),t,2)}function wr(e,t){return M(e.getUTCHours()%12||12,t,2)}function Tr(e,t){return M(1+xe.count(j(e),e),t,3)}function it(e,t){return M(e.getUTCMilliseconds(),t,3)}function zr(e,t){return it(e,t)+"000"}function Fr(e,t){return M(e.getUTCMonth()+1,t,2)}function Dr(e,t){return M(e.getUTCMinutes(),t,2)}function Yr(e,t){return M(e.getUTCSeconds(),t,2)}function xr(e){var t=e.getUTCDay();return t===0?7:t}function Cr(e,t){return M(nt.count(j(e)-1,e),t,2)}function lt(e){var t=e.getUTCDay();return t>=4||t===0?ae(e):ae.ceil(e)}function Ur(e,t){return e=lt(e),M(ae.count(j(e),e)+(j(e).getUTCDay()===4),t,2)}function Ar(e){return e.getUTCDay()}function Lr(e,t){return M(ge.count(j(e)-1,e),t,2)}function $r(e,t){return M(e.getUTCFullYear()%100,t,2)}function Nr(e,t){return e=lt(e),M(e.getUTCFullYear()%100,t,2)}function Wr(e,t){return M(e.getUTCFullYear()%1e4,t,4)}function qr(e,t){var r=e.getUTCDay();return e=r>=4||r===0?ae(e):ae.ceil(e),M(e.getUTCFullYear()%1e4,t,4)}function Er(){return"+0000"}function Ge(){return"%"}function Re(e){return+e}function Ze(e){return Math.floor(+e/1e3)}var re,P;Hr({dateTime:"%x, %X",date:"%-m/%-d/%Y",time:"%-I:%M:%S %p",periods:["AM","PM"],days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],shortDays:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],shortMonths:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]});function Hr(e){return re=ze(e),P=re.format,re.parse,re.utcFormat,re.utcParse,re}const Fe=[[1,4,12,52,365,365*24,365*24*60,365*24*60*60,365*24*60*60*1e3],[1/4,1,3,13,91,91*24,91*24*60,91*24*60*60,91*24*60*60*1e3],[1/12,1/3,1,4,30,30*24,30*24*60,30*24*60*60,30*24*60*60*1e3],[1/52,1/13,1/4,1,7,7*24,7*24*60,7*24*60*60,7*24*60*60*1e3],[1/365,1/91,1/30,1/7,1,24,24*60,24*60*60,24*60*60*1e3],[1/(365*24),1/(91*24),1/(30*24),1/(7*24),1/24,1,60,60*60,60*60*1e3],[1/(365*24*60),1/(91*24*60),1/(30*24*60),1/(7*24*60),1/(24*60),1/60,1,60,60*1e3],[1/(365*24*60*60),1/(91*24*60*60),1/(30*24*60*60),1/(7*24*60*60),1/(24*60*60),1/(60*60),1/60,1,1e3],[1/(365*24*60*60*1e3),1/(91*24*60*60*1e3),1/(30*24*60*60*1e3),1/(7*24*60*60*1e3),1/(24*60*60*1e3),1/(60*60*1e3),1/(60*1e3),1/1e3,1]];function Ir(e,t,r){if(q.isEmpty(e))return;if(!t||!r||t===r)return e;const n=Fe[t-1][r-1];if(n)return e*n}function Or(e,t,r,n){if(q.isEmpty(e)||!t.lowestLevel||r.length===0)return"";const s=[];let a=0,l=Math.round(e*Fe[t.lowestLevel-1][8]);const _=9;for(const[,u]of r.entries())if(e){l=l-a;const w=Fe[u-1][_-1],y=Math.floor(l/w);a=y*w,s.push({level:u,value:y})}else s.push({level:u,value:0});let b="";for(const[u,w]of s.entries())if(t.duration.format==="time"){let y=w.value;[6,7,8].includes(w.level)&&w.value<10?y="0"+w.value.toString():w.level===9&&w.value<10?y="00"+w.value.toString():w.level===9&&w.value<100&&(y="0"+w.value.toString()),b+=(u===0?"":w.level===9?".":":")+y}else if(t.duration.format==="long"){const y=n.durationLongSuffix;b+=w.value+" "+y[w.level]+(u===s.length-1?"":" ")}else{const y=n.durationShortSuffix;b+=w.value+""+y[w.level]+(u===s.length-1?"":" ")}return b}const mt={decimal:".",thousands:",",grouping:[3],currency:["$",""],dateTime:"%a %b %e %X %Y",date:"%m/%d/%Y",dateSeparator:"/",time:"%H:%M:%S",periods:["AM","PM"],days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],shortDays:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],shortMonths:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],levels:["All","Year","Quarter","Month","Week","Date","Hour","Minute","Second","Millisecond"],shortLevels:["All","Yr","Qtr","Mth","Wk","Date","Hr","Min","Sec","Msec"],durationLongSuffix:["","years","quarters","months","weeks","days","hours","minutes","seconds","milliseconds"],durationShortSuffix:["","y","q","mo","w","d","h","m","s","ms"],multi:[".%L",":%S","%I:%M","%I %p","%a %d","W%G","%b %d","%B","%Y"]},Pr="%d-%m-%Y",De=[{key:"%a %e %b %Y",lev1:"%Y",lev2:"Q%q-%Y",lev3:"%b %Y",lev4:"Wk %V-%G",lev5:"%a %e %b %Y",monthType:"name",longText:!1,weekday:!0},{key:"%e %b %Y",lev1:"%Y",lev2:"Q%q-%Y",lev3:"%b %Y",lev4:"Wk %V-%G",lev5:"%e %b %Y",monthType:"name",longText:!1,weekday:!1},{key:"%a %e %B %Y",lev1:"%Y",lev2:"Q%q-%Y",lev3:"%B %Y",lev4:"Week %V, %G",lev5:"%a %e %B %Y",monthType:"name",longText:!0,weekday:!0},{key:"%e %B %Y",lev1:"%Y",lev2:"Q%q-%Y",lev3:"%B %Y",lev4:"Week %V, %G",lev5:"%e %B %Y",monthType:"name",longText:!0,weekday:!1},{key:"%d/%m/%Y",lev1:"%Y",lev2:"Q%q/%Y",lev3:"%m/%Y",lev4:"W%V/%G",lev5:"%d/%m/%Y",monthType:"number",mmdd:!1,separator:"/"},{key:"%d-%m-%Y",lev1:"%Y",lev2:"Q%q-%Y",lev3:"%m-%Y",lev4:"W%V-%G",lev5:"%d-%m-%Y",monthType:"number",mmdd:!1,separator:"-"},{key:"%d.%m.%Y",lev1:"%Y",lev2:"Q%q.%Y",lev3:"%m.%Y",lev4:"W%V.%G",lev5:"%d.%m.%Y",monthType:"number",mmdd:!1,separator:"."},{key:"%d~%m~%Y",lev1:"%Y",lev2:"Q%q~%Y",lev3:"%m~%Y",lev4:"W%V~%G",lev5:"%d~%m~%Y",monthType:"number",mmdd:!1,separator:"~"},{key:"%m/%d/%Y",lev1:"%Y",lev2:"Q%q/%Y",lev3:"%m/%Y",lev4:"%G/W%V",lev5:"%m/%d/%Y",monthType:"number",mmdd:!0,separator:"/"},{key:"%m-%d-%Y",lev1:"%Y",lev2:"Q%q-%Y",lev3:"%m-%Y",lev4:"%G-W%V",lev5:"%m-%d-%Y",monthType:"number",mmdd:!0,separator:"-"},{key:"%m.%d.%Y",lev1:"%Y",lev2:"Q%q.%Y",lev3:"%m.%Y",lev4:"%G.W%V",lev5:"%m.%d.%Y",monthType:"number",mmdd:!0,separator:"."},{key:"%m~%d~%Y",lev1:"%Y",lev2:"Q%q~%Y",lev3:"%m~%Y",lev4:"%G~W%V",lev5:"%m~%d~%Y",monthType:"number",mmdd:!0,separator:"~"},{key:"%amd/%Y",lev1:"%Y",lev2:"Q%q/%Y",lev3:"%m/%Y",lev4:"%G/W%V",lev5:"%amd/%Y",monthType:"number",mmdd:null,separator:"/"},{key:"%amd-%Y",lev1:"%Y",lev2:"Q%q-%Y",lev3:"%m-%Y",lev4:"%G-W%V",lev5:"%amd-%Y",monthType:"number",mmdd:null,separator:"-"},{key:"%amd.%Y",lev1:"%Y",lev2:"Q%q.%Y",lev3:"%m.%Y",lev4:"%G.W%V",lev5:"%amd.%Y",monthType:"number",mmdd:null,separator:"."},{key:"%amd~%Y",lev1:"%Y",lev2:"Q%q~%Y",lev3:"%m~%Y",lev4:"%G~W%V",lev5:"%amd~%Y",monthType:"number",mmdd:null,separator:"~"}],Qr=[{key:"%H:%M:%S.%L",lev6:"%H:00",lev7:"%H:%M",lev8:"%H:%M:%S",lev9:"%H:%M:%S.%L",ampm:!1},{key:"%I:%M:%S.%L %p",lev6:"%I:00 %p",lev7:"%I:%M %p",lev8:"%I:%M:%S %p",lev9:"%I:%M:%S.%L %p",ampm:!0}];function be(e,t){var y,H;t=t||{};const r=t.localFormats||mt;let n,s,a,l=[],_=[],b="datetime",u;t&&t.multi&&(b="datetime"),(!e||!e.format)&&(b="hierarchy"),e&&e.type&&(b=e.type),e&&e.format?u=e.format:b==="numeric"?u=",.0f":b==="datetime"?u=Pr:u="";const w=Mt.decomposeNumericFormat(u);switch(w.precision&&w.typeFormat&&(b="numeric"),b){case"numeric":{if(e.subtype==="duration"&&e.duration&&e.duration.levels&&e.duration.levels.length>1&&!t.hideDuration)n=m=>q.isEmpty(m)?"":Or(m,e,e.duration.levels,r);else{const m={...r};let c=w.typeFormat,d=!1;switch(c.length===2&&c.startsWith("a")&&(d=!0,c=c.slice(1,2),u=u.replace(/a/,"")),d?(m.decimal=r.decimal,m.thousands=r.thousands):["z","y","w"].includes(c)?(m.decimal=",",m.thousands="."):(m.decimal=".",m.thousands=","),c){case"z":{u=u.replace("z","f");break}case"y":{u=u.replace("y","%");break}case"w":{u=u.replace("w","s");break}}if((e==null?void 0:e.subtype)==="currency"&&e.currency){const h=" ",Y=m.currency.findIndex(F=>F.length>0),S=m.currency[Y].startsWith(h),D=m.currency[Y].endsWith(h),g=`${S?h:""}${e.currency}${D?h:""}`;m.currency[Y]=g}const k=Dt(m);c!=="%"&&(e==null?void 0:e.subtype)==="currency"&&e.currency&&m.currency&&!(t!=null&&t.hideCurrency)&&!["count","distinctcount"].includes(e.aggregationFunc)&&!(e.aggregationFunc==="rate"&&((y=e.aggregationWeight)==null?void 0:y.columnSubType)==="currency")&&((H=e.periodOverPeriod)==null?void 0:H.type)!=="percentageChange"&&(u="$"+u),t!=null&&t.trimZero&&["y","%"].includes(c)&&m.decimal===","?s=h=>k.format(u)(h).replace(/(,\d*?)0+%$/,"$1%").replace(/,%$/,"%"):t!=null&&t.trimZero&&["y","%"].includes(c)&&m.decimal==="."?s=h=>k.format(u)(h).replace(/(\.\d*?)0+%$/,"$1%").replace(/\.%$/,"%"):t!=null&&t.trimZero&&["z","f"].includes(c)&&m.decimal===","?s=h=>k.format(u)(h).replace(/(,\d*?)0+$/,"$1").replace(/,$/,""):t!=null&&t.trimZero&&["z","f"].includes(c)&&m.decimal==="."?s=h=>k.format(u)(h).replace(/(\.\d*?)0+$/,"$1").replace(/\.$/,""):(e==null?void 0:e.subtype)==="currency"&&e.currency&&m.currency&&c==="s"?s=h=>k.format(u)(h).replace(/G/,"B"):s=q.isEmpty(w.precision)?k.format(",.0f"):k.format(u),n=h=>{var Y;if(q.isEmpty(h))return"";if(e.subtype==="duration"&&e.duration&&!t.hideDuration){const S=e.duration.levels?e.duration.levels[0]:e.lowestLevel;return S!==e.lowestLevel&&(h=Ir(h,e.lowestLevel,S)),s(h)+((Y=r==null?void 0:r.durationShortSuffix)==null?void 0:Y[S])}return s(h)}}break}case"datetime":{if(l=(r==null?void 0:r.smartDateFormats)??De,_=(r==null?void 0:r.smartTimeFormats)??Qr,q.isEmpty(e.datetimeDisplayMode)){if(t!=null&&t.level){const m=t.level,c=l.find(D=>u.includes(D.key)),d=_.find(D=>u.includes(D.key)),k=c?c["lev"+Math.min(m,5)]:l[0]["lev"+Math.min(m,5)],h=m>5?d?d["lev"+m]:_[0]["lev"+m]:"";u=m>5?k+", "+h:k;const Y=u.includes("%amd")&&t.level>=5,S=c?t.level>=2&&c.separator==="~":!1;Y?u=S?u.replaceAll(new RegExp(/%amd[.~\/-]%Y/g),r.date.slice(0,8)):u.replaceAll(new RegExp(/%amd[.~\/-]%Y/g),r.date.slice(0,8).replaceAll(new RegExp(/[.~\/-]/g),c.separator)):u=S?u.replaceAll(new RegExp(/[~]/g),r.dateSeparator):u}if(t!=null&&t.multi){const m=P(r.multi[0]),c=P(r.multi[1]),d=P(r.multi[2]),k=P(r.multi[3]),h=P(r.multi[4]),Y=P(r.multi[6]),S=P(r.multi[7]),D=P(r.multi[8]);a=g=>{let F;return et(g)<g?F=m:tt(g)<g?F=c:rt(g)<g?F=d:pe(g)<g?F=k:at(g)<g?F=Ce(g)<g?h:Y:G(g)<g?F=S:F=D,F(g)}}else a=ze(r).format(u)}else{const m={quarter_number:{min:1,max:4},month_name:{min:1,max:12},month_number:{min:1,max:12},week_number:{min:1,max:53},day_in_month:{min:1,max:31},day_in_year:{min:1,max:366},weekday_name:{min:0,max:7},weekday_number:{min:0,max:7},hour_in_day:{min:0,max:23},minute_in_hour:{min:0,max:59},second_in_minute:{min:0,max:59}},c=(d,k,h)=>{var Y,S,D,g,F;return k==="letter"?((Y=d.shortNames)==null?void 0:Y.length)>0&&((S=d.shortNames[h])==null?void 0:S.length)>0?(D=d.shortNames[h])==null?void 0:D.charAt(0):"N/A":k==="short"?((g=d.shortNames)==null?void 0:g.length)>0&&d.shortNames[h]?d.shortNames[h]:"N/A":((F=d.longNames)==null?void 0:F.length)>0&&d.longNames[h]?d.longNames[h]:"N/A"};["quarter_number","month_number","week_number","day_in_month","day_in_year","weekday_number","hour_in_day","minute_in_hour","second_in_minute"].includes(e.datetimeDisplayMode)?a=d=>q.isNumeric(d)&&d>=m[e.datetimeDisplayMode].min&&d<=m[e.datetimeDisplayMode].max?d:"N/A":e.datetimeDisplayMode==="month_name"?a=d=>{const k=[...r.shortMonths],h=[...r.months];return q.isNumeric(d)&&d>=m[e.datetimeDisplayMode].min&&d<=m[e.datetimeDisplayMode].max?c({shortNames:k,longNames:h},e.monthNameFormat,d-1):"N/A"}:e.datetimeDisplayMode==="weekday_name"?a=d=>{const k=[...r.shortDays],h=[...r.days];return e.weekStart==="monday"&&(k.push(k.shift()??""),h.push(h.shift()??"")),q.isNumeric(d)&&d>=m[e.datetimeDisplayMode].min&&d<=m[e.datetimeDisplayMode].max?c({shortNames:k,longNames:h},e.weekDayNameFormat,d-1):"N/A"}:a=ze(r).format(u)}n=m=>{if(q.isEmpty(m))return"";const c=a(m);return q.isString(c)?c.trim():c};break}case"hierarchy":{n=m=>q.localize(m,t?t.locale:void 0);break}default:{n=m=>m;break}}return n}const je={"~":"Auto","/":"/","-":"-",".":"."},we={level2:[{key:"default",label:"Default"},{key:"quarter_number",label:"Quarter numbers"}],level3:[{key:"default",label:"Default"},{key:"month_in_year",label:"Month number"}],level4:[{key:"default",label:"Default"},{key:"week_number",label:"Week number"}],level5:[{key:"default",label:"Default"},{key:"day_in_week",label:"Day in week"},{key:"day_in_month",label:"Day in month"},{key:"day_in_year",label:"Day in year"}],level6:[{key:"default",label:"Default"},{key:"hour_in_day",label:"Hour in day"}],level7:[{key:"default",label:"Default"},{key:"minute_in_hour",label:"Minute in hour"}],level8:[{key:"default",label:"Default"},{key:"second_in_minute",label:"Second in minute"}]},Be={number:"Number",letter:"Letter",short:"Short",long:"Long"},Je={sunday:"Sunday",monday:"Monday"},Vr=":host{font-family:var(--luzmo-display-settings-datetime-font-family, var(--luzmo-font-family))}:host .settings-container{display:flex;flex-direction:column;gap:var(--luzmo-spacing-2)}:host .settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-datetime-gap, var(--display-settings-datetime-gap))}:host .example-container{line-height:var(--luzmo-display-settings-datetime-example-height, var(--display-settings-datetime-example-height));font-size:var(--luzmo-display-settings-datetime-example-font-size, var(--display-settings-datetime-example-font-size));color:var(--luzmo-display-settings-datetime-example-color, var(--display-settings-datetime-example-color))}:host .example-container .example-label{font-weight:var(--luzmo-display-settings-datetime-example-label-font-weight, var(--display-settings-datetime-example-label-font-weight));color:var(--luzmo-display-settings-datetime-example-label-color, var(--display-settings-datetime-example-label-color))}:host .example-container .example-language{text-transform:uppercase;color:var(--luzmo-display-settings-datetime-example-language-color, var(--display-settings-datetime-example-language-color))}:host{--display-settings-datetime-example-font-size: var(--luzmo-font-size);--display-settings-datetime-example-color: var(--luzmo-font-color);--display-settings-datetime-example-label-font-weight: bold;--display-settings-datetime-example-label-color: var(--luzmo-primary);--display-settings-datetime-example-language-color: var(--luzmo-primary)}:host{--display-settings-datetime-gap: var(--luzmo-spacing-3);--display-settings-datetime-example-height: var(--luzmo-component-height);--display-settings-datetime-example-font-size: var(--luzmo-font-size-s)}:host([size=s]){--display-settings-datetime-gap: var(--luzmo-spacing-3);--display-settings-datetime-example-height: var(--luzmo-component-height-s);--display-settings-datetime-example-font-size: var(--luzmo-font-size-s)}:host([size=l]){--display-settings-datetime-gap: var(--luzmo-spacing-4);--display-settings-datetime-example-height: var(--luzmo-component-height-l);--display-settings-datetime-example-font-size: var(--luzmo-font-size)}:host([size=xl]){--display-settings-datetime-gap: var(--luzmo-spacing-5);--display-settings-datetime-example-height: var(--luzmo-component-height-xl);--display-settings-datetime-example-font-size: var(--luzmo-font-size-l)}";var Gr=Object.defineProperty,$=(e,t,r,n)=>{for(var s=void 0,a=e.length-1,l;a>=0;a--)(l=e[a])&&(s=l(t,r,s)||s);return s&&Gr(t,r,s),s};class U extends Ae.m(T.kt,{validSizes:Object.values(Ae.d)}){constructor(){super(...arguments),this._loadLocaleFormatsConfig=new vt.h(this,{task:async([t])=>{if(t&&t!==this._contentLanguageLoaded){const r=Object.assign({"../../utils/formatter/formats/cs.ts":()=>Promise.resolve().then(()=>require("./cs-I9E81keK.cjs")),"../../utils/formatter/formats/da.ts":()=>Promise.resolve().then(()=>require("./da-QkdvupDg.cjs")),"../../utils/formatter/formats/de.ts":()=>Promise.resolve().then(()=>require("./de-Dn5mUzha.cjs")),"../../utils/formatter/formats/en-GB.ts":()=>Promise.resolve().then(()=>require("./en-GB-DrOGXwdM.cjs")),"../../utils/formatter/formats/en-US.ts":()=>Promise.resolve().then(()=>require("./en-US-BvtH5B9A.cjs")),"../../utils/formatter/formats/en.ts":()=>Promise.resolve().then(()=>require("./en-BvtH5B9A.cjs")),"../../utils/formatter/formats/es.ts":()=>Promise.resolve().then(()=>require("./es-CwyPlN5d.cjs")),"../../utils/formatter/formats/fi.ts":()=>Promise.resolve().then(()=>require("./fi-rijeZE5V.cjs")),"../../utils/formatter/formats/fr.ts":()=>Promise.resolve().then(()=>require("./fr-BcgE-6S_.cjs")),"../../utils/formatter/formats/he.ts":()=>Promise.resolve().then(()=>require("./he-O6Ih8Bqh.cjs")),"../../utils/formatter/formats/hu.ts":()=>Promise.resolve().then(()=>require("./hu-BnZ8y3xQ.cjs")),"../../utils/formatter/formats/it.ts":()=>Promise.resolve().then(()=>require("./it-PshtLMkq.cjs")),"../../utils/formatter/formats/ja.ts":()=>Promise.resolve().then(()=>require("./ja-KIS2HdaG.cjs")),"../../utils/formatter/formats/ko.ts":()=>Promise.resolve().then(()=>require("./ko--l4qmjLV.cjs")),"../../utils/formatter/formats/mk.ts":()=>Promise.resolve().then(()=>require("./mk-DZlj-edb.cjs")),"../../utils/formatter/formats/nl.ts":()=>Promise.resolve().then(()=>require("./nl-BKlDqOXb.cjs")),"../../utils/formatter/formats/no.ts":()=>Promise.resolve().then(()=>require("./no-D_SzxhTu.cjs")),"../../utils/formatter/formats/pl.ts":()=>Promise.resolve().then(()=>require("./pl-PIK23rK_.cjs")),"../../utils/formatter/formats/pt.ts":()=>Promise.resolve().then(()=>require("./pt-Dqlu4MS5.cjs")),"../../utils/formatter/formats/ru.ts":()=>Promise.resolve().then(()=>require("./ru-zyNDTB04.cjs")),"../../utils/formatter/formats/sv.ts":()=>Promise.resolve().then(()=>require("./sv-1DPTltNQ.cjs")),"../../utils/formatter/formats/tr.ts":()=>Promise.resolve().then(()=>require("./tr-BkmWvOG2.cjs")),"../../utils/formatter/formats/zh-CN.ts":()=>Promise.resolve().then(()=>require("./zh-CN-DTZ4OmdP.cjs")),"../../utils/formatter/formats/zh-TW.ts":()=>Promise.resolve().then(()=>require("./zh-TW-DTZ4OmdP.cjs"))});if(r[`../../utils/formatter/formats/${t}.ts`]){const n=await r[`../../utils/formatter/formats/${t}.ts`]();this._localeFormats=(n==null?void 0:n.default)??{}}return this._localeFormats}},args:()=>[this.contentLanguage]}),this.language="en",this.contentLanguage="en",this.size="m",this.slotContent={},this._dateLevel=5,this._displayAs="default",this._weekStart="monday",this._weekDayAndMonthInYearFormat="long",this._dateFormat="auto",this._dateSeparator="~",this._sendEvent=()=>{this._calculateSlotContent(),this.dispatchEvent(new CustomEvent("slot-content-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:this._currentSlotContent}}))}}static get styles(){return[T.r$1(Vr)]}_parseSlotContent(){var t,r;this._dateLevel=this.slotContent.level??((t=this.slotContent)==null?void 0:t.lowestLevel)??5,this._displayAs=((r=this.slotContent)==null?void 0:r.datetimeDisplayMode)??"default",this._displayAs==="weekday_number"&&(this._displayAs="day_in_week",this._weekDayAndMonthInYearFormat="number"),this._displayAs==="weekday_name"&&(this._displayAs="day_in_week"),this._displayAs==="month_number"&&(this._displayAs="month_in_year",this._weekDayAndMonthInYearFormat="number"),this._displayAs==="month_name"&&(this._displayAs="month_in_year")}_calculateFormat(){var n;let t;const r=((n=this._localeFormats)==null?void 0:n.smartDateFormats)??De;this._monthName?(t=r.filter(s=>s.monthType==="name"&&s.longText===(this._monthNameFormat==="long")&&s.weekday===this._weekDay),t.length>0?this._format=t[0].key:(this._weekDayAndMonthInYearFormat="short",this._weekDay=!0,this._format="%a %e %B %Y")):(t=this._dateLevel&&this._dateLevel===4?r.filter(s=>s.monthType==="number"&&s.mmdd===(this._weekFormat==="mmdd"?!0:this._weekFormat==="ddmm"?!1:null)&&s.separator===this._dateSeparator):r.filter(s=>s.monthType==="number"&&s.mmdd===(this._dateFormat==="mmdd"?!0:this._dateFormat==="ddmm"?!1:null)&&s.separator===this._dateSeparator),this._dateFormat==="auto"&&this._dateLevel&&this._dateLevel!==4?this._format="%amd"+this._dateSeparator+"%Y":t.length>0?this._format=t[0].key:(this._dateFormat="ddmm",this._dateSeparator="/",this._format="%d/%m/%Y")),this._dateLevel&&this._dateLevel>5&&(this._format+=this._24hFormat?" %H:%M:%S.%L":" %I:%M:%S.%L %p")}_setWeekStartsOn(){this._weekStart=this._weekStartElement.value,this._sendEvent(),this.requestUpdate()}_setDisplayAs(){this._displayAs=this._displayAsElement.value,this._sendEvent(),this.requestUpdate()}_setWeekdayAndMonthInYearFormat(){var t;this._weekDayAndMonthInYearFormat=((t=this._weekDayAndMonthInYearFormatElement.selected)==null?void 0:t[0])??"long",this._sendEvent(),this.requestUpdate()}_setMonthNameFormat(){var t;this._monthNameFormat=(t=this._monthNameFormatElement.selected)==null?void 0:t[0],this._sendEvent(),this.requestUpdate()}_setMonthName(){this._monthName=this._monthNameElement.selected,this._sendEvent(),this.requestUpdate()}_setWeekFormat(){var t;this._weekFormat=(t=this._weekFormatElement.selected)==null?void 0:t[0],this._sendEvent(),this.requestUpdate()}_setDateFormat(){this._dateFormat=this._dateFormatElement.value,this._sendEvent(),this.requestUpdate()}_setDateSeparator(){this._dateSeparator=this._dateSeparatorElement.value,this._sendEvent(),this.requestUpdate()}_set24hFormat(){this._24hFormat=this._format24hElement.selected,this._sendEvent(),this.requestUpdate()}_setWeekday(){this._weekDay=this._weekDayElement.selected,this._sendEvent(),this.requestUpdate()}_calculateSlotContent(){this._currentSlotContent={...this.slotContent},this._calculateFormat(),this._currentSlotContent.format=this._format,this._displayAs==="default"?delete this._currentSlotContent.datetimeDisplayMode:(this._currentSlotContent.datetimeDisplayMode=this._displayAs,this._displayAs==="week_in_year"?this._currentSlotContent.datetimeDisplayMode=this._weekDayAndMonthInYearFormat==="number"?"week_number":"week_name":this._displayAs==="month_in_year"?this._currentSlotContent.datetimeDisplayMode=this._weekDayAndMonthInYearFormat==="number"?"month_number":"month_name":this._displayAs==="day_in_week"&&(this._currentSlotContent.datetimeDisplayMode=this._weekDayAndMonthInYearFormat==="number"?"weekday_number":"weekday_name",this._currentSlotContent.weekStart=this._weekStart),this._weekDayAndMonthInYearFormat&&(this._dateLevel===3?this._currentSlotContent.monthNameFormat=this._weekDayAndMonthInYearFormat:this._dateLevel===5&&(this._currentSlotContent.weekDayNameFormat=this._weekDayAndMonthInYearFormat)))}willUpdate(t){t.has("slotContent")&&(this._parseSlotContent(),this._calculateSlotContent())}_renderDisplaySettings(){var r;const t=(r=we==null?void 0:we[`level${this._dateLevel??0}`])==null?void 0:r.map(n=>T.x`<luzmo-menu-item value=${n.key}>
|
21
|
+
${n.label}
|
22
|
+
</luzmo-menu-item>`);return T.x`<div class="setting">
|
23
|
+
<luzmo-field-label for="display-as">Display</luzmo-field-label>
|
24
|
+
<luzmo-picker
|
25
|
+
id="display-as"
|
26
|
+
size=${this.size}
|
27
|
+
variant="highlight"
|
28
|
+
value=${this._displayAs??"default"}
|
29
|
+
@change=${this._setDisplayAs}
|
30
|
+
>
|
31
|
+
${t}
|
32
|
+
</luzmo-picker>
|
33
|
+
</div>`}_renderWeekDayAndMonthNameFormatSettings(){const t=Object.keys(Be).map(r=>T.x`<luzmo-action-button value=${r}>
|
34
|
+
${Be[r]}
|
35
|
+
</luzmo-action-button>`);return T.x` <div class="setting">
|
36
|
+
<luzmo-field-label for="weekday-and-month-in-year-format"
|
37
|
+
>Format</luzmo-field-label
|
38
|
+
>
|
39
|
+
<luzmo-action-group
|
40
|
+
emphasized
|
41
|
+
id="weekday-and-month-in-year-format"
|
42
|
+
size=${this.size}
|
43
|
+
compact
|
44
|
+
.selected=${[this._weekDayAndMonthInYearFormat??"short"]}
|
45
|
+
selects="single"
|
46
|
+
@change=${this._setWeekdayAndMonthInYearFormat}
|
47
|
+
>
|
48
|
+
${t}
|
49
|
+
</luzmo-action-group>
|
50
|
+
</div>`}_renderMonthNameFormatSettings(){return T.x` <div class="setting">
|
51
|
+
<luzmo-field-label for="month-name-format">Format</luzmo-field-label>
|
52
|
+
<luzmo-action-group
|
53
|
+
emphasized
|
54
|
+
id="month-name-format"
|
55
|
+
size=${this.size}
|
56
|
+
compact
|
57
|
+
.selected=${[this._monthNameFormat??"long"]}
|
58
|
+
selects="single"
|
59
|
+
@change=${this._setMonthNameFormat}
|
60
|
+
>
|
61
|
+
<luzmo-action-button value="short">Short</luzmo-action-button>
|
62
|
+
<luzmo-action-button value="long">Long</luzmo-action-button>
|
63
|
+
</luzmo-action-group>
|
64
|
+
</div>`}_renderWeekFormatSettings(){var s;const t=((s=this._localeFormats)==null?void 0:s.smartDateFormats)??De,r=t.find(a=>a.mmdd===!0&&a.separator===this._dateSeparator&&a.monthType==="number"),n=t.find(a=>a.mmdd===!1&&a.separator===this._dateSeparator&&a.monthType==="number");return T.x` <div class="setting">
|
65
|
+
<luzmo-field-label for="week-format">Format</luzmo-field-label>
|
66
|
+
<luzmo-action-group
|
67
|
+
emphasized
|
68
|
+
id="week-format"
|
69
|
+
size=${this.size}
|
70
|
+
compact
|
71
|
+
.selected=${[this._weekFormat??"ddmm"]}
|
72
|
+
selects="single"
|
73
|
+
@change=${this._setWeekFormat}
|
74
|
+
>
|
75
|
+
<luzmo-action-button value="ddmm">
|
76
|
+
${be({...this._currentSlotContent,type:"datetime",format:n==null?void 0:n.key},{localFormats:this._localeFormats,level:this._dateLevel})(new Date)}
|
77
|
+
</luzmo-action-button>
|
78
|
+
<luzmo-action-button value="mmdd"
|
79
|
+
>${be({...this._currentSlotContent,type:"datetime",format:r==null?void 0:r.key},{localFormats:this._localeFormats,level:this._dateLevel})(new Date)}</luzmo-action-button
|
80
|
+
>
|
81
|
+
</luzmo-action-group>
|
82
|
+
</div>`}_renderWeekStartsOnSettings(){const t=Object.keys(Je).map(r=>T.x`<luzmo-menu-item value=${r}>
|
83
|
+
${Je[r]}
|
84
|
+
</luzmo-menu-item>`);return T.x`<div class="setting">
|
85
|
+
<luzmo-field-label for="week-start">Week starts on</luzmo-field-label>
|
86
|
+
<luzmo-picker
|
87
|
+
id="week-start"
|
88
|
+
size=${this.size}
|
89
|
+
variant="highlight"
|
90
|
+
value=${this._weekStart??"Auto"}
|
91
|
+
@change=${this._setWeekStartsOn}
|
92
|
+
>
|
93
|
+
${t}
|
94
|
+
</luzmo-picker>
|
95
|
+
</div>`}_renderMonthNameSettings(){return T.x`<div class="settings-">
|
96
|
+
<luzmo-field-label for="month-name">Month</luzmo-field-label>
|
97
|
+
<luzmo-action-button
|
98
|
+
id="month-name"
|
99
|
+
emphasized
|
100
|
+
toggles
|
101
|
+
.size=${this.size}
|
102
|
+
?selected=${this._monthName}
|
103
|
+
@change=${this._setMonthName}
|
104
|
+
>
|
105
|
+
<luzmo-icon
|
106
|
+
slot="icon"
|
107
|
+
.size=${this.size}
|
108
|
+
.icon=${this._monthName?te.luzmoCheckboxChecked:te.luzmoCheckbox}
|
109
|
+
></luzmo-icon>
|
110
|
+
Name
|
111
|
+
</luzmo-action-button>
|
112
|
+
</div>`}_renderDateFormatSettings(){const t=this._dateSeparator==="~"?"/":this._dateSeparator;return T.x`<div class="setting">
|
113
|
+
<luzmo-field-label for="date-format">Format</luzmo-field-label>
|
114
|
+
<luzmo-picker
|
115
|
+
id="date-format"
|
116
|
+
size=${this.size}
|
117
|
+
variant="highlight"
|
118
|
+
value=${this._dateFormat??"Auto"}
|
119
|
+
@change=${this._setDateFormat}
|
120
|
+
>
|
121
|
+
<luzmo-menu-item value="auto">Auto</luzmo-menu-item>
|
122
|
+
<luzmo-menu-item value="mmdd">12${t}31</luzmo-menu-item>
|
123
|
+
<luzmo-menu-item value="ddmm">31${t}12</luzmo-menu-item>
|
124
|
+
</luzmo-picker>
|
125
|
+
</div>`}_renderSeparatorSettings(){const t=Object.keys(je).map(r=>T.x`<luzmo-menu-item value=${r}>
|
126
|
+
${je[r]}
|
127
|
+
</luzmo-menu-item>`);return T.x`<div class="setting">
|
128
|
+
<luzmo-field-label for="date-separator">Separator</luzmo-field-label>
|
129
|
+
<luzmo-picker
|
130
|
+
id="date-separator"
|
131
|
+
size=${this.size}
|
132
|
+
variant="highlight"
|
133
|
+
value=${this._dateSeparator??"~"}
|
134
|
+
@change=${this._setDateSeparator}
|
135
|
+
>
|
136
|
+
${t}
|
137
|
+
</luzmo-picker>
|
138
|
+
</div>`}_render24hFormatSettings(){return T.x`<div class="settings-">
|
139
|
+
<luzmo-field-label for="format-24h">24h</luzmo-field-label>
|
140
|
+
<luzmo-action-button
|
141
|
+
id="format-24h"
|
142
|
+
emphasized
|
143
|
+
toggles
|
144
|
+
.size=${this.size}
|
145
|
+
?selected=${this._24hFormat}
|
146
|
+
@change=${this._set24hFormat}
|
147
|
+
>
|
148
|
+
<luzmo-icon
|
149
|
+
slot="icon"
|
150
|
+
.size=${this.size}
|
151
|
+
.icon=${this._24hFormat?te.luzmoCheckboxChecked:te.luzmoCheckbox}
|
152
|
+
></luzmo-icon>
|
153
|
+
</luzmo-action-button>
|
154
|
+
</div>`}_renderWeekdaySettings(){return T.x`<div class="settings-">
|
155
|
+
<luzmo-field-label for="weekday">Weekday</luzmo-field-label>
|
156
|
+
<luzmo-action-button
|
157
|
+
id="weekday"
|
158
|
+
emphasized
|
159
|
+
toggles
|
160
|
+
.size=${this.size}
|
161
|
+
?selected=${this._weekDay}
|
162
|
+
@change=${this._setWeekday}
|
163
|
+
>
|
164
|
+
<luzmo-icon
|
165
|
+
slot="icon"
|
166
|
+
.size=${this.size}
|
167
|
+
.icon=${this._weekDay?te.luzmoCheckboxChecked:te.luzmoCheckbox}
|
168
|
+
></luzmo-icon>
|
169
|
+
Show
|
170
|
+
</luzmo-action-button>
|
171
|
+
</div>`}_renderExampleFormat(){return T.x`<span class="example">
|
172
|
+
${be({...this._currentSlotContent,type:"datetime"},{localFormats:this._localeFormats,level:this._dateLevel})(!this._displayAs||this._displayAs==="default"?new Date:1)}
|
173
|
+
</span>
|
174
|
+
${(this._dateSeparator==="~"||this._dateFormat==="auto")&&!this._monthName?T.x`<span class="example-language">
|
175
|
+
(${this.contentLanguage})
|
176
|
+
</span>`:""}`}_renderAllSettings(){return T.x`<div class="settings-container">
|
177
|
+
${this._dateLevel&&![1,9].includes(this._dateLevel)?T.x` <div class="settings-row">
|
178
|
+
${this._renderDisplaySettings()}
|
179
|
+
${this._dateLevel&&this._dateLevel>=5&&this._displayAs==="day_in_week"?this._renderWeekStartsOnSettings():""}
|
180
|
+
</div>`:""}
|
181
|
+
${["month_in_year","day_in_week"].includes(this._displayAs??"")?T.x` <div class="settings-row">
|
182
|
+
${this._renderWeekDayAndMonthNameFormatSettings()}
|
183
|
+
</div>`:""}
|
184
|
+
${this._dateLevel&&this._dateLevel>1&&this._displayAs==="default"?T.x` <div class="settings-row">
|
185
|
+
${this._dateLevel&&this._dateLevel!==4&&this._dateLevel!==2?this._renderMonthNameSettings():""}
|
186
|
+
${this._dateLevel&&this._dateLevel!==4&&this._dateLevel>2&&this._monthName?this._renderMonthNameFormatSettings():""}
|
187
|
+
${this._dateLevel&&this._dateLevel===4&&!this._monthName?this._renderWeekFormatSettings():""}
|
188
|
+
${this._dateLevel&&this._dateLevel>=5&&!this._monthName?this._renderDateFormatSettings():""}
|
189
|
+
${this._dateLevel&&this._dateLevel>1&&!this._monthName?this._renderSeparatorSettings():""}
|
190
|
+
${this._dateLevel&&this._dateLevel>=5&&this._monthName?this._renderWeekdaySettings():""}
|
191
|
+
${this._dateLevel&&this._dateLevel>5?this._render24hFormatSettings():""}
|
192
|
+
</div>`:""}
|
193
|
+
<div class="settings-row">
|
194
|
+
<div class="example-container">
|
195
|
+
<span class="example-label">Example:</span>
|
196
|
+
${this._renderExampleFormat()}
|
197
|
+
</div>
|
198
|
+
</div>
|
199
|
+
</div>`}render(){return this._loadLocaleFormatsConfig.render({pending:()=>T.x`<luzmo-progress-circle
|
200
|
+
indeterminate
|
201
|
+
.size=${this.size}
|
202
|
+
></luzmo-progress-circle>`,complete:()=>this._renderAllSettings(),error:()=>this._renderAllSettings()})}}$([T.n({type:String})],U.prototype,"language");$([T.n({type:String})],U.prototype,"contentLanguage");$([T.n({type:String})],U.prototype,"size");$([T.n({type:Object,reflect:!1})],U.prototype,"slotContent");$([I.e("#display-as")],U.prototype,"_displayAsElement");$([I.e("#week-start")],U.prototype,"_weekStartElement");$([I.e("#weekday-and-month-in-year-format")],U.prototype,"_weekDayAndMonthInYearFormatElement");$([I.e("#month-name-format")],U.prototype,"_monthNameFormatElement");$([I.e("#month-name")],U.prototype,"_monthNameElement");$([I.e("#week-format")],U.prototype,"_weekFormatElement");$([I.e("#date-format")],U.prototype,"_dateFormatElement");$([I.e("#date-separator")],U.prototype,"_dateSeparatorElement");$([I.e("#weekday")],U.prototype,"_weekDayElement");$([I.e("#format-24h")],U.prototype,"_format24hElement");customElements.get("luzmo-display-settings-datetime")||customElements.define("luzmo-display-settings-datetime",U);exports.DEFAULT_LOCAL_FORMATS=mt;exports.LuzmoDisplaySettingsDatetime=U;
|
@@ -17,10 +17,10 @@
|
|
17
17
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
18
18
|
* SOFTWARE.
|
19
19
|
* */
|
20
|
-
import {
|
21
|
-
import { m as d } from "./sized-mixin-
|
22
|
-
import "./index-
|
23
|
-
import { u as p } from "./text-field-
|
20
|
+
import { k as s, h as m, H as c, R as e } from "./property-CXJD1jOW.js";
|
21
|
+
import { m as d } from "./sized-mixin-BxMraZLS-Dc6r-Wg4.js";
|
22
|
+
import "./index-DiSrnT1e.js";
|
23
|
+
import { u as p } from "./text-field-CvKSS59x-BzSqtt2_.js";
|
24
24
|
/*! * Lucero - The design system for Luzmo.
|
25
25
|
*
|
26
26
|
* Copyright © 2025 Luzmo
|
@@ -0,0 +1,185 @@
|
|
1
|
+
/*! * A kit of modern Luzmo Web Components for analytics in your web application.
|
2
|
+
*
|
3
|
+
* Copyright © 2024 Luzmo
|
4
|
+
* All rights reserved.
|
5
|
+
* Luzmo web components (“Luzmo Web Components”)
|
6
|
+
* must be used according to the Luzmo Terms of Service.
|
7
|
+
* This license allows users with a current active Luzmo account
|
8
|
+
* to use the Luzmo Web Components. This license terminates
|
9
|
+
* automatically if a user no longer has an active Luzmo account.
|
10
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
11
|
+
*
|
12
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
13
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
14
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
15
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
16
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
17
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
18
|
+
* SOFTWARE.
|
19
|
+
* */
|
20
|
+
"use strict";const r=require("./property-ChsOQ1Yj.cjs"),u=require("./directive-helpers-nlQRAaQt-CQ_hWlbQ.cjs"),s=require("./if-defined-BSAr_4u4-CNmaFBUP.cjs"),f=require("./index-DDleIdd8.cjs"),z=require("./index-DC2Pby0z.cjs");require("./index-Bti4K2L2.cjs");const y=require("./sized-mixin-BxMraZLS-w9I35lP7.cjs"),h=require("@luzmo/icons");require("./index-CMvLpPKD-DoxJRhRP.cjs");const m=require("./async-directive-DWRUSKKF-C2JoUGYR.cjs");/*! * Lucero - The design system for Luzmo.
|
21
|
+
*
|
22
|
+
* Copyright © 2025 Luzmo
|
23
|
+
* All rights reserved.
|
24
|
+
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
25
|
+
* This license allows users with a current active Luzmo account to use Lucero.
|
26
|
+
* This license terminates automatically if a user no longer has an active Luzmo account.
|
27
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
28
|
+
*
|
29
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
30
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
31
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
32
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
33
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
34
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
35
|
+
* SOFTWARE.
|
36
|
+
* */class x{constructor(e){this.cachedAriaLabel=null,this.host=e,this.host.addController(this)}renderPendingState(){const e=this.host.pendingLabel||"Pending";return this.host.pending?r.Ht`
|
37
|
+
<luzmo-progress-circle
|
38
|
+
id="loader"
|
39
|
+
size="s"
|
40
|
+
indeterminate
|
41
|
+
aria-valuetext=${e}
|
42
|
+
class="progress-circle"
|
43
|
+
></luzmo-progress-circle>
|
44
|
+
`:r.Ht``}updateAriaLabel(){const{pending:e,disabled:o,pendingLabel:t}=this.host,l=this.host.getAttribute("aria-label");e&&!o&&l!==t?(this.cachedAriaLabel=l,this.host.setAttribute("aria-label",t||"Pending")):(!e||o)&&(this.cachedAriaLabel?this.host.setAttribute("aria-label",this.cachedAriaLabel):e||this.host.removeAttribute("aria-label"))}hostConnected(){this.cachedAriaLabel||(this.cachedAriaLabel=this.host.getAttribute("aria-label")),this.updateAriaLabel()}hostUpdated(){this.updateAriaLabel()}}/*! * Lucero - The design system for Luzmo.
|
45
|
+
*
|
46
|
+
* Copyright © 2025 Luzmo
|
47
|
+
* All rights reserved.
|
48
|
+
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
49
|
+
* This license allows users with a current active Luzmo account to use Lucero.
|
50
|
+
* This license terminates automatically if a user no longer has an active Luzmo account.
|
51
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
52
|
+
*
|
53
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
54
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
55
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
56
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
57
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
58
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
59
|
+
* SOFTWARE.
|
60
|
+
* *//**
|
61
|
+
* @license
|
62
|
+
* Copyright 2018 Google LLC
|
63
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
64
|
+
*/const w=u._(class extends u.${constructor(i){var e;if(super(i),i.type!==u.s.ATTRIBUTE||i.name!=="class"||((e=i.strings)==null?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(i){return" "+Object.keys(i).filter(e=>i[e]).join(" ")+" "}update(i,[e]){var o,t;if(this.st===void 0){this.st=new Set,i.strings!==void 0&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter(n=>n!=="")));for(const n in e)e[n]&&!((o=this.nt)!=null&&o.has(n))&&this.st.add(n);return this.render(e)}const l=i.element.classList;for(const n of this.st)n in e||(l.remove(n),this.st.delete(n));for(const n in e){const d=!!e[n];d===this.st.has(n)||(t=this.nt)!=null&&t.has(n)||(d?(l.add(n),this.st.add(n)):(l.remove(n),this.st.delete(n)))}return r.v}}),C="(max-width: 743px) and (hover: none) and (pointer: coarse)";class I{constructor(e,o){this.key=Symbol("match-media-key"),this.matches=!1,this.host=e,this.host.addController(this),this.media=window.matchMedia(o),this.matches=this.media.matches,this.onChange=this.onChange.bind(this),e.addController(this)}hostConnected(){var e;(e=this.media)==null||e.addEventListener("change",this.onChange)}hostDisconnected(){var e;(e=this.media)==null||e.removeEventListener("change",this.onChange)}onChange(e){this.matches!==e.matches&&(this.matches=e.matches,this.host.requestUpdate(this.key,!this.matches))}}const S='#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--luzmo-button-font-family, var(--luzmo-font-family));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--luzmo-button-line-height, var(--luzmo-line-height, 1.3));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--luzmo-button-animation-duration, var(--luzmo-animation-duration)) ease-out,border-color var(--luzmo-button-animation-duration, var(--luzmo-animation-duration)) ease-out,color var(--luzmo-button-animation-duration, var(--luzmo-animation-duration)) ease-out,box-shadow var(--luzmo-button-animation-duration, var(--luzmo-animation-duration)) ease-out;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;position:relative;overflow:visible}#button::-moz-focus-inner{border-style:none;padding:0}#button:focus{outline:none}@media (forced-colors: active){:host{--highcontrast-picker-focus-indicator-color: Highlight;--highcontrast-picker-border-color-default: ButtonBorder;--highcontrast-picker-border-color-hover: Highlight;--highcontrast-picker-border-color-disabled: GrayText;--highcontrast-picker-content-color-default: ButtonText;--highcontrast-picker-content-color-disabled: GrayText;--highcontrast-picker-background-color: ButtonFace}#button.is-keyboardFocused,#button:focus-visible{--highcontrast-picker-border-color-hover: ButtonText}#button .label,#button:after{forced-color-adjust:none}}#button{box-sizing:border-box;max-inline-size:100%;min-inline-size:calc(var(--picker-minimum-width-multiplier) * var(--luzmo-picker-block-size, var(--picker-block-size)));block-size:var(--luzmo-picker-block-size, var(--picker-block-size));border-width:var(--luzmo-picker-border-width, var(--picker-border-width));border-radius:var(--luzmo-picker-border-radius, var(--picker-border-radius));box-shadow:var(--luzmo-picker-box-shadow, var(--picker-box-shadow));transition:background-color var(--luzmo-picker-animation-duration, var(--picker-animation-duration)),box-shadow var(--luzmo-picker-animation-duration, var(--picker-animation-duration)),border-color var(--luzmo-picker-animation-duration, var(--picker-animation-duration)) ease-in-out;color:var(--highcontrast-picker-content-color-default, var(--luzmo-picker-font-color-default, var(--picker-font-color-default)));background-color:var(--highcontrast-picker-background-color, var(--luzmo-picker-background-color-default, var(--picker-background-color-default)));border-style:solid;border-color:var(--highcontrast-picker-border-color-default, var(--luzmo-picker-border-color-default, var(--picker-border-color-default)));margin-block-start:var(--luzmo-picker-spacing-label-to-picker, var(--picker-spacing-label-to-picker));padding-block:0;padding-inline-start:var(--luzmo-picker-spacing-edge-to-text, var(--picker-spacing-edge-to-text));padding-inline-end:var(--luzmo-picker-spacing-edge-to-disclosure-icon, var(--picker-spacing-edge-to-disclosure-icon));display:flex}#button:after{pointer-events:none;content:"";block-size:calc(100% + var(--luzmo-picker-focus-indicator-gap, var(--picker-focus-indicator-gap)) * 2 + var(--luzmo-picker-border-width, var(--picker-border-width)) * 2);inline-size:calc(100% + var(--luzmo-picker-focus-indicator-gap, var(--picker-focus-indicator-gap)) * 2 + var(--luzmo-picker-border-width, var(--picker-border-width)) * 2);border-style:solid;border-width:var(--luzmo-picker-focus-indicator-thickness, var(--picker-focus-indicator-thickness));border-radius:calc(var(--luzmo-picker-border-radius, var(--picker-border-radius)) + var(--luzmo-picker-focus-indicator-gap, var(--picker-focus-indicator-gap)) + var(--luzmo-picker-border-width, var(--picker-border-width)));border-color:#0000;margin-block-start:calc((var(--luzmo-picker-focus-indicator-gap, var(--picker-focus-indicator-gap)) + var(--luzmo-picker-focus-indicator-thickness, var(--picker-focus-indicator-thickness)) + var(--luzmo-picker-border-width, var(--picker-border-width))) * -1);margin-inline-start:calc((var(--luzmo-picker-focus-indicator-gap, var(--picker-focus-indicator-gap)) + var(--luzmo-picker-focus-indicator-thickness, var(--picker-focus-indicator-thickness)) + var(--luzmo-picker-border-width, var(--picker-border-width))) * -1);position:absolute;inset-block:0;inset-inline:0}#button:active{background-color:var(--highcontrast-picker-background-color, var(--luzmo-picker-background-color-active, var(--picker-background-color-active)));border-color:var(--highcontrast-picker-border-color-default, var(--luzmo-picker-border-active, var(--picker-border-color-active)))}#button:active:after{border-color:#0000}#button.placeholder:active .label{color:var(--highcontrast-picker-content-color-default, var(--luzmo-picker-font-color-active, var(--picker-font-color-active)))}#button.is-keyboardFocused,#button:focus-visible{background-color:var(--highcontrast-picker-background-color, var(--luzmo-picker-background-color-key-focus, var(--picker-background-color-key-focus)));border-color:var(--highcontrast-picker-border-color-default, var(--luzmo-picker-border-color-key-focus, var(--picker-border-color-key-focus)));color:var(--highcontrast-picker-content-color-default, var(--luzmo-picker-font-color-key-focus, var(--picker-font-color-key-focus)));outline:none}#button.is-keyboardFocused:after,#button:focus-visible:after{border-color:var(--highcontrast-picker-focus-indicator-color, var(--luzmo-picker-focus-indicator-color, var(--picker-focus-indicator-color)))}#button.is-keyboardFocused.placeholder,#button.placeholder:focus-visible{color:var(--highcontrast-picker-content-color-default, var(--luzmo-picker-font-color-key-focus, var(--picker-font-color-key-focus)))}#button.is-keyboardFocused .disclosure-icon,#button:focus-visible .disclosure-icon{color:var(--highcontrast-picker-content-color-default, var(--luzmo-picker-icon-color-key-focus, var(--picker-icon-color-key-focus)))}:host([open]) #button:not(:disabled,.is-disabled){color:var(--highcontrast-picker-content-color-default, var(--luzmo-picker-font-color-default-open, var(--picker-font-color-default-open)));background-color:var(--highcontrast-picker-background-color, var(--luzmo-picker-background-color-default-open, var(--picker-background-color-default-open)));border-color:var(--highcontrast-picker-border-color-default, var(--luzmo-picker-border-default-open, var(--picker-border-color-default-open)))}:host([open]) #button:not(:disabled,.is-disabled) .disclosure-icon{color:var(--highcontrast-picker-content-color-default, var(--luzmo-picker-icon-color-default-open, var(--picker-icon-color-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-picker-border-color-default, var(--luzmo-picker-border-color-error-default, var(--picker-border-color-error-default)))}:host([invalid]) #button:not(:disabled,.is-disabled) .validation-icon{color:var(--highcontrast-picker-content-color-default, var(--luzmo-picker-icon-color-error, var(--picker-icon-color-error)))}:host([invalid]) #button:not(:disabled,.is-disabled):active{border-color:var(--highcontrast-picker-border-color-default, var(--luzmo-picker-border-color-error-active, var(--picker-border-color-error-active)))}:host([invalid][open]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-picker-border-color-default, var(--luzmo-picker-border-color-error-default-open, var(--picker-border-color-error-default-open)))}:host([invalid]) #button.is-keyboardFocused:not(:disabled,.is-disabled),:host([invalid]) #button:not(:disabled,.is-disabled):focus-visible{border-color:var(--highcontrast-picker-border-color-default, var(--luzmo-picker-border-color-error-key-focus, var(--picker-border-color-error-key-focus)))}:host([pending]) #button .disclosure-icon{color:var(--highcontrast-picker-content-color-disabled, var(--luzmo-picker-icon-color-disabled, var(--picker-icon-color-disabled)))}.icon{flex-shrink:0}.label{white-space:nowrap;font-size:var(--luzmo-picker-font-size, var(--picker-font-size));line-height:var(--luzmo-picker-line-height, var(--picker-line-height));font-weight:var(--luzmo-picker-font-weight, var(--picker-font-weight));text-overflow:ellipsis;text-align:start;flex:auto;overflow:hidden}.label.placeholder{font-weight:var(--luzmo-picker-placeholder-font-weight, var(--picker-font-weight));font-style:var(--luzmo-picker-placeholder-font-style, var(--picker-placeholder-font-style));transition:color var(--luzmo-picker-animation-duration, var(--picker-animation-duration)) ease-in-out;color:var(--highcontrast-picker-content-color-default, var(--luzmo-picker-font-color-default, var(--picker-font-color-default)))}.label.placeholder:active{color:var(--highcontrast-picker-content-color-default, var(--luzmo-picker-font-color-active, var(--picker-font-color-active)))}.disclosure-icon{vertical-align:top;transition:color var(--luzmo-picker-animation-duration, var(--picker-animation-duration)) ease-out;margin-inline-start:var(--luzmo-picker-spacing-icon-to-disclosure-icon, var(--picker-spacing-icon-to-disclosure-icon));color:var(--highcontrast-picker-content-color-default, var(--luzmo-picker-icon-color-default, var(--picker-icon-color-default)));flex-shrink:0;display:inline-block;position:relative}.disclosure-icon:active{color:var(--highcontrast-picker-content-color-default, var(--luzmo-picker-icon-color-active, var(--picker-icon-color-active)))}luzmo-progress-circle,.validation-icon{margin-inline-start:var(--luzmo-picker-spacing-text-to-icon, var(--picker-spacing-text-to-icon))}.icon-container{display:flex;position:relative;height:100%;align-items:center;font-size:var(--luzmo-picker-disclosure-icon-size, var(--picker-disclosure-icon-size))}.icon-container.disclosure-icon{margin-inline-end:0}.label~.disclosure-icon{margin-inline-start:var(--luzmo-picker-spacing-text-to-icon, var(--picker-spacing-text-to-icon))}:host([quiet]) #button{inline-size:auto;min-inline-size:0;padding-inline:var(--luzmo-picker-spacing-edge-to-text-quiet, var(--picker-spacing-edge-to-text-quiet));color:var(--highcontrast-picker-content-color-default, var(--luzmo-picker-font-color-default, var(--picker-font-color-default)));background-color:initial;background-color:var(--highcontrast-picker-background-color, transparent);border:none;border-radius:0;box-shadow:none;margin-block-start:calc(var(--luzmo-picker-spacing-label-to-picker-quiet, var(--picker-spacing-label-to-picker-quiet)) + 1px)}:host([quiet]) #button.label-inline{margin-block-start:0}:host([quiet]) #button .disclosure-icon{margin-inline-end:var(--luzmo-picker-spacing-edge-to-disclosure-icon-quiet, var(--picker-spacing-edge-to-disclosure-icon-quiet))}:host([quiet]) #button:after{block-size:auto;inline-size:auto;border:none}@media (hover: hover){#button:hover{color:var(--highcontrast-picker-content-color-default, var(--luzmo-picker-font-color-hover, var(--picker-font-color-hover)));background-color:var(--highcontrast-picker-background-color, var(--luzmo-picker-background-color-hover, var(--picker-background-color-hover)));border-color:var(--highcontrast-picker-border-color-hover, var(--luzmo-picker-border-color-hover, var(--picker-border-color-hover)))}#button:hover .disclosure-icon{color:var(--highcontrast-picker-content-color-default, var(--luzmo-picker-icon-color-hover, var(--picker-icon-color-hover)))}:host([open]):not([quiet]) #button:not(:disabled,.is-disabled):hover{color:var(--highcontrast-picker-content-color-default, var(--luzmo-picker-font-color-hover-open, var(--picker-font-color-hover-open)));background-color:var(--highcontrast-picker-background-color, var(--luzmo-picker-background-color-hover-open, var(--picker-background-color-hover-open)));border-color:var(--highcontrast-picker-border-color-hover, var(--luzmo-picker-border-color-hover-open, var(--picker-border-color-hover-open)))}:host([open]) #button:not(:disabled,.is-disabled):hover .disclosure-icon{color:var(--highcontrast-picker-content-color-default, var(--luzmo-picker-icon-color-hover-open, var(--picker-icon-color-hover-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-picker-border-color-hover, var(--luzmo-picker-border-color-error-hover, var(--picker-border-color-error-hover)))}:host([invalid][open]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-picker-border-color-hover, var(--luzmo-picker-border-color-error-hover-open, var(--picker-border-color-error-hover-open)))}.label.placeholder:hover{color:var(--highcontrast-picker-content-color-default, var(--luzmo-picker-font-color-hover, var(--picker-font-color-hover)))}:host([quiet]) #button:hover{background-color:initial;background-color:var(--highcontrast-picker-background-color, transparent)!important}}:host([quiet]) #button.is-keyboardFocused,:host([quiet]) #button:focus-visible{background-color:initial;background-color:var(--highcontrast-picker-background-color, transparent)}:host([quiet]) #button.is-keyboardFocused:after,:host([quiet]) #button:focus-visible:after{box-shadow:0 var(--luzmo-picker-focus-indicator-thickness, var(--picker-focus-indicator-thickness)) 0 0 var(--highcontrast-picker-focus-indicator-color, var(--luzmo-picker-focus-indicator-color, var(--picker-focus-indicator-color)));margin:calc((var(--luzmo-picker-focus-indicator-gap, var(--picker-focus-indicator-gap)) + var(--luzmo-picker-border-width, var(--picker-border-width))) * -1) 0;border:none;border-radius:0}:host([quiet][open]) #button,:host([quiet][disabled]) #button#button,:host([quiet]) #button#button:disabled,:host([quiet]) #button:active{background-color:initial;background-color:var(--highcontrast-picker-background-color, transparent)}.label-inline{vertical-align:top;display:inline-flex}:host([disabled]) #button,#button:disabled{cursor:default;background-color:var(--highcontrast-picker-background-color, var(--luzmo-picker-background-color-disabled, var(--picker-background-color-disabled)));border-color:#0000;border-color:var(--highcontrast-picker-border-color-disabled, transparent);color:var(--highcontrast-picker-content-color-disabled, var(--luzmo-picker-font-color-disabled, var(--picker-font-color-disabled)))}:host([disabled]) #button .icon,:host([disabled]) #button .disclosure-icon,:host([disabled]) #button .validation-icon,#button:disabled .icon,#button:disabled .disclosure-icon,#button:disabled .validation-icon{color:var(--highcontrast-picker-content-color-disabled, var(--luzmo-picker-icon-color-disabled, var(--picker-icon-color-disabled)))}:host([disabled]) #button .label.placeholder,#button:disabled .label.placeholder{color:var(--highcontrast-picker-content-color-disabled, var(--luzmo-picker-font-color-disabled, var(--picker-font-color-disabled)))}:host{--picker-box-shadow: 0px 1px 3px 0px rgba(var(--luzmo-border-color-rgb), .06);--picker-background-color-default: var(--luzmo-background-color);--picker-background-color-default-open: var(--luzmo-background-color-hover);--picker-background-color-active: var(--luzmo-background-color-down);--picker-background-color-hover: var(--luzmo-background-color-hover);--picker-background-color-hover-open: var(--luzmo-background-color-down);--picker-background-color-key-focus: var(--luzmo-background-color-down);--picker-border-color-default: var(--luzmo-border-color);--picker-border-color-default-open: var(--luzmo-border-color-hover);--picker-border-color-hover: var(--luzmo-border-color);--picker-border-color-hover-open: var(--luzmo-border-color-hover);--picker-border-color-active: var(--luzmo-border-color);--picker-border-color-key-focus: var(--luzmo-border-color);--picker-border-width: var(--luzmo-border-width);--picker-font-size: var(--luzmo-font-size);--picker-font-weight: var(--luzmo-font-weight);--picker-placeholder-font-style: var(--luzmo-font-style);--picker-line-height: var(--luzmo-line-height);--picker-block-size: 32px;--picker-border-radius: var(--luzmo-border-radius);--picker-spacing-edge-to-text: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--picker-spacing-text-to-icon: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--picker-spacing-text-to-icon-inline-end: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--picker-spacing-icon-to-disclosure-icon: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--picker-spacing-edge-to-text-quiet: 0px;--picker-spacing-label-to-picker: 0px;--picker-spacing-label-to-picker-quiet: calc( -1 * var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--picker-spacing-edge-to-disclosure-icon: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--picker-spacing-edge-to-disclosure-icon-quiet: 0px;--picker-animation-duration: var(--luzmo-animation-duration);--picker-font-color-default: var(--luzmo-font-color);--picker-font-color-default-open: var(--luzmo-font-color-hover);--picker-font-color-hover: var(--luzmo-font-color-hover);--picker-font-color-hover-open: var(--luzmo-font-color-down);--picker-font-color-active: var(--luzmo-font-color-focus);--picker-font-color-key-focus: var(--luzmo-font-color-focus);--picker-icon-color-default: var(--luzmo-font-color);--picker-icon-color-default-open: var(--luzmo-font-color-hover);--picker-icon-color-hover: var(--luzmo-font-color-hover);--picker-icon-color-hover-open: var(--luzmo-font-color-hover);--picker-icon-color-active: var(--luzmo-font-color-focus);--picker-icon-color-key-focus: var(--luzmo-font-color-focus);--picker-border-color-error-default: var(--luzmo-color-negative);--picker-border-color-error-default-open: var(--luzmo-color-negative-down);--picker-border-color-error-hover: var(--luzmo-color-negative-hover);--picker-border-color-error-hover-open: var(--luzmo-color-negative-down);--picker-border-color-error-active: var(--luzmo-color-negative-down);--picker-border-color-error-key-focus: var(--luzmo-color-negative-focus);--picker-icon-color-error: var(--luzmo-color-negative);--picker-background-color-disabled: var(--luzmo-background-color-disabled);--picker-font-color-disabled: var(--luzmo-color-disabled);--picker-icon-color-disabled: var(--luzmo-color-disabled);--picker-focus-indicator-gap: var(--luzmo-indicator-gap);--picker-focus-indicator-thickness: var(--luzmo-indicator-width);--picker-focus-indicator-color: var(--luzmo-indicator-color);--picker-disclosure-icon-size: var(--luzmo-font-size-s)}:host([size=s]){--picker-block-size: 28px;--picker-font-size: var(--luzmo-font-size-s);--picker-border-radius: var(--luzmo-border-radius);--picker-spacing-edge-to-text: var(--luzmo-spacing-3);--picker-spacing-text-to-icon: var(--luzmo-spacing-3);--picker-spacing-text-to-icon-inline-end: var(--luzmo-spacing-3);--picker-spacing-icon-to-disclosure-icon: var(--luzmo-spacing-3);--picker-spacing-label-to-picker-quiet: calc(-1 * var(--luzmo-spacing-3));--picker-spacing-edge-to-disclosure-icon: var(--luzmo-spacing-3);--picker-disclosure-icon-size: var(--luzmo-font-size-s)}:host([size=l]){--picker-block-size: 40px;--picker-font-size: var(--luzmo-font-size-l);--picker-border-radius: var(--luzmo-border-radius);--picker-spacing-edge-to-text: var(--luzmo-spacing-4);--picker-spacing-text-to-icon: var(--luzmo-spacing-4);--picker-spacing-text-to-icon-inline-end: var(--luzmo-spacing-4);--picker-spacing-icon-to-disclosure-icon: var(--luzmo-spacing-4);--picker-spacing-label-to-picker-quiet: calc(-1 * var(--luzmo-spacing-4));--picker-spacing-edge-to-disclosure-icon: var(--luzmo-spacing-4);--picker-disclosure-icon-size: var(--luzmo-font-size)}:host([size=xl]){--picker-block-size: 48px;--picker-font-size: var(--luzmo-font-size-xl);--picker-border-radius: var(--luzmo-border-radius-l);--picker-spacing-edge-to-text: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--picker-spacing-text-to-icon: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--picker-spacing-text-to-icon-inline-end: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--picker-spacing-icon-to-disclosure-icon: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--picker-spacing-label-to-picker-quiet: calc( -1 * var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--picker-spacing-edge-to-disclosure-icon: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--picker-disclosure-icon-size: var(--luzmo-font-size-l)}:host([variant=highlight]) ::slotted(luzmo-menu-item[selected]){--menu-item-highlight-label-content-color: var(--luzmo-primary-inverse-color);--menu-checkmark-display: var(--menu-checkmark-display-hidden);padding-inline-start:var(--luzmo-menu-item-label-inline-edge-to-content, var(--menu-item-label-inline-edge-to-content));background-color:var(--luzmo-menu-item-highlight-label-background-color, var(--menu-item-highlight-label-background-color, var(--luzmo-border-color)))}:host{display:inline-flex;vertical-align:top;max-inline-size:100%;inline-size:var(--luzmo-picker-inline-size, var(--picker-inline-size));min-inline-size:calc(var(--picker-minimum-width-multiplier) * var(--luzmo-picker-block-size, var(--picker-block-size)))}:host([quiet]){width:auto;min-width:0}:host([disabled]){pointer-events:none}#button{width:100%;min-width:100%;max-width:100%}#icon:not([hidden]){display:inline-flex}:host([readonly]) #button{-webkit-user-select:inherit;user-select:inherit}.picker,.validation-icon{flex-shrink:0}luzmo-overlay{pointer-events:none}luzmo-menu{pointer-events:initial}:host>luzmo-menu{display:none}:host([focused]:not([quiet])) #button #label.placeholder{color:var(--picker-placeholder-text-color-key-focus, var(--alias-placeholder-text-color-hover))}#label.visually-hidden~.picker{margin-inline-start:auto}:host([focused]:not([quiet],[pending])) #button .picker{color:var(--picker-icon-color-key-focus, var(--alias-icon-color-focus))}.visually-hidden{border:0;clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;margin:0 -1px -1px 0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}luzmo-overlay:not(:defined){display:none}#button.remove-focus-ring-safari-hack:focus-visible{background-color:var(--highcontrast-picker-background-color, var(--luzmo-picker-background-color-default, var(--picker-background-color-default)));border-color:var(--highcontrast-picker-border-color-default, var(--luzmo-picker-border-color-default, var(--picker-border-color-default)));color:var(--highcontrast-picker-content-color-default, var(--luzmo-picker-font-color-default, var(--picker-font-color-default)))}#button.remove-focus-ring-safari-hack:after{border:none}#button.remove-focus-ring-safari-hack:focus-visible:after{box-shadow:none}#button.remove-focus-ring-safari-hack:active{background-color:var(--highcontrast-picker-background-color, var(--luzmo-picker-background-color-default, var(--picker-background-color-default)));border-color:var(--highcontrast-picker-border-color-default, var(--luzmo-picker-border-color-default, var(--picker-border-color-default)));color:var(--highcontrast-picker-content-color-default, var(--luzmo-picker-font-color-default, var(--picker-font-color-default)))}';var v=(i=>(i[i.desktop=0]="desktop",i[i.mobile=1]="mobile",i))(v||{});class k{constructor(e,o){this.target=e,this.host=o,this.preventNextToggle="no",this.pointerdownState=!1,this.enterKeydownOn=null,this._open=!1,this.target=e,this.host=o,this.host.addController(this),this.init()}get activelyOpening(){return!1}get open(){return this._open}set open(e){if(this._open!==e){if(this._open=e,this.overlay){this.host.open=e;return}customElements.whenDefined("luzmo-overlay").then(async()=>{const{LuzmoOverlay:o}=await Promise.resolve().then(()=>require("./index-DDleIdd8.cjs")).then(t=>t.index);this.overlay=new o,this.host.open=!0,this.host.requestUpdate()}),Promise.resolve().then(()=>require("./index-DDleIdd8.cjs")).then(o=>o.index)}}get overlay(){return this._overlay}set overlay(e){e&&this.overlay!==e&&(this._overlay=e,this.initOverlay())}releaseDescription(){}handleBeforetoggle(e){var o;e.composedPath()[0]===e.target&&(e.newState==="closed"&&(this.preventNextToggle==="no"?this.open=!1:this.pointerdownState||(o=this.overlay)==null||o.manuallyKeepOpen()),this.open||(this.host.optionsMenu.updateSelectedItemIndex(),this.host.optionsMenu.closeDescendentOverlays()))}initOverlay(){this.overlay&&(this.overlay.addEventListener("beforetoggle",e=>{this.handleBeforetoggle(e)}),this.overlay.type=this.host.isMobile.matches?"modal":"auto",this.overlay.triggerElement=this.host,this.overlay.placement=this.host.isMobile.matches?void 0:this.host.placement,this.overlay.receivesFocus="true",this.overlay.willPreventClose=this.preventNextToggle!=="no"&&this.open,this.overlay.addEventListener("slottable-request",this.host.handleSlottableRequest))}handlePointerdown(e){}handleButtonFocus(e){this.preventNextToggle==="maybe"&&e.relatedTarget===this.host.optionsMenu&&(this.preventNextToggle="yes")}handleActivate(e){}init(){}abort(){var e;this.releaseDescription(),(e=this.abortController)==null||e.abort()}hostConnected(){this.init()}hostDisconnected(){var e;(e=this.abortController)==null||e.abort()}hostUpdated(){this.overlay&&this.host.dependencyManager.loaded&&this.host.open!==this.overlay.open&&(this.overlay.willPreventClose=this.preventNextToggle!=="no",this.overlay.open=this.host.open)}}class q extends k{constructor(){super(...arguments),this.type=v.desktop}handlePointerdown(e){if(e.button!==0||e.pointerType==="touch")return;this.pointerdownState=this.open,this.preventNextToggle="maybe";let o=0;const t=()=>{cancelAnimationFrame(o),o=requestAnimationFrame(()=>{document.removeEventListener("pointerup",t),document.removeEventListener("pointercancel",t),this.target.removeEventListener("click",t),requestAnimationFrame(()=>{this.preventNextToggle="no"})})};document.addEventListener("pointerup",t),document.addEventListener("pointercancel",t),this.target.addEventListener("click",t),this.handleActivate()}handleActivate(e){this.enterKeydownOn&&this.enterKeydownOn!==this.target||this.preventNextToggle!=="yes"&&((e==null?void 0:e.type)==="click"&&this.open!==this.pointerdownState||this.host.toggle())}init(){var e;(e=this.abortController)==null||e.abort(),this.abortController=new AbortController;const{signal:o}=this.abortController;this.target.addEventListener("click",t=>this.handleActivate(t),{signal:o}),this.target.addEventListener("pointerdown",t=>this.handlePointerdown(t),{signal:o}),this.target.addEventListener("focus",t=>this.handleButtonFocus(t),{signal:o})}}const p="remove-focus-ring-safari-hack";class E extends k{constructor(){super(...arguments),this.type=v.mobile}handleClick(){this.preventNextToggle==="no"&&(this.open=!this.open),this.preventNextToggle="no"}handlePointerdown(){this.preventNextToggle=this.open?"yes":"no",m.c()&&this.target.classList.add(p)}handleFocusOut(){this.host.open||m.c()&&this.target.classList.contains(p)&&this.target.classList.remove(p)}init(){var e;(e=this.abortController)==null||e.abort(),this.abortController=new AbortController;const{signal:o}=this.abortController;this.target.addEventListener("click",()=>this.handleClick(),{signal:o}),this.target.addEventListener("pointerdown",()=>this.handlePointerdown(),{signal:o}),this.target.addEventListener("focusout",()=>this.handleFocusOut(),{signal:o})}}const b={desktop:q,mobile:E};var M=Object.defineProperty,$=Object.getOwnPropertyDescriptor,c=(i,e,o,t)=>{for(var l=t>1?void 0:t?$(e,o):e,n=i.length-1,d;n>=0;n--)(d=i[n])&&(l=(t?d(e,o,l):d(l))||l);return t&&l&&M(e,o,l),l};const A=()=>r.Ht`
|
65
|
+
<div class="disclosure-icon icon">
|
66
|
+
${h.luzmoIcon(h.luzmoAngleDown,{className:"indicator"})}
|
67
|
+
</div>
|
68
|
+
`,L=()=>r.Ht`
|
69
|
+
<div class="icon-container validation-icon icon">
|
70
|
+
${h.luzmoIcon(h.luzmoAlert)}
|
71
|
+
</div>
|
72
|
+
`,g="option-picker";class a extends y.m(r.r,{noDefaultSize:!0}){constructor(){super(),this.disabled=!1,this.focused=!1,this.invalid=!1,this.pending=!1,this.pendingLabel="Pending",this.open=!1,this.readonly=!1,this.placement="bottom-start",this.quiet=!1,this.value="",this.selects="single",this.dependencyManager=new z.a(this),this.isMobile=new I(this,C),this.listRole="listbox",this.itemRole="option",this.hasRenderedOverlay=!1,this._selfManageFocusElement=!1,this.deprecatedMenu=null,this.selectionPromise=Promise.resolve(),this.willManageSelection=!1,this.recentlyConnected=!1,this.enterKeydownOn=null,this.handleSlottableRequest=e=>{},this.applyFocusElementLabel=(e,o)=>{this.appliedLabel=e,this.labelAlignment=o.sideAligned?"inline":void 0},this.handleKeydown=e=>{this.focused=!0,!(e.code!=="ArrowDown"&&e.code!=="ArrowUp")&&(e.stopPropagation(),e.preventDefault(),this.toggle(!0))},this.renderAngleIcon=()=>A(),this.renderAlertIcon=()=>L(),this.handleEnterKeydown=e=>{if(e.code==="Enter"){if(this.enterKeydownOn){e.preventDefault();return}this.enterKeydownOn=e.target,this.addEventListener("keyup",o=>{o.code==="Enter"&&(this.enterKeydownOn=null)},{once:!0})}},this.pendingStateController=new x(this)}get selectedItem(){return this._selectedItem}get selectedItemContent(){return this._selectedItemContent||{icon:[],content:[]}}get selfManageFocusElement(){return this._selfManageFocusElement}get menuItems(){return this.optionsMenu.childItems}set selectedItem(e){if(this.selectedItemContent=e?e.itemChildren:void 0,e===this.selectedItem)return;const o=this.selectedItem;this._selectedItem=e,this.requestUpdate("selectedItem",o)}get focusElement(){return this.open?this.optionsMenu:this.button}forceFocusVisible(){this.disabled||(this.focused=!0)}click(){this.disabled||this.toggle()}handleButtonBlur(){this.focused=!1}focus(e){super.focus(e),!this.disabled&&this.focusElement&&(this.focused=this.hasVisibleFocusInTree())}handleHelperFocus(){this.focused=!0,this.button.focus()}handleChange(e){this.strategy&&(this.strategy.preventNextToggle="no");const o=e.target,[t]=o.selectedItems;e.stopPropagation(),e.cancelable?this.setValueFromItem(t,e):(this.open=!1,this.strategy&&(this.strategy.open=!1))}handleButtonFocus(e){var o;(o=this.strategy)==null||o.handleButtonFocus(e)}toggle(e){this.readonly||this.pending||(this.open=e===void 0?!this.open:e,this.strategy&&(this.strategy.open=this.open),this._selfManageFocusElement=this.open)}close(){this.readonly||this.strategy&&(this.open=!1,this.strategy.open=!1)}bindEvents(){var e;(e=this.strategy)==null||e.abort(),this.strategy=this.isMobile.matches?new b.mobile(this.button,this):new b.desktop(this.button,this)}connectedCallback(){super.connectedCallback(),this.recentlyConnected=this.hasUpdated}disconnectedCallback(){var e;this.close(),(e=this.strategy)==null||e.releaseDescription(),super.disconnectedCallback()}async setValueFromItem(e,o){this.open=!1,this.strategy&&(this.strategy.open=!1);const t=this.selectedItem,l=this.value;if(this.selectedItem=e,this.value=(e==null?void 0:e.value)??"",await this.updateComplete,!this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!0,composed:!0,detail:this.value}))&&this.selects){o&&o.preventDefault(),this.setMenuItemSelected(this.selectedItem,!1),t&&this.setMenuItemSelected(t,!0),this.selectedItem=t,this.value=l,this.open=!0,this.strategy&&(this.strategy.open=!0);return}else if(!this.selects){this.selectedItem=t,this.value=l;return}t&&this.setMenuItemSelected(t,!1),this.setMenuItemSelected(e,!!this.selects)}setMenuItemSelected(e,o){this.selects!=null&&(e.selected=o)}get containerStyles(){return this.isMobile.matches?{"--swc-menu-width":"100%"}:{}}set selectedItemContent(e){if(e===this.selectedItemContent)return;const o=this.selectedItemContent;this._selectedItemContent=e,this.requestUpdate("selectedItemContent",o)}handleTooltipSlotchange(e){this.tooltipEl=e.target.assignedElements()[0]}renderLabelContent(e){return this.value&&this.selectedItem?e:r.Ht`
|
73
|
+
<slot name="label" id="label">
|
74
|
+
<span aria-hidden=${s.m(this.appliedLabel?void 0:"true")}>
|
75
|
+
${this.label}
|
76
|
+
</span>
|
77
|
+
</slot>
|
78
|
+
`}get buttonContent(){const e={"visually-hidden":this.icons==="only"&&!!this.value,placeholder:!this.value,label:!0},o=this.appliedLabel||this.label;return[r.Ht`
|
79
|
+
<div id="icon" ?hidden=${this.icons==="none"}>
|
80
|
+
${this.selectedItemContent.icon}
|
81
|
+
</div>
|
82
|
+
<div
|
83
|
+
id=${s.m(this.value&&this.selectedItem?"label":void 0)}
|
84
|
+
class=${w(e)}
|
85
|
+
>
|
86
|
+
${this.renderLabelContent(this.selectedItemContent.content)}
|
87
|
+
</div>
|
88
|
+
${this.value&&this.selectedItem?r.Ht`
|
89
|
+
<div
|
90
|
+
aria-hidden="true"
|
91
|
+
class="visually-hidden"
|
92
|
+
id="applied-label"
|
93
|
+
>
|
94
|
+
${o}
|
95
|
+
<slot name="label"></slot>
|
96
|
+
</div>
|
97
|
+
`:r.Ht` <span hidden id="applied-label">${o}</span> `}
|
98
|
+
${this.invalid&&!this.pending?r.Ht` ${this.renderAlertIcon()} `:r.d}
|
99
|
+
${this.pendingStateController.renderPendingState()}
|
100
|
+
${this.renderAngleIcon()}
|
101
|
+
<slot
|
102
|
+
aria-hidden="true"
|
103
|
+
name="tooltip"
|
104
|
+
id="tooltip"
|
105
|
+
@slotchange=${this.handleTooltipSlotchange}
|
106
|
+
></slot>
|
107
|
+
`]}renderOverlay(e){var o,t,l;if(((o=this.strategy)==null?void 0:o.overlay)===void 0)return e;const n=this.renderContainer(e);return r.wt(n,(t=this.strategy)==null?void 0:t.overlay,{host:this}),(l=this.strategy)==null?void 0:l.overlay}get renderDescriptionSlot(){return r.Ht`
|
108
|
+
<div id=${g}>
|
109
|
+
<slot name="description"></slot>
|
110
|
+
</div>
|
111
|
+
`}render(){return this.tooltipEl&&(this.tooltipEl.disabled=this.open),r.Ht`
|
112
|
+
<span
|
113
|
+
id="focus-helper"
|
114
|
+
tabindex=${this.focused||this.open?"-1":"0"}
|
115
|
+
@focus=${this.handleHelperFocus}
|
116
|
+
aria-describedby=${g}
|
117
|
+
></span>
|
118
|
+
<button
|
119
|
+
aria-controls=${s.m(this.open?"menu":void 0)}
|
120
|
+
aria-describedby="tooltip"
|
121
|
+
aria-expanded=${this.open?"true":"false"}
|
122
|
+
aria-haspopup="true"
|
123
|
+
aria-labelledby="loader icon label applied-label"
|
124
|
+
id="button"
|
125
|
+
class=${s.m(this.labelAlignment?`label-${this.labelAlignment}`:void 0)}
|
126
|
+
@blur=${this.handleButtonBlur}
|
127
|
+
@keydown=${{handleEvent:this.handleEnterKeydown,capture:!0}}
|
128
|
+
?disabled=${this.disabled}
|
129
|
+
tabindex="-1"
|
130
|
+
>
|
131
|
+
${this.buttonContent}
|
132
|
+
</button>
|
133
|
+
${this.renderMenu} ${this.renderDescriptionSlot}
|
134
|
+
`}update(e){var o,t;this.selects&&(this.selects="single"),e.has("disabled")&&this.disabled&&this.strategy&&(this.open=!1,this.strategy.open=!1),e.has("pending")&&this.pending&&this.strategy&&(this.open=!1,this.strategy.open=!1),e.has("value")&&this.shouldScheduleManageSelection(),this.hasUpdated||(this.deprecatedMenu=this.querySelector(":scope > luzmo-menu"),(o=this.deprecatedMenu)==null||o.toggleAttribute("ignore",!0),(t=this.deprecatedMenu)==null||t.setAttribute("selects","inherit")),super.update(e)}bindButtonKeydownListener(){this.button.addEventListener("keydown",this.handleKeydown)}updated(e){super.updated(e),e.has("open")&&(this.strategy.open=this.open)}firstUpdated(e){super.firstUpdated(e),this.bindButtonKeydownListener(),this.bindEvents()}get dismissHelper(){return r.Ht`
|
135
|
+
<div class="visually-hidden">
|
136
|
+
<button
|
137
|
+
tabindex="-1"
|
138
|
+
aria-label="Dismiss"
|
139
|
+
@click=${this.close}
|
140
|
+
></button>
|
141
|
+
</div>
|
142
|
+
`}renderContainer(e){const o=r.Ht`
|
143
|
+
${this.dismissHelper} ${e} ${this.dismissHelper}
|
144
|
+
`;return this.dependencyManager.add("luzmo-popover"),Promise.resolve().then(()=>require("./index-BEi8DTwW.cjs")),r.Ht`
|
145
|
+
<luzmo-popover
|
146
|
+
id="popover"
|
147
|
+
size=${this.size}
|
148
|
+
role="presentation"
|
149
|
+
style=${f.p(this.containerStyles)}
|
150
|
+
placement=${this.placement}
|
151
|
+
>
|
152
|
+
${o}
|
153
|
+
</luzmo-popover>
|
154
|
+
`}get renderMenu(){const e=r.Ht`
|
155
|
+
<luzmo-menu
|
156
|
+
aria-labelledby="applied-label"
|
157
|
+
@change=${this.handleChange}
|
158
|
+
id="menu"
|
159
|
+
@keydown=${{handleEvent:this.handleEnterKeydown,capture:!0}}
|
160
|
+
@scroll=${this.onScroll}
|
161
|
+
role=${this.listRole}
|
162
|
+
.selects=${this.selects}
|
163
|
+
.selected=${this.value?[this.value]:[]}
|
164
|
+
size=${this.size}
|
165
|
+
@luzmo-menu-item-added-or-updated=${this.shouldManageSelection}
|
166
|
+
>
|
167
|
+
<slot @slotchange=${this.shouldScheduleManageSelection}></slot>
|
168
|
+
</luzmo-menu>
|
169
|
+
`;return this.hasRenderedOverlay=this.hasRenderedOverlay||this.focused||this.open||!!this.deprecatedMenu,this.hasRenderedOverlay?(this.dependencyManager.loaded&&this.dependencyManager.add("luzmo-overlay"),this.renderOverlay(e)):e}shouldScheduleManageSelection(e){!this.willManageSelection&&(!e||e.target.getRootNode().host===this)&&(this.willManageSelection=!0,requestAnimationFrame(()=>{requestAnimationFrame(()=>{this.manageSelection()})}))}shouldManageSelection(){this.willManageSelection||(this.willManageSelection=!0,this.manageSelection())}async manageSelection(){if(this.selects==null)return;this.selectionPromise=new Promise(o=>this.selectionResolver=o);let e;await this.optionsMenu.updateComplete,this.recentlyConnected&&(await new Promise(o=>requestAnimationFrame(()=>o(!0))),this.recentlyConnected=!1),this.menuItems.forEach(o=>{this.value===o.value&&!o.disabled?e=o:o.selected=!1}),e?(e.selected=!!this.selects,this.selectedItem=e):(this.value="",this.selectedItem=void 0),this.open&&(await this.optionsMenu.updateComplete,this.optionsMenu.updateSelectedItemIndex()),this.selectionResolver(),this.willManageSelection=!1}async getUpdateComplete(){const e=await super.getUpdateComplete();return await this.selectionPromise,e}onScroll(){this.dispatchEvent(new Event("scroll",{cancelable:!0,composed:!0}))}}c([u.n()],a.prototype,"appliedLabel",2);c([s.d("#button")],a.prototype,"button",2);c([r.Rt({type:Boolean,reflect:!0})],a.prototype,"disabled",2);c([r.Rt({type:Boolean,reflect:!0})],a.prototype,"focused",2);c([r.Rt({type:String,reflect:!0})],a.prototype,"icons",2);c([r.Rt({type:String,reflect:!0})],a.prototype,"variant",2);c([r.Rt({type:Boolean,reflect:!0})],a.prototype,"invalid",2);c([r.Rt({type:Boolean,reflect:!0})],a.prototype,"pending",2);c([r.Rt({type:String,attribute:"pending-label"})],a.prototype,"pendingLabel",2);c([r.Rt()],a.prototype,"label",2);c([r.Rt({type:Boolean,reflect:!0})],a.prototype,"open",2);c([r.Rt({type:Boolean,reflect:!0})],a.prototype,"readonly",2);c([u.n()],a.prototype,"labelAlignment",2);c([s.d("luzmo-menu")],a.prototype,"optionsMenu",2);c([s.d("luzmo-overlay")],a.prototype,"overlayElement",2);c([r.Rt()],a.prototype,"placement",2);c([r.Rt({type:Boolean,reflect:!0})],a.prototype,"quiet",2);c([r.Rt({type:String})],a.prototype,"value",2);c([r.Rt({attribute:!1})],a.prototype,"selectedItem",1);c([u.n()],a.prototype,"selectedItemContent",1);class F extends a{constructor(){super(...arguments),this.handleKeydown=e=>{const{code:o}=e;if(this.focused=!0,!o.startsWith("Arrow")||this.readonly||this.pending)return;if(o==="ArrowUp"||o==="ArrowDown"){this.toggle(!0),e.preventDefault();return}e.preventDefault();const t=this.selectedItem?this.menuItems.indexOf(this.selectedItem):-1,l=t<0||o==="ArrowRight"?1:-1;let n=t+l;for(;this.menuItems[n]&&this.menuItems[n].disabled;)n+=l;!this.menuItems[n]||this.menuItems[n].disabled||(!this.value||n!==t)&&this.setValueFromItem(this.menuItems[n])}}static get styles(){return[r.ht(S)]}get containerStyles(){const e=super.containerStyles;return this.quiet||(e["min-width"]=`${this.offsetWidth}px`),e}}/*! * Lucero - The design system for Luzmo.
|
170
|
+
*
|
171
|
+
* Copyright © 2025 Luzmo
|
172
|
+
* All rights reserved.
|
173
|
+
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
174
|
+
* This license allows users with a current active Luzmo account to use Lucero.
|
175
|
+
* This license terminates automatically if a user no longer has an active Luzmo account.
|
176
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
177
|
+
*
|
178
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
179
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
180
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
181
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
182
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
183
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
184
|
+
* SOFTWARE.
|
185
|
+
* */const R=()=>{if(typeof document<"u"&&!document.querySelector("style[data-luzmo-vars]")){const i=document.createElement("style");i.setAttribute("data-luzmo-vars",""),i.textContent='html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}',document.head.appendChild(i)}};R();customElements.get("luzmo-picker")||customElements.define("luzmo-picker",F);
|