@luzmo/analytics-components-kit 1.0.1-alpha.11 → 1.0.1-alpha.13

package/components/{bar-chart.config-BYIX4E6J.js → column-chart.config-BT1QH4BI.js}

@@ -17,15 +17,15 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-const c = (l, e) => {
-  var r, n, o, i;
+const t = (l, e) => {
+  var r, n, o, a;
   if (e && e.length > 0)
-    return ((n = (r = e == null ? void 0 : e.find((a) => (a == null ? void 0 : a.name) === "legend")) == null ? void 0 : r.content) == null ? void 0 : n.length) > 0 || ((i = (o = e == null ? void 0 : e.find((a) => (a == null ? void 0 : a.name) === "measure")) == null ? void 0 : o.content) == null ? void 0 : i.length) > 1;
-}, u = (l, e) => {
-  var r, n, o, i;
+    return ((n = (r = e == null ? void 0 : e.find((i) => (i == null ? void 0 : i.name) === "legend")) == null ? void 0 : r.content) == null ? void 0 : n.length) > 0 || ((a = (o = e == null ? void 0 : e.find((i) => (i == null ? void 0 : i.name) === "measure")) == null ? void 0 : o.content) == null ? void 0 : a.length) > 1;
+}, c = (l, e) => {
+  var r, n, o, a;
   if (e && e.length > 0)
-    return ((n = (r = e == null ? void 0 : e.find((a) => (a == null ? void 0 : a.name) === "legend")) == null ? void 0 : r.content) == null ? void 0 : n.length) === 0 && ((i = (o = e == null ? void 0 : e.find((a) => (a == null ? void 0 : a.name) === "measure")) == null ? void 0 : o.content) == null ? void 0 : i.length) <= 1;
-}, d = [
+    return ((n = (r = e == null ? void 0 : e.find((i) => (i == null ? void 0 : i.name) === "legend")) == null ? void 0 : r.content) == null ? void 0 : n.length) === 0 && ((a = (o = e == null ? void 0 : e.find((i) => (i == null ? void 0 : i.name) === "measure")) == null ? void 0 : o.content) == null ? void 0 : a.length) <= 1;
+}, u = [
   {
     key: "general",
     type: "group",
@@ -38,11 +38,11 @@ const c = (l, e) => {
           default: "grouped",
           enum: ["grouped", "stacked", "100"]
         },
-        visibleIf: c
+        visibleIf: t
       },
       {
         type: "divider",
-        visibleIf: c
+        visibleIf: t
       },
       {
         key: "display.title",
@@ -57,7 +57,7 @@ const c = (l, e) => {
           type: "switch",
           default: !0
         },
-        visibleIf: c
+        visibleIf: t
       },
       {
         key: "display.modeOption",
@@ -65,7 +65,7 @@ const c = (l, e) => {
           type: "switch",
           default: !1
         },
-        visibleIf: c
+        visibleIf: t
       },
       {
         key: "bars.label",
@@ -87,7 +87,7 @@ const c = (l, e) => {
           type: "switch",
           default: !1
         },
-        visibleIf: u
+        visibleIf: c
       },
       {
         key: "bars.roundedCorners",
@@ -144,11 +144,37 @@ const c = (l, e) => {
             };
           }
         },
-        visibleIf: u
+        visibleIf: c
       }
     ]
+  },
+  {
+    key: "legend",
+    type: "group",
+    open: !1,
+    children: [
+      {
+        key: "legend.position",
+        control: {
+          label: "Position",
+          type: "position-picker",
+          default: "top-right",
+          enum: [
+            "top-left",
+            "top",
+            "top-right",
+            "right",
+            "bottom-right",
+            "bottom",
+            "bottom-left",
+            "left"
+          ]
+        }
+      }
+    ],
+    visibleIf: t
   }
 ];
 export {
-  d as default
+  u as default
 };

package/components/column-chart.config-CppyNukh.cjs

@@ -0,0 +1,20 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2024 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=(l,n)=>{var r,e,o,t;if(n&&n.length>0)return((e=(r=n==null?void 0:n.find(i=>(i==null?void 0:i.name)==="legend"))==null?void 0:r.content)==null?void 0:e.length)>0||((t=(o=n==null?void 0:n.find(i=>(i==null?void 0:i.name)==="measure"))==null?void 0:o.content)==null?void 0:t.length)>1},c=(l,n)=>{var r,e,o,t;if(n&&n.length>0)return((e=(r=n==null?void 0:n.find(i=>(i==null?void 0:i.name)==="legend"))==null?void 0:r.content)==null?void 0:e.length)===0&&((t=(o=n==null?void 0:n.find(i=>(i==null?void 0:i.name)==="measure"))==null?void 0:o.content)==null?void 0:t.length)<=1},u=[{key:"general",type:"group",open:!0,children:[{key:"mode",control:{type:"picker",default:"grouped",enum:["grouped","stacked","100"]},visibleIf:a},{type:"divider",visibleIf:a},{key:"display.title",control:{type:"switch",default:!0}},{key:"display.legend",control:{type:"switch",default:!0},visibleIf:a},{key:"display.modeOption",control:{type:"switch",default:!1},visibleIf:a},{key:"bars.label",control:{type:"picker",default:"none",enum:["none","percentage","percentageLegend","percentageCategory","percentageMax"]}},{key:"categories.colored",control:{type:"switch",default:!1},visibleIf:c},{key:"bars.roundedCorners",control:{type:"slider",default:(l,n,r)=>{var e;return(e=r==null?void 0:r.itemSpecific)==null?void 0:e.rounding},min:0,max:20,step:1,extraLabel:(l,n,r)=>{var e,o;if(typeof((e=r==null?void 0:r.itemSpecific)==null?void 0:e.rounding)=="number")return typeof((o=l==null?void 0:l.bars)==null?void 0:o.roundedCorners)!="number"?"auto":"reset"},extraLabelHasClickAction:(l,n,r)=>{var e,o;return!(typeof((e=r==null?void 0:r.itemSpecific)==null?void 0:e.rounding)!="number"||typeof((o=l==null?void 0:l.bars)==null?void 0:o.roundedCorners)!="number")},extraLabelClickAction:(l,n,r)=>{var o;const e={...l};return(o=e==null?void 0:e.bars)==null||delete o.roundedCorners,{value:null,options:e}}}},{key:"color",control:{type:"color-picker",default:(l,n,r)=>{var e;return(r==null?void 0:r.mainColor)??((e=r==null?void 0:r.colors)==null?void 0:e[0])},extraLabel:(l,n,r)=>{var o;const e=(r==null?void 0:r.mainColor)??((o=r==null?void 0:r.colors)==null?void 0:o[0]);if(e&&l.color!==e)return"reset"},extraLabelHasClickAction:(l,n,r)=>{var o;const e=(r==null?void 0:r.mainColor)??((o=r==null?void 0:r.colors)==null?void 0:o[0]);return!!(e&&l.color!==e)},extraLabelClickAction:(l,n,r)=>{var o;const e={...l};return e.color=(r==null?void 0:r.mainColor)??((o=r==null?void 0:r.colors)==null?void 0:o[0]),{value:e.color,options:e}}},visibleIf:c}]},{key:"legend",type:"group",open:!1,children:[{key:"legend.position",control:{label:"Position",type:"position-picker",default:"top-right",enum:["top-left","top","top-right","right","bottom-right","bottom","bottom-left","left"]}}],visibleIf:a}];exports.default=u;

package/components/display-settings-datetime/index.cjs

@@ -17,11 +17,11 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../task-B8yMzxui.cjs");require("../index-zuArOtOt.cjs");require("../index-DUO13KGl.cjs");require("../index-Bt5nP_6w.cjs");require("../index-h9T5DPIm.cjs");require("../index-iYpAy-Kg.cjs");require("../index-BrEDK88k.cjs");require("../index-i8GaIN7i.cjs");const s=require("../property-0L4eB11h.cjs"),p=require("../sized-mixin-BxMraZLS-DEFWqo8f.cjs"),o=require("../set-locale-ByIApH40.cjs"),m=require("../luzmo-icons-XsFsTAl3.cjs"),d=require("../en-BnVnZvpC.cjs"),h=require("../periods.const-CDIkC5CK.cjs"),l=require("../query-D5qWDopr.cjs"),c={"~":()=>o.msg("Auto",{desc:"Automatic setting of the option"}),"/":()=>"/","-":()=>"-",".":()=>"."},f=":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 y=Object.defineProperty,v=Object.getOwnPropertyDescriptor,r=(u,e,t,i)=>{for(var a=i>1?void 0:i?v(e,t):e,n=u.length-1,_;n>=0;n--)(_=u[n])&&(a=(i?_(e,t,a):_(a))||a);return i&&a&&y(e,t,a),a};exports.LuzmoDisplaySettingsDatetime=class extends p.m(s.kt,{validSizes:Object.values(p.d)}){constructor(){super(...arguments),this._loadLocaleFormatsConfig=new g.h(this,{task:async([e])=>{if(e&&e!==this._contentLanguageLoaded){const t=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-D5Tvhki6.cjs")),"../../utils/formatter/formats/en-US.ts":()=>Promise.resolve().then(()=>require("../en-BnVnZvpC.cjs")).then(i=>i.enUS),"../../utils/formatter/formats/en.ts":()=>Promise.resolve().then(()=>require("../en-BnVnZvpC.cjs")).then(i=>i.en),"../../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(t[`../../utils/formatter/formats/${e}.ts`]){const i=await t[`../../utils/formatter/formats/${e}.ts`]();this._localeFormats=(i==null?void 0:i.default)??{}}return this._contentLanguageLoaded=e,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[s.r$1(f)]}_parseSlotContent(){var e,t;this._dateLevel=this.slotContent.level??((e=this.slotContent)==null?void 0:e.lowestLevel)??5,this._displayAs=((t=this.slotContent)==null?void 0:t.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 i;let e;const t=((i=this._localeFormats)==null?void 0:i.smartDateFormats)??d.SMART_DATE_FORMATS;this._monthName?(e=t.filter(a=>a.monthType==="name"&&a.longText===(this._monthNameFormat==="long")&&a.weekday===this._weekDay),e.length>0?this._format=e[0].key:(this._weekDayAndMonthInYearFormat="short",this._weekDay=!0,this._format="%a %e %B %Y")):(e=this._dateLevel&&this._dateLevel===4?t.filter(a=>a.monthType==="number"&&a.mmdd===(this._weekFormat==="mmdd"?!0:this._weekFormat==="ddmm"?!1:null)&&a.separator===this._dateSeparator):t.filter(a=>a.monthType==="number"&&a.mmdd===(this._dateFormat==="mmdd"?!0:this._dateFormat==="ddmm"?!1:null)&&a.separator===this._dateSeparator),this._dateFormat==="auto"&&this._dateLevel&&this._dateLevel!==4?this._format="%amd"+this._dateSeparator+"%Y":e.length>0?this._format=e[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 e;this._weekDayAndMonthInYearFormat=((e=this._weekDayAndMonthInYearFormatElement.selected)==null?void 0:e[0])??"long",this._sendEvent(),this.requestUpdate()}_setMonthNameFormat(){var e;this._monthNameFormat=(e=this._monthNameFormatElement.selected)==null?void 0:e[0],this._sendEvent(),this.requestUpdate()}_setMonthName(){this._monthName=this._monthNameElement.selected,this._sendEvent(),this.requestUpdate()}_setWeekFormat(){var e;this._weekFormat=(e=this._weekFormatElement.selected)==null?void 0:e[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(e){e.has("slotContent")&&(this._parseSlotContent(),this._calculateSlotContent()),e.has("language")&&([...o.targetLocales].includes(this.language)||this.language==="en")&&(o.setLocale(this.language),this.requestUpdate())}_renderDisplaySettings(){var t,i;const e=(i=(t=h.DATETIME_AS_STRING_FORMATS_PER_LEVEL)==null?void 0:t[`level${this._dateLevel??0}`])==null?void 0:i.map(a=>s.x`<luzmo-menu-item value=${a.key}>
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../task-B8yMzxui.cjs");require("../index-zuArOtOt.cjs");require("../index-DUO13KGl.cjs");require("../index-Bt5nP_6w.cjs");require("../index-h9T5DPIm.cjs");require("../index-iYpAy-Kg.cjs");require("../index-BrEDK88k.cjs");require("../index-i8GaIN7i.cjs");const s=require("../property-0L4eB11h.cjs"),p=require("../sized-mixin-BxMraZLS-DEFWqo8f.cjs"),i=require("../set-locale-ByIApH40.cjs"),d=require("../luzmo-icons-XsFsTAl3.cjs"),m=require("../formatter-DiJYkB6b.cjs"),h=require("../periods.const-CDIkC5CK.cjs"),l=require("../query-D5qWDopr.cjs"),c={"~":()=>i.msg("Auto",{desc:"Automatic setting of the option"}),"/":()=>"/","-":()=>"-",".":()=>"."},f=":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 y=Object.defineProperty,v=Object.getOwnPropertyDescriptor,r=(u,e,t,o)=>{for(var a=o>1?void 0:o?v(e,t):e,n=u.length-1,_;n>=0;n--)(_=u[n])&&(a=(o?_(e,t,a):_(a))||a);return o&&a&&y(e,t,a),a};exports.LuzmoDisplaySettingsDatetime=class extends p.m(s.kt,{validSizes:Object.values(p.d)}){constructor(){super(...arguments),this._loadLocaleFormatsConfig=new g.h(this,{task:async([e])=>{if(e&&e!==this._contentLanguageLoaded){const t=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-Dd11ROdW.cjs")),"../../utils/formatter/formats/en-US.ts":()=>Promise.resolve().then(()=>z),"../../utils/formatter/formats/en.ts":()=>Promise.resolve().then(()=>S),"../../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(t[`../../utils/formatter/formats/${e}.ts`]){const o=await t[`../../utils/formatter/formats/${e}.ts`]();this._localeFormats=(o==null?void 0:o.default)??{}}return this._contentLanguageLoaded=e,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[s.r$1(f)]}_parseSlotContent(){var e,t;this._dateLevel=this.slotContent.level??((e=this.slotContent)==null?void 0:e.lowestLevel)??5,this._displayAs=((t=this.slotContent)==null?void 0:t.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 o;let e;const t=((o=this._localeFormats)==null?void 0:o.smartDateFormats)??m.SMART_DATE_FORMATS;this._monthName?(e=t.filter(a=>a.monthType==="name"&&a.longText===(this._monthNameFormat==="long")&&a.weekday===this._weekDay),e.length>0?this._format=e[0].key:(this._weekDayAndMonthInYearFormat="short",this._weekDay=!0,this._format="%a %e %B %Y")):(e=this._dateLevel&&this._dateLevel===4?t.filter(a=>a.monthType==="number"&&a.mmdd===(this._weekFormat==="mmdd"?!0:this._weekFormat==="ddmm"?!1:null)&&a.separator===this._dateSeparator):t.filter(a=>a.monthType==="number"&&a.mmdd===(this._dateFormat==="mmdd"?!0:this._dateFormat==="ddmm"?!1:null)&&a.separator===this._dateSeparator),this._dateFormat==="auto"&&this._dateLevel&&this._dateLevel!==4?this._format="%amd"+this._dateSeparator+"%Y":e.length>0?this._format=e[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 e;this._weekDayAndMonthInYearFormat=((e=this._weekDayAndMonthInYearFormatElement.selected)==null?void 0:e[0])??"long",this._sendEvent(),this.requestUpdate()}_setMonthNameFormat(){var e;this._monthNameFormat=(e=this._monthNameFormatElement.selected)==null?void 0:e[0],this._sendEvent(),this.requestUpdate()}_setMonthName(){this._monthName=this._monthNameElement.selected,this._sendEvent(),this.requestUpdate()}_setWeekFormat(){var e;this._weekFormat=(e=this._weekFormatElement.selected)==null?void 0:e[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(e){e.has("slotContent")&&(this._parseSlotContent(),this._calculateSlotContent()),e.has("language")&&([...i.targetLocales].includes(this.language)||this.language==="en")&&(i.setLocale(this.language),this.requestUpdate())}_renderDisplaySettings(){var t,o;const e=(o=(t=h.DATETIME_AS_STRING_FORMATS_PER_LEVEL)==null?void 0:t[`level${this._dateLevel??0}`])==null?void 0:o.map(a=>s.x`<luzmo-menu-item value=${a.key}>
           ${a.i18n()}
         </luzmo-menu-item>`);return s.x`<div class="setting">
       <luzmo-field-label for="display-as"
-        >${o.msg("Display",{desc:"Label for display setting"})}</luzmo-field-label
+        >${i.msg("Display",{desc:"Label for display setting"})}</luzmo-field-label
       >
       <luzmo-picker
         id="display-as"
@@ -36,7 +36,7 @@
         ${h.DATETIME_WEEKDAY_AND_MONTH_STRING_FORMATS[t]()}
       </luzmo-action-button>`);return s.x` <div class="setting">
       <luzmo-field-label for="weekday-and-month-in-year-format"
-        >${o.msg("Format",{desc:"Label for format setting"})}</luzmo-field-label
+        >${i.msg("Format",{desc:"Label for format setting"})}</luzmo-field-label
       >
       <luzmo-action-group
         emphasized
@@ -51,7 +51,7 @@
       </luzmo-action-group>
     </div>`}_renderMonthNameFormatSettings(){return s.x` <div class="setting">
       <luzmo-field-label for="month-name-format"
-        >${o.msg("Format",{desc:"Label for format setting"})}</luzmo-field-label
+        >${i.msg("Format",{desc:"Label for format setting"})}</luzmo-field-label
       >
       <luzmo-action-group
         emphasized
@@ -63,15 +63,15 @@
         @change=${this._setMonthNameFormat}
       >
         <luzmo-action-button value="short">
-          ${o.msg("Short",{desc:"Short format option"})}
+          ${i.msg("Short",{desc:"Short format option"})}
         </luzmo-action-button>
         <luzmo-action-button value="long">
-          ${o.msg("Long",{desc:"Long format option"})}
+          ${i.msg("Long",{desc:"Long format option"})}
         </luzmo-action-button>
       </luzmo-action-group>
-    </div>`}_renderWeekFormatSettings(){var a;const e=((a=this._localeFormats)==null?void 0:a.smartDateFormats)??d.SMART_DATE_FORMATS,t=e.find(n=>n.mmdd===!0&&n.separator===this._dateSeparator&&n.monthType==="number"),i=e.find(n=>n.mmdd===!1&&n.separator===this._dateSeparator&&n.monthType==="number");return s.x` <div class="setting">
+    </div>`}_renderWeekFormatSettings(){var a;const e=((a=this._localeFormats)==null?void 0:a.smartDateFormats)??m.SMART_DATE_FORMATS,t=e.find(n=>n.mmdd===!0&&n.separator===this._dateSeparator&&n.monthType==="number"),o=e.find(n=>n.mmdd===!1&&n.separator===this._dateSeparator&&n.monthType==="number");return s.x` <div class="setting">
       <luzmo-field-label for="week-format"
-        >${o.msg("Format",{desc:"Label for format setting"})}</luzmo-field-label
+        >${i.msg("Format",{desc:"Label for format setting"})}</luzmo-field-label
       >
       <luzmo-action-group
         emphasized
@@ -83,17 +83,17 @@
         @change=${this._setWeekFormat}
       >
         <luzmo-action-button value="ddmm">
-          ${d.formatter({...this._currentSlotContent,type:"datetime",format:i==null?void 0:i.key},{localFormats:this._localeFormats,level:this._dateLevel})(new Date)}
+          ${m.formatter({...this._currentSlotContent,type:"datetime",format:o==null?void 0:o.key},{localFormats:this._localeFormats,level:this._dateLevel})(new Date)}
         </luzmo-action-button>
         <luzmo-action-button value="mmdd"
-          >${d.formatter({...this._currentSlotContent,type:"datetime",format:t==null?void 0:t.key},{localFormats:this._localeFormats,level:this._dateLevel})(new Date)}</luzmo-action-button
+          >${m.formatter({...this._currentSlotContent,type:"datetime",format:t==null?void 0:t.key},{localFormats:this._localeFormats,level:this._dateLevel})(new Date)}</luzmo-action-button
         >
       </luzmo-action-group>
     </div>`}_renderWeekStartsOnSettings(){const e=Object.keys(h.WEEK_STARTS_ON).map(t=>s.x`<luzmo-menu-item value=${t}>
           ${h.WEEK_STARTS_ON[t]()}
         </luzmo-menu-item>`);return s.x`<div class="setting">
       <luzmo-field-label for="week-start"
-        >${o.msg("Week starts on",{desc:"Label for week start setting"})}</luzmo-field-label
+        >${i.msg("Week starts on",{desc:"Label for week start setting"})}</luzmo-field-label
       >
       <luzmo-picker
         id="week-start"
@@ -106,7 +106,7 @@
       </luzmo-picker>
     </div>`}_renderMonthNameSettings(){return s.x`<div class="settings-">
       <luzmo-field-label for="month-name"
-        >${o.msg("Month",{desc:"Month format setting"})}</luzmo-field-label
+        >${i.msg("Month",{desc:"Month format setting"})}</luzmo-field-label
       >
       <luzmo-action-button
         id="month-name"
@@ -119,13 +119,13 @@
         <luzmo-icon
           slot="icon"
           .size=${this.size}
-          .icon=${this._monthName?m.C0:m.h0}
+          .icon=${this._monthName?d.C0:d.h0}
         ></luzmo-icon>
-        ${o.msg("Name")}
+        ${i.msg("Name")}
       </luzmo-action-button>
     </div>`}_renderDateFormatSettings(){const e=this._dateSeparator==="~"?"/":this._dateSeparator;return s.x`<div class="setting">
       <luzmo-field-label for="date-format"
-        >${o.msg("Format",{desc:"Label for format setting"})}</luzmo-field-label
+        >${i.msg("Format",{desc:"Label for format setting"})}</luzmo-field-label
       >
       <luzmo-picker
         id="date-format"
@@ -135,7 +135,7 @@
         @change=${this._setDateFormat}
       >
         <luzmo-menu-item value="auto">
-          ${o.msg("Auto",{desc:"Automatic setting of the option"})}
+          ${i.msg("Auto",{desc:"Automatic setting of the option"})}
         </luzmo-menu-item>
         <luzmo-menu-item value="mmdd">12${e}31</luzmo-menu-item>
         <luzmo-menu-item value="ddmm">31${e}12</luzmo-menu-item>
@@ -144,7 +144,7 @@
           ${c[t]()}
         </luzmo-menu-item>`);return s.x`<div class="setting">
       <luzmo-field-label for="date-separator"
-        >${o.msg("Separator",{desc:"Label for date separator setting"})}</luzmo-field-label
+        >${i.msg("Separator",{desc:"Label for date separator setting"})}</luzmo-field-label
       >
       <luzmo-picker
         id="date-separator"
@@ -157,7 +157,7 @@
       </luzmo-picker>
     </div>`}_render24hFormatSettings(){return s.x`<div class="settings-">
       <luzmo-field-label for="format-24h"
-        >${o.msg("24h",{desc:"Label for 24h format setting"})}</luzmo-field-label
+        >${i.msg("24h",{desc:"Label for 24h format setting"})}</luzmo-field-label
       >
       <luzmo-action-button
         id="format-24h"
@@ -170,12 +170,12 @@
         <luzmo-icon
           slot="icon"
           .size=${this.size}
-          .icon=${this._24hFormat?m.C0:m.h0}
+          .icon=${this._24hFormat?d.C0:d.h0}
         ></luzmo-icon>
       </luzmo-action-button>
     </div>`}_renderWeekdaySettings(){return s.x`<div class="settings-">
       <luzmo-field-label for="weekday"
-        >${o.msg("Weekday",{desc:"Label for weekday setting"})}</luzmo-field-label
+        >${i.msg("Weekday",{desc:"Label for weekday setting"})}</luzmo-field-label
       >
       <luzmo-action-button
         id="weekday"
@@ -188,12 +188,12 @@
         <luzmo-icon
           slot="icon"
           .size=${this.size}
-          .icon=${this._weekDay?m.C0:m.h0}
+          .icon=${this._weekDay?d.C0:d.h0}
         ></luzmo-icon>
-        ${o.msg("Show")}
+        ${i.msg("Show")}
       </luzmo-action-button>
     </div>`}_renderExampleFormat(){return s.x`<span class="example">
-        ${d.formatter({...this._currentSlotContent,type:"datetime"},{localFormats:this._localeFormats,level:this._dateLevel})(!this._displayAs||this._displayAs==="default"?new Date:1)}
+        ${m.formatter({...this._currentSlotContent,type:"datetime"},{localFormats:this._localeFormats,level:this._dateLevel})(!this._displayAs||this._displayAs==="default"?new Date:1)}
       </span>
       ${(this._dateSeparator==="~"||this._dateFormat==="auto")&&!this._monthName?s.x`<span class="example-language">
             (${this.contentLanguage})
@@ -217,7 +217,7 @@
       <div class="settings-row">
         <div class="example-container">
           <span class="example-label"
-            >${o.msg("Example:",{desc:"Label for example format"})}</span
+            >${i.msg("Example:",{desc:"Label for example format"})}</span
           >
           ${this._renderExampleFormat()}
         </div>
@@ -225,4 +225,4 @@
     </div>`}render(){return this._loadLocaleFormatsConfig.render({pending:()=>s.x`<luzmo-progress-circle
           indeterminate
           .size=${this.size}
-        ></luzmo-progress-circle>`,complete:()=>this._renderAllSettings(),error:()=>this._renderAllSettings()})}};r([s.n({type:String})],exports.LuzmoDisplaySettingsDatetime.prototype,"language",2);r([s.n({type:String})],exports.LuzmoDisplaySettingsDatetime.prototype,"contentLanguage",2);r([s.n({type:String})],exports.LuzmoDisplaySettingsDatetime.prototype,"size",2);r([s.n({type:Object,reflect:!1})],exports.LuzmoDisplaySettingsDatetime.prototype,"slotContent",2);r([l.e("#display-as")],exports.LuzmoDisplaySettingsDatetime.prototype,"_displayAsElement",2);r([l.e("#week-start")],exports.LuzmoDisplaySettingsDatetime.prototype,"_weekStartElement",2);r([l.e("#weekday-and-month-in-year-format")],exports.LuzmoDisplaySettingsDatetime.prototype,"_weekDayAndMonthInYearFormatElement",2);r([l.e("#month-name-format")],exports.LuzmoDisplaySettingsDatetime.prototype,"_monthNameFormatElement",2);r([l.e("#month-name")],exports.LuzmoDisplaySettingsDatetime.prototype,"_monthNameElement",2);r([l.e("#week-format")],exports.LuzmoDisplaySettingsDatetime.prototype,"_weekFormatElement",2);r([l.e("#date-format")],exports.LuzmoDisplaySettingsDatetime.prototype,"_dateFormatElement",2);r([l.e("#date-separator")],exports.LuzmoDisplaySettingsDatetime.prototype,"_dateSeparatorElement",2);r([l.e("#weekday")],exports.LuzmoDisplaySettingsDatetime.prototype,"_weekDayElement",2);r([l.e("#format-24h")],exports.LuzmoDisplaySettingsDatetime.prototype,"_format24hElement",2);exports.LuzmoDisplaySettingsDatetime=r([o.localized()],exports.LuzmoDisplaySettingsDatetime);customElements.get("luzmo-display-settings-datetime")||customElements.define("luzmo-display-settings-datetime",exports.LuzmoDisplaySettingsDatetime);
+        ></luzmo-progress-circle>`,complete:()=>this._renderAllSettings(),error:()=>this._renderAllSettings()})}};r([s.n({type:String})],exports.LuzmoDisplaySettingsDatetime.prototype,"language",2);r([s.n({type:String})],exports.LuzmoDisplaySettingsDatetime.prototype,"contentLanguage",2);r([s.n({type:String})],exports.LuzmoDisplaySettingsDatetime.prototype,"size",2);r([s.n({type:Object,reflect:!1})],exports.LuzmoDisplaySettingsDatetime.prototype,"slotContent",2);r([l.e("#display-as")],exports.LuzmoDisplaySettingsDatetime.prototype,"_displayAsElement",2);r([l.e("#week-start")],exports.LuzmoDisplaySettingsDatetime.prototype,"_weekStartElement",2);r([l.e("#weekday-and-month-in-year-format")],exports.LuzmoDisplaySettingsDatetime.prototype,"_weekDayAndMonthInYearFormatElement",2);r([l.e("#month-name-format")],exports.LuzmoDisplaySettingsDatetime.prototype,"_monthNameFormatElement",2);r([l.e("#month-name")],exports.LuzmoDisplaySettingsDatetime.prototype,"_monthNameElement",2);r([l.e("#week-format")],exports.LuzmoDisplaySettingsDatetime.prototype,"_weekFormatElement",2);r([l.e("#date-format")],exports.LuzmoDisplaySettingsDatetime.prototype,"_dateFormatElement",2);r([l.e("#date-separator")],exports.LuzmoDisplaySettingsDatetime.prototype,"_dateSeparatorElement",2);r([l.e("#weekday")],exports.LuzmoDisplaySettingsDatetime.prototype,"_weekDayElement",2);r([l.e("#format-24h")],exports.LuzmoDisplaySettingsDatetime.prototype,"_format24hElement",2);exports.LuzmoDisplaySettingsDatetime=r([i.localized()],exports.LuzmoDisplaySettingsDatetime);customElements.get("luzmo-display-settings-datetime")||customElements.define("luzmo-display-settings-datetime",exports.LuzmoDisplaySettingsDatetime);const z=Object.freeze(Object.defineProperty({__proto__:null,default:m.DEFAULT_LOCAL_FORMATS},Symbol.toStringTag,{value:"Module"})),S=Object.freeze(Object.defineProperty({__proto__:null,default:m.DEFAULT_LOCAL_FORMATS},Symbol.toStringTag,{value:"Module"}));