@luzmo/analytics-components-kit 1.0.1-alpha.142 → 1.0.1-alpha.144

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

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-CKjJZRH6.cjs`),require(`../localized-mixin-DTvVLuXW.cjs`);const e=require(`../display-settings-binning-C4V_P8mI.cjs`);Object.defineProperty(exports,`LuzmoDisplaySettingsBinning`,{enumerable:!0,get:function(){return e.t}});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-DjOkyNGu.cjs`),require(`../localized-mixin-BmZhC9XV.cjs`);const e=require(`../display-settings-binning-C9VF0K9q.cjs`);Object.defineProperty(exports,`LuzmoDisplaySettingsBinning`,{enumerable:!0,get:function(){return e.t}});

package/components/display-settings-binning/index.js

@@ -25,7 +25,7 @@
 })();
 import "../base-rg2x95aL.js";
 import "../focus-visible-D1pJhWEh.js";
-import "../set-locale-Uv6F4uSq.js";
-import "../localized-mixin-cLT0UbaF.js";
-import { t as LuzmoDisplaySettingsBinning } from "../display-settings-binning-BXlXiFNV.js";
+import "../set-locale-CRNDDu2d.js";
+import "../localized-mixin-CgQFYGOU.js";
+import { t as LuzmoDisplaySettingsBinning } from "../display-settings-binning-DP9oFC6h.js";
 export { LuzmoDisplaySettingsBinning };

package/components/{display-settings-binning-C4V_P8mI.cjs → display-settings-binning-C9VF0K9q.cjs}

@@ -17,9 +17,9 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=require(`./decorate-Dq4-zbi1.cjs`),r=require(`./localized-mixin-DTvVLuXW.cjs`);let i=require(`lit`),a=require(`lit/decorators.js`),o=require(`@lit/localize`),s=require(`@luzmo/icons`);require(`@luzmo/lucero/field-label`),require(`@luzmo/lucero/icon`),require(`@luzmo/lucero/action-button`),require(`@luzmo/lucero/number-field`);var c=`:host .settings-container{gap:var(--luzmo-display-settings-vertical-gap,var(--luzmo-spacing-2));flex-direction:column;display:flex}:host .settings-row{justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-binning-gap,var(--display-settings-binning-gap));display:flex}:host,:host([size=s]){--display-settings-binning-gap:var(--luzmo-spacing-3)}:host([size=l]){--display-settings-binning-gap:var(--luzmo-spacing-4)}:host([size=xl]){--display-settings-binning-gap:var(--luzmo-spacing-5)}`,l=class extends r.t(t.n(t.i,{validSizes:Object.values(t.t)})){constructor(...e){super(...e),this.slotContent={},this._enabled=!1,this._binWidth=10}static get styles(){return[(0,i.unsafeCSS)(c)]}willUpdate(e){super.willUpdate(e),e.has(`slotContent`)&&(this._enabled=this.slotContent?.bins?.enabled??!1,this._binWidth=this.slotContent?.bins?.number??10)}toggleBinning(){this._enabled=!this._enabled,this.sendEvent()}setBinning(){this._binWidth=this.binWidthElement.value,this.sendEvent()}sendEvent(){let e={enabled:!!this._enabled,number:this._binWidth??10};this.dispatchEvent(new CustomEvent(`luzmo-slot-content-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:{...this.slotContent,bins:e}}}))}renderBinWidth(){return i.html`<div class="setting">
+const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=require(`./decorate-Dq4-zbi1.cjs`),r=require(`./localized-mixin-BmZhC9XV.cjs`);let i=require(`@luzmo/icons`),a=require(`lit`),o=require(`lit/decorators.js`),s=require(`@lit/localize`);require(`@luzmo/lucero/field-label`),require(`@luzmo/lucero/icon`),require(`@luzmo/lucero/action-button`),require(`@luzmo/lucero/number-field`);var c=`:host .settings-container{gap:var(--luzmo-display-settings-vertical-gap,var(--luzmo-spacing-2));flex-direction:column;display:flex}:host .settings-row{justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-binning-gap,var(--display-settings-binning-gap));display:flex}:host,:host([size=s]){--display-settings-binning-gap:var(--luzmo-spacing-3)}:host([size=l]){--display-settings-binning-gap:var(--luzmo-spacing-4)}:host([size=xl]){--display-settings-binning-gap:var(--luzmo-spacing-5)}`,l=class extends r.t(t.n(t.i,{validSizes:Object.values(t.t)})){constructor(...e){super(...e),this.slotContent={},this._enabled=!1,this._binWidth=10}static get styles(){return[(0,a.unsafeCSS)(c)]}willUpdate(e){super.willUpdate(e),e.has(`slotContent`)&&(this._enabled=this.slotContent?.bins?.enabled??!1,this._binWidth=this.slotContent?.bins?.number??10)}toggleBinning(){this._enabled=!this._enabled,this.sendEvent()}setBinning(){this._binWidth=this.binWidthElement.value,this.sendEvent()}sendEvent(){let e={enabled:!!this._enabled,number:this._binWidth??10};this.dispatchEvent(new CustomEvent(`luzmo-slot-content-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:{...this.slotContent,bins:e}}}))}renderBinWidth(){return a.html`<div class="setting">
       <luzmo-field-label for="bin-width"
-        >${(0,o.msg)(`Bin width`,{desc:`The width of each bin in the histogram`})}</luzmo-field-label
+        >${(0,s.msg)(`Bin width`,{desc:`The width of each bin in the histogram`})}</luzmo-field-label
       >
       <luzmo-number-field
         id="bin-width"
@@ -28,11 +28,11 @@ const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=requi
         .size=${this.size}
         @change=${this.setBinning}
       ></luzmo-number-field>
-    </div>`}render(){return i.html`<div class="settings-container">
+    </div>`}render(){return a.html`<div class="settings-container">
       <div class="settings-row">
         <div class="setting">
           <luzmo-field-label for="binning"
-            >${(0,o.msg)(`Binning`,{desc:`Grouping numeric data into intervals or "bins" for analysis and visualization`})}</luzmo-field-label
+            >${(0,s.msg)(`Binning`,{desc:`Grouping numeric data into intervals or "bins" for analysis and visualization`})}</luzmo-field-label
           >
           <luzmo-action-button
             id="binning"
@@ -46,11 +46,11 @@ const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=requi
             <luzmo-icon
               slot="icon"
               .size=${this.size}
-              .icon=${this._enabled?s.luzmoCheckboxChecked:s.luzmoCheckbox}
+              .icon=${this._enabled?i.luzmoCheckboxChecked:i.luzmoCheckbox}
             ></luzmo-icon>
-            ${this._enabled?(0,o.msg)(`Enabled`,{desc:`Option set to enabled`}):(0,o.msg)(`Disabled`,{desc:`Option set to disabled`})}
+            ${this._enabled?(0,s.msg)(`Enabled`,{desc:`Option set to enabled`}):(0,s.msg)(`Disabled`,{desc:`Option set to disabled`})}
           </luzmo-action-button>
         </div>
         ${this._enabled?this.renderBinWidth():``}
       </div>
-    </div>`}};n.t([(0,a.property)()],l.prototype,`slotContent`,void 0),n.t([(0,a.state)()],l.prototype,`_enabled`,void 0),n.t([(0,a.query)(`#bin-width`)],l.prototype,`binWidthElement`,void 0),l=n.t([(0,o.localized)()],l),customElements.get(`luzmo-display-settings-binning`)||customElements.define(`luzmo-display-settings-binning`,l),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});
+    </div>`}};n.t([(0,o.property)()],l.prototype,`slotContent`,void 0),n.t([(0,o.state)()],l.prototype,`_enabled`,void 0),n.t([(0,o.query)(`#bin-width`)],l.prototype,`binWidthElement`,void 0),l=n.t([(0,s.localized)()],l),customElements.get(`luzmo-display-settings-binning`)||customElements.define(`luzmo-display-settings-binning`,l),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});

package/components/{display-settings-binning-BXlXiFNV.js → display-settings-binning-DP9oFC6h.js}

@@ -19,11 +19,11 @@
  * */
 import { i as LuzmoElement, n as SizedMixin, t as ElementSizes } from "./base-rg2x95aL.js";
 import { t as __decorate } from "./decorate-Da6S_xrw.js";
-import { t as LocalizedMixin } from "./localized-mixin-cLT0UbaF.js";
+import { t as LocalizedMixin } from "./localized-mixin-CgQFYGOU.js";
+import { luzmoCheckbox, luzmoCheckboxChecked } from "@luzmo/icons";
 import { html, unsafeCSS } from "lit";
 import { property, query, state } from "lit/decorators.js";
 import { localized, msg } from "@lit/localize";
-import { luzmoCheckbox, luzmoCheckboxChecked } from "@luzmo/icons";
 import "@luzmo/lucero/field-label";
 import "@luzmo/lucero/icon";
 import "@luzmo/lucero/action-button";

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

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-CKjJZRH6.cjs`),require(`../localized-mixin-DTvVLuXW.cjs`),require(`../formatter-CWhf4xbq.cjs`);const e=require(`../display-settings-datetime-Db-0j9VZ.cjs`);require(`../periods.const-CX2ZWWrf.cjs`),Object.defineProperty(exports,`LuzmoDisplaySettingsDatetime`,{enumerable:!0,get:function(){return e.t}});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-DjOkyNGu.cjs`),require(`../localized-mixin-BmZhC9XV.cjs`),require(`../formatter-CWhf4xbq.cjs`);const e=require(`../display-settings-datetime-C3LDVEcH.cjs`);require(`../periods.const-CX2ZWWrf.cjs`),Object.defineProperty(exports,`LuzmoDisplaySettingsDatetime`,{enumerable:!0,get:function(){return e.t}});

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

@@ -25,9 +25,9 @@
 })();
 import "../base-rg2x95aL.js";
 import "../focus-visible-D1pJhWEh.js";
-import "../set-locale-Uv6F4uSq.js";
-import "../localized-mixin-cLT0UbaF.js";
+import "../set-locale-CRNDDu2d.js";
+import "../localized-mixin-CgQFYGOU.js";
 import "../formatter-B21Tb3sf.js";
-import { t as LuzmoDisplaySettingsDatetime } from "../display-settings-datetime-LqM04khP.js";
+import { t as LuzmoDisplaySettingsDatetime } from "../display-settings-datetime-DxBUXAuH.js";
 import "../periods.const-Ch6SfeaG.js";
 export { LuzmoDisplaySettingsDatetime };

package/components/{display-settings-datetime-Db-0j9VZ.cjs → display-settings-datetime-C3LDVEcH.cjs}

@@ -17,11 +17,11 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=require(`./decorate-Dq4-zbi1.cjs`),r=require(`./localized-mixin-DTvVLuXW.cjs`),i=require(`./formatter-CWhf4xbq.cjs`),a=require(`./periods.const-CX2ZWWrf.cjs`);let o=require(`lit`),s=require(`lit/decorators.js`),c=require(`@lit/localize`),l=require(`@luzmo/icons`),u=require(`@lit/task`);require(`@luzmo/lucero/field-label`),require(`@luzmo/lucero/icon`),require(`@luzmo/lucero/progress-circle`),require(`@luzmo/lucero/action-button`),require(`@luzmo/lucero/number-field`),require(`@luzmo/lucero/action-group`),require(`@luzmo/lucero/picker`);const d={"~":()=>(0,c.msg)(`Auto`,{desc:`Automatic setting of the option`}),"/":()=>`/`,"-":()=>`-`,".":()=>`.`};var f=`:host{font-family:var(--luzmo-display-settings-datetime-font-family,var(--luzmo-font-family))}:host .settings-container{gap:var(--luzmo-display-settings-vertical-gap,var(--luzmo-spacing-2));flex-direction:column;display:flex}:host .settings-row{justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-datetime-gap,var(--display-settings-datetime-gap));display:flex}:host{--display-settings-datetime-example-font-size:var(--luzmo-font-size-s);--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);--display-settings-datetime-gap:var(--luzmo-spacing-3);--display-settings-datetime-example-height:var(--luzmo-component-height)}: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)}`,p=class extends r.t(t.n(t.i,{validSizes:Object.values(t.t)})){constructor(...e){super(...e),this._loadLocaleFormatsConfig=new u.Task(this,{task:async([e])=>{if(e&&e!==this._contentLanguageLoaded){let t=Object.assign({"../../utils/formatter/formats/cs.ts":()=>Promise.resolve().then(()=>require(`./cs-BAmKPXV0.cjs`)),"../../utils/formatter/formats/da.ts":()=>Promise.resolve().then(()=>require(`./da-DHl8PzfU.cjs`)),"../../utils/formatter/formats/de.ts":()=>Promise.resolve().then(()=>require(`./de-CQMDOcBQ.cjs`)),"../../utils/formatter/formats/en-GB.ts":()=>Promise.resolve().then(()=>require(`./en-GB-CLevdvMs.cjs`)),"../../utils/formatter/formats/en-US.ts":()=>Promise.resolve().then(()=>require(`./en-US-Hj9Lh0Yh.cjs`)),"../../utils/formatter/formats/en.ts":()=>Promise.resolve().then(()=>require(`./en-jIqxZyQr.cjs`)),"../../utils/formatter/formats/es.ts":()=>Promise.resolve().then(()=>require(`./es-DS-aph2K.cjs`)),"../../utils/formatter/formats/fi.ts":()=>Promise.resolve().then(()=>require(`./fi-DbXbnIlF.cjs`)),"../../utils/formatter/formats/fr.ts":()=>Promise.resolve().then(()=>require(`./fr-CUzKlf1c.cjs`)),"../../utils/formatter/formats/he.ts":()=>Promise.resolve().then(()=>require(`./he-Bxmbik6g.cjs`)),"../../utils/formatter/formats/hu.ts":()=>Promise.resolve().then(()=>require(`./hu-CCt14ec_.cjs`)),"../../utils/formatter/formats/it.ts":()=>Promise.resolve().then(()=>require(`./it-Czry5-br.cjs`)),"../../utils/formatter/formats/ja.ts":()=>Promise.resolve().then(()=>require(`./ja-DLYEeBwD.cjs`)),"../../utils/formatter/formats/ko.ts":()=>Promise.resolve().then(()=>require(`./ko-Cq3bNSoY.cjs`)),"../../utils/formatter/formats/mk.ts":()=>Promise.resolve().then(()=>require(`./mk-CX6tWFGL.cjs`)),"../../utils/formatter/formats/nl.ts":()=>Promise.resolve().then(()=>require(`./nl-CC5UMR5B.cjs`)),"../../utils/formatter/formats/no.ts":()=>Promise.resolve().then(()=>require(`./no-CRcBAcaW.cjs`)),"../../utils/formatter/formats/pl.ts":()=>Promise.resolve().then(()=>require(`./pl-Cy4MfWob.cjs`)),"../../utils/formatter/formats/pt.ts":()=>Promise.resolve().then(()=>require(`./pt-BmXZldF9.cjs`)),"../../utils/formatter/formats/ru.ts":()=>Promise.resolve().then(()=>require(`./ru-fWz2GIGG.cjs`)),"../../utils/formatter/formats/sv.ts":()=>Promise.resolve().then(()=>require(`./sv-BJHpfzAX.cjs`)),"../../utils/formatter/formats/tr.ts":()=>Promise.resolve().then(()=>require(`./tr-Ctcalxbu.cjs`)),"../../utils/formatter/formats/zh-CN.ts":()=>Promise.resolve().then(()=>require(`./zh-CN-B77UpR2K.cjs`)),"../../utils/formatter/formats/zh-TW.ts":()=>Promise.resolve().then(()=>require(`./zh-TW-BsHHLnIy.cjs`))});return t[`../../utils/formatter/formats/${e}.ts`]&&(this._localeFormats=(await t[`../../utils/formatter/formats/${e}.ts`]())?.default??{}),this._contentLanguageLoaded=e,this._localeFormats}},args:()=>[this.contentLanguage]}),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(`luzmo-slot-content-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:this._currentSlotContent}}))}}static get styles(){return[(0,o.unsafeCSS)(f)]}_parseSlotContent(){this._dateLevel=this.slotContent?.level??this.slotContent?.lowestLevel??5,this._displayAs=this.slotContent?.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`),this._parseSavedFormat()}_parseSavedFormat(){let e=this.slotContent?.format??`%d-%m-%Y`,t=e.match(/[./-]/);if(this._dateSeparator=e.includes(`~`)?`~`:t?.[0]??`~`,e.includes(`%amd`))this._dateFormat=`auto`;else{let t=e.indexOf(`%d`),n=e.indexOf(`%m`);t!==-1&&n!==-1&&(this._dateFormat=t<n?`ddmm`:`mmdd`)}this._24hFormat=e.includes(`%H`),this._monthName=/%B|%b/.test(e),this._weekDay=/%a|%A/.test(e),this._monthName&&(this._monthNameFormat=e.includes(`%b`)?`short`:`long`),this._weekDay&&(this._weekDayAndMonthInYearFormat=e.includes(`%a`)?`short`:`long`);let n=this._dateLevel===5&&this.slotContent?.weekDayNameFormat||this._dateLevel===3&&this.slotContent?.monthNameFormat;n&&(this._weekDayAndMonthInYearFormat=n)}_calculateFormat(){let e,t=this._localeFormats?.smartDateFormats??i.r;this._monthName?(e=t.filter(e=>e.monthType===`name`&&e.longText===(this._monthNameFormat===`long`)&&e.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(e=>e.monthType===`number`&&e.mmdd===(this._weekFormat===`mmdd`?!0:this._weekFormat===`ddmm`?!1:null)&&e.separator===this._dateSeparator):t.filter(e=>e.monthType===`number`&&e.mmdd===(this._dateFormat===`mmdd`?!0:this._dateFormat===`ddmm`?!1:null)&&e.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(){this._weekDayAndMonthInYearFormat=this._weekDayAndMonthInYearFormatElement.selected?.[0]??`long`,this._sendEvent(),this.requestUpdate()}_setMonthNameFormat(){this._monthNameFormat=this._monthNameFormatElement.selected?.[0],this._sendEvent(),this.requestUpdate()}_setMonthName(){this._monthName=this._monthNameElement.selected,this._sendEvent(),this.requestUpdate()}_setWeekFormat(){this._weekFormat=this._weekFormatElement.selected?.[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){super.willUpdate(e),e.has(`slotContent`)&&(this._parseSlotContent(),this._calculateSlotContent())}_renderDisplaySettings(){let e=a.t?.[`level${this._dateLevel??0}`]?.map(e=>o.html`<luzmo-menu-item value=${e.key}>
+const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=require(`./decorate-Dq4-zbi1.cjs`),r=require(`./localized-mixin-BmZhC9XV.cjs`),i=require(`./formatter-CWhf4xbq.cjs`),a=require(`./periods.const-CX2ZWWrf.cjs`);let o=require(`@luzmo/icons`),s=require(`lit`),c=require(`lit/decorators.js`),l=require(`@lit/localize`),u=require(`@lit/task`);require(`@luzmo/lucero/field-label`),require(`@luzmo/lucero/icon`),require(`@luzmo/lucero/progress-circle`),require(`@luzmo/lucero/action-button`),require(`@luzmo/lucero/number-field`),require(`@luzmo/lucero/action-group`),require(`@luzmo/lucero/picker`);const d={"~":()=>(0,l.msg)(`Auto`,{desc:`Automatic setting of the option`}),"/":()=>`/`,"-":()=>`-`,".":()=>`.`};var f=`:host{font-family:var(--luzmo-display-settings-datetime-font-family,var(--luzmo-font-family))}:host .settings-container{gap:var(--luzmo-display-settings-vertical-gap,var(--luzmo-spacing-2));flex-direction:column;display:flex}:host .settings-row{justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-datetime-gap,var(--display-settings-datetime-gap));display:flex}:host{--display-settings-datetime-example-font-size:var(--luzmo-font-size-s);--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);--display-settings-datetime-gap:var(--luzmo-spacing-3);--display-settings-datetime-example-height:var(--luzmo-component-height)}: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)}`,p=class extends r.t(t.n(t.i,{validSizes:Object.values(t.t)})){constructor(...e){super(...e),this._loadLocaleFormatsConfig=new u.Task(this,{task:async([e])=>{if(e&&e!==this._contentLanguageLoaded){let t=Object.assign({"../../utils/formatter/formats/cs.ts":()=>Promise.resolve().then(()=>require(`./cs-BAmKPXV0.cjs`)),"../../utils/formatter/formats/da.ts":()=>Promise.resolve().then(()=>require(`./da-DHl8PzfU.cjs`)),"../../utils/formatter/formats/de.ts":()=>Promise.resolve().then(()=>require(`./de-CQMDOcBQ.cjs`)),"../../utils/formatter/formats/en-GB.ts":()=>Promise.resolve().then(()=>require(`./en-GB-CLevdvMs.cjs`)),"../../utils/formatter/formats/en-US.ts":()=>Promise.resolve().then(()=>require(`./en-US-Hj9Lh0Yh.cjs`)),"../../utils/formatter/formats/en.ts":()=>Promise.resolve().then(()=>require(`./en-jIqxZyQr.cjs`)),"../../utils/formatter/formats/es.ts":()=>Promise.resolve().then(()=>require(`./es-DS-aph2K.cjs`)),"../../utils/formatter/formats/fi.ts":()=>Promise.resolve().then(()=>require(`./fi-DbXbnIlF.cjs`)),"../../utils/formatter/formats/fr.ts":()=>Promise.resolve().then(()=>require(`./fr-CUzKlf1c.cjs`)),"../../utils/formatter/formats/he.ts":()=>Promise.resolve().then(()=>require(`./he-Bxmbik6g.cjs`)),"../../utils/formatter/formats/hu.ts":()=>Promise.resolve().then(()=>require(`./hu-CCt14ec_.cjs`)),"../../utils/formatter/formats/it.ts":()=>Promise.resolve().then(()=>require(`./it-Czry5-br.cjs`)),"../../utils/formatter/formats/ja.ts":()=>Promise.resolve().then(()=>require(`./ja-DLYEeBwD.cjs`)),"../../utils/formatter/formats/ko.ts":()=>Promise.resolve().then(()=>require(`./ko-Cq3bNSoY.cjs`)),"../../utils/formatter/formats/mk.ts":()=>Promise.resolve().then(()=>require(`./mk-CX6tWFGL.cjs`)),"../../utils/formatter/formats/nl.ts":()=>Promise.resolve().then(()=>require(`./nl-CC5UMR5B.cjs`)),"../../utils/formatter/formats/no.ts":()=>Promise.resolve().then(()=>require(`./no-CRcBAcaW.cjs`)),"../../utils/formatter/formats/pl.ts":()=>Promise.resolve().then(()=>require(`./pl-Cy4MfWob.cjs`)),"../../utils/formatter/formats/pt.ts":()=>Promise.resolve().then(()=>require(`./pt-BmXZldF9.cjs`)),"../../utils/formatter/formats/ru.ts":()=>Promise.resolve().then(()=>require(`./ru-fWz2GIGG.cjs`)),"../../utils/formatter/formats/sv.ts":()=>Promise.resolve().then(()=>require(`./sv-BJHpfzAX.cjs`)),"../../utils/formatter/formats/tr.ts":()=>Promise.resolve().then(()=>require(`./tr-Ctcalxbu.cjs`)),"../../utils/formatter/formats/zh-CN.ts":()=>Promise.resolve().then(()=>require(`./zh-CN-B77UpR2K.cjs`)),"../../utils/formatter/formats/zh-TW.ts":()=>Promise.resolve().then(()=>require(`./zh-TW-BsHHLnIy.cjs`))});return t[`../../utils/formatter/formats/${e}.ts`]&&(this._localeFormats=(await t[`../../utils/formatter/formats/${e}.ts`]())?.default??{}),this._contentLanguageLoaded=e,this._localeFormats}},args:()=>[this.contentLanguage]}),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(`luzmo-slot-content-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:this._currentSlotContent}}))}}static get styles(){return[(0,s.unsafeCSS)(f)]}_parseSlotContent(){this._dateLevel=this.slotContent?.level??this.slotContent?.lowestLevel??5,this._displayAs=this.slotContent?.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`),this._parseSavedFormat()}_parseSavedFormat(){let e=this.slotContent?.format??`%d-%m-%Y`,t=e.match(/[./-]/);if(this._dateSeparator=e.includes(`~`)?`~`:t?.[0]??`~`,e.includes(`%amd`))this._dateFormat=`auto`;else{let t=e.indexOf(`%d`),n=e.indexOf(`%m`);t!==-1&&n!==-1&&(this._dateFormat=t<n?`ddmm`:`mmdd`)}this._24hFormat=e.includes(`%H`),this._monthName=/%B|%b/.test(e),this._weekDay=/%a|%A/.test(e),this._monthName&&(this._monthNameFormat=e.includes(`%b`)?`short`:`long`),this._weekDay&&(this._weekDayAndMonthInYearFormat=e.includes(`%a`)?`short`:`long`);let n=this._dateLevel===5&&this.slotContent?.weekDayNameFormat||this._dateLevel===3&&this.slotContent?.monthNameFormat;n&&(this._weekDayAndMonthInYearFormat=n)}_calculateFormat(){let e,t=this._localeFormats?.smartDateFormats??i.r;this._monthName?(e=t.filter(e=>e.monthType===`name`&&e.longText===(this._monthNameFormat===`long`)&&e.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(e=>e.monthType===`number`&&e.mmdd===(this._weekFormat===`mmdd`?!0:this._weekFormat===`ddmm`?!1:null)&&e.separator===this._dateSeparator):t.filter(e=>e.monthType===`number`&&e.mmdd===(this._dateFormat===`mmdd`?!0:this._dateFormat===`ddmm`?!1:null)&&e.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(){this._weekDayAndMonthInYearFormat=this._weekDayAndMonthInYearFormatElement.selected?.[0]??`long`,this._sendEvent(),this.requestUpdate()}_setMonthNameFormat(){this._monthNameFormat=this._monthNameFormatElement.selected?.[0],this._sendEvent(),this.requestUpdate()}_setMonthName(){this._monthName=this._monthNameElement.selected,this._sendEvent(),this.requestUpdate()}_setWeekFormat(){this._weekFormat=this._weekFormatElement.selected?.[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){super.willUpdate(e),e.has(`slotContent`)&&(this._parseSlotContent(),this._calculateSlotContent())}_renderDisplaySettings(){let e=a.t?.[`level${this._dateLevel??0}`]?.map(e=>s.html`<luzmo-menu-item value=${e.key}>
           ${e.i18n()}
-        </luzmo-menu-item>`);return o.html`<div class="setting">
+        </luzmo-menu-item>`);return s.html`<div class="setting">
       <luzmo-field-label for="display-as"
-        >${(0,c.msg)(`Display`,{desc:`Label for display setting`})}</luzmo-field-label
+        >${(0,l.msg)(`Display`,{desc:`Label for display setting`})}</luzmo-field-label
       >
       <luzmo-picker
         id="display-as"
@@ -32,11 +32,11 @@ const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=requi
       >
         ${e}
       </luzmo-picker>
-    </div>`}_renderWeekDayAndMonthNameFormatSettings(){let e=Object.keys(a.r).map(e=>o.html`<luzmo-action-button value=${e}>
+    </div>`}_renderWeekDayAndMonthNameFormatSettings(){let e=Object.keys(a.r).map(e=>s.html`<luzmo-action-button value=${e}>
         ${a.r[e]()}
-      </luzmo-action-button>`);return o.html` <div class="setting">
+      </luzmo-action-button>`);return s.html` <div class="setting">
       <luzmo-field-label for="weekday-and-month-in-year-format"
-        >${(0,c.msg)(`Format`,{desc:`Label for format setting`})}</luzmo-field-label
+        >${(0,l.msg)(`Format`,{desc:`Label for format setting`})}</luzmo-field-label
       >
       <luzmo-action-group
         emphasized
@@ -49,9 +49,9 @@ const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=requi
       >
         ${e}
       </luzmo-action-group>
-    </div>`}_renderMonthNameFormatSettings(){return o.html` <div class="setting">
+    </div>`}_renderMonthNameFormatSettings(){return s.html` <div class="setting">
       <luzmo-field-label for="month-name-format"
-        >${(0,c.msg)(`Format`,{desc:`Label for format setting`})}</luzmo-field-label
+        >${(0,l.msg)(`Format`,{desc:`Label for format setting`})}</luzmo-field-label
       >
       <luzmo-action-group
         emphasized
@@ -63,15 +63,15 @@ const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=requi
         @change=${this._setMonthNameFormat}
       >
         <luzmo-action-button value="short">
-          ${(0,c.msg)(`Short`,{desc:`Short format option`})}
+          ${(0,l.msg)(`Short`,{desc:`Short format option`})}
         </luzmo-action-button>
         <luzmo-action-button value="long">
-          ${(0,c.msg)(`Long`,{desc:`Long format option`})}
+          ${(0,l.msg)(`Long`,{desc:`Long format option`})}
         </luzmo-action-button>
       </luzmo-action-group>
-    </div>`}_renderWeekFormatSettings(){let e=this._localeFormats?.smartDateFormats??i.r,t=e.find(e=>e.mmdd===!0&&e.separator===this._dateSeparator&&e.monthType===`number`),n=e.find(e=>e.mmdd===!1&&e.separator===this._dateSeparator&&e.monthType===`number`);return o.html` <div class="setting">
+    </div>`}_renderWeekFormatSettings(){let e=this._localeFormats?.smartDateFormats??i.r,t=e.find(e=>e.mmdd===!0&&e.separator===this._dateSeparator&&e.monthType===`number`),n=e.find(e=>e.mmdd===!1&&e.separator===this._dateSeparator&&e.monthType===`number`);return s.html` <div class="setting">
       <luzmo-field-label for="week-format"
-        >${(0,c.msg)(`Format`,{desc:`Label for format setting`})}</luzmo-field-label
+        >${(0,l.msg)(`Format`,{desc:`Label for format setting`})}</luzmo-field-label
       >
       <luzmo-action-group
         emphasized
@@ -89,11 +89,11 @@ const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=requi
           >${i.t({...this._currentSlotContent,type:`datetime`,format:t?.key},{localFormats:this._localeFormats,level:this._dateLevel})(new Date)}</luzmo-action-button
         >
       </luzmo-action-group>
-    </div>`}_renderWeekStartsOnSettings(){let e=Object.keys(a.i).map(e=>o.html`<luzmo-menu-item value=${e}>
+    </div>`}_renderWeekStartsOnSettings(){let e=Object.keys(a.i).map(e=>s.html`<luzmo-menu-item value=${e}>
           ${a.i[e]()}
-        </luzmo-menu-item>`);return o.html`<div class="setting">
+        </luzmo-menu-item>`);return s.html`<div class="setting">
       <luzmo-field-label for="week-start"
-        >${(0,c.msg)(`Week starts on`,{desc:`Label for week start setting`})}</luzmo-field-label
+        >${(0,l.msg)(`Week starts on`,{desc:`Label for week start setting`})}</luzmo-field-label
       >
       <luzmo-picker
         id="week-start"
@@ -104,9 +104,9 @@ const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=requi
       >
         ${e}
       </luzmo-picker>
-    </div>`}_renderMonthNameSettings(){return o.html`<div class="settings-">
+    </div>`}_renderMonthNameSettings(){return s.html`<div class="settings-">
       <luzmo-field-label for="month-name"
-        >${(0,c.msg)(`Month`,{desc:`Month format setting`})}</luzmo-field-label
+        >${(0,l.msg)(`Month`,{desc:`Month format setting`})}</luzmo-field-label
       >
       <luzmo-action-button
         id="month-name"
@@ -119,13 +119,13 @@ const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=requi
         <luzmo-icon
           slot="icon"
           .size=${this.size}
-          .icon=${this._monthName?l.luzmoCheckboxChecked:l.luzmoCheckbox}
+          .icon=${this._monthName?o.luzmoCheckboxChecked:o.luzmoCheckbox}
         ></luzmo-icon>
-        ${(0,c.msg)(`Name`)}
+        ${(0,l.msg)(`Name`)}
       </luzmo-action-button>
-    </div>`}_renderDateFormatSettings(){let e=this._dateSeparator===`~`?`/`:this._dateSeparator;return o.html`<div class="setting">
+    </div>`}_renderDateFormatSettings(){let e=this._dateSeparator===`~`?`/`:this._dateSeparator;return s.html`<div class="setting">
       <luzmo-field-label for="date-format"
-        >${(0,c.msg)(`Format`,{desc:`Label for format setting`})}</luzmo-field-label
+        >${(0,l.msg)(`Format`,{desc:`Label for format setting`})}</luzmo-field-label
       >
       <luzmo-picker
         id="date-format"
@@ -135,16 +135,16 @@ const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=requi
         @change=${this._setDateFormat}
       >
         <luzmo-menu-item value="auto">
-          ${(0,c.msg)(`Auto`,{desc:`Automatic setting of the option`})}
+          ${(0,l.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>
       </luzmo-picker>
-    </div>`}_renderSeparatorSettings(){let e=Object.keys(d).map(e=>o.html`<luzmo-menu-item value=${e}>
+    </div>`}_renderSeparatorSettings(){let e=Object.keys(d).map(e=>s.html`<luzmo-menu-item value=${e}>
           ${d[e]()}
-        </luzmo-menu-item>`);return o.html`<div class="setting">
+        </luzmo-menu-item>`);return s.html`<div class="setting">
       <luzmo-field-label for="date-separator"
-        >${(0,c.msg)(`Separator`,{desc:`Label for date separator setting`})}</luzmo-field-label
+        >${(0,l.msg)(`Separator`,{desc:`Label for date separator setting`})}</luzmo-field-label
       >
       <luzmo-picker
         id="date-separator"
@@ -155,9 +155,9 @@ const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=requi
       >
         ${e}
       </luzmo-picker>
-    </div>`}_render24hFormatSettings(){return o.html`<div class="settings-">
+    </div>`}_render24hFormatSettings(){return s.html`<div class="settings-">
       <luzmo-field-label for="format-24h"
-        >${(0,c.msg)(`24h`,{desc:`Label for 24h format setting`})}</luzmo-field-label
+        >${(0,l.msg)(`24h`,{desc:`Label for 24h format setting`})}</luzmo-field-label
       >
       <luzmo-action-button
         id="format-24h"
@@ -170,12 +170,12 @@ const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=requi
         <luzmo-icon
           slot="icon"
           .size=${this.size}
-          .icon=${this._24hFormat?l.luzmoCheckboxChecked:l.luzmoCheckbox}
+          .icon=${this._24hFormat?o.luzmoCheckboxChecked:o.luzmoCheckbox}
         ></luzmo-icon>
       </luzmo-action-button>
-    </div>`}_renderWeekdaySettings(){return o.html`<div class="settings-">
+    </div>`}_renderWeekdaySettings(){return s.html`<div class="settings-">
       <luzmo-field-label for="weekday"
-        >${(0,c.msg)(`Weekday`,{desc:`Label for weekday setting`})}</luzmo-field-label
+        >${(0,l.msg)(`Weekday`,{desc:`Label for weekday setting`})}</luzmo-field-label
       >
       <luzmo-action-button
         id="weekday"
@@ -188,19 +188,19 @@ const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=requi
         <luzmo-icon
           slot="icon"
           .size=${this.size}
-          .icon=${this._weekDay?l.luzmoCheckboxChecked:l.luzmoCheckbox}
+          .icon=${this._weekDay?o.luzmoCheckboxChecked:o.luzmoCheckbox}
         ></luzmo-icon>
-        ${(0,c.msg)(`Show`)}
+        ${(0,l.msg)(`Show`)}
       </luzmo-action-button>
-    </div>`}_renderAllSettings(){return o.html`<div class="settings-container">
-      ${this._dateLevel&&![1,9].includes(this._dateLevel)?o.html` <div class="settings-row">
+    </div>`}_renderAllSettings(){return s.html`<div class="settings-container">
+      ${this._dateLevel&&![1,9].includes(this._dateLevel)?s.html` <div class="settings-row">
             ${this._renderDisplaySettings()}
             ${this._dateLevel&&this._dateLevel>=5&&this._displayAs===`day_in_week`?this._renderWeekStartsOnSettings():``}
           </div>`:``}
-      ${[`month_in_year`,`day_in_week`].includes(this._displayAs??``)?o.html` <div class="settings-row">
+      ${[`month_in_year`,`day_in_week`].includes(this._displayAs??``)?s.html` <div class="settings-row">
             ${this._renderWeekDayAndMonthNameFormatSettings()}
           </div>`:``}
-      ${this._dateLevel&&this._dateLevel>1&&this._displayAs===`default`?o.html` <div class="settings-row">
+      ${this._dateLevel&&this._dateLevel>1&&this._displayAs===`default`?s.html` <div class="settings-row">
             ${this._dateLevel&&this._dateLevel!==4&&this._dateLevel!==2?this._renderMonthNameSettings():``}
             ${this._dateLevel&&this._dateLevel!==4&&this._dateLevel>2&&this._monthName?this._renderMonthNameFormatSettings():``}
             ${this._dateLevel&&this._dateLevel===4&&!this._monthName?this._renderWeekFormatSettings():``}
@@ -209,7 +209,7 @@ const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=requi
             ${this._dateLevel&&this._dateLevel>=5&&this._monthName?this._renderWeekdaySettings():``}
             ${this._dateLevel&&this._dateLevel>5?this._render24hFormatSettings():``}
           </div>`:``}
-    </div>`}render(){return this._loadLocaleFormatsConfig.render({pending:()=>o.html`<luzmo-progress-circle
+    </div>`}render(){return this._loadLocaleFormatsConfig.render({pending:()=>s.html`<luzmo-progress-circle
           indeterminate
           .size=${this.size}
-        ></luzmo-progress-circle>`,complete:()=>this._renderAllSettings(),error:()=>this._renderAllSettings()})}};n.t([(0,s.property)({type:String})],p.prototype,`contentLanguage`,void 0),n.t([(0,s.property)({type:String})],p.prototype,`size`,void 0),n.t([(0,s.property)({type:Object,reflect:!1})],p.prototype,`slotContent`,void 0),n.t([(0,s.query)(`#display-as`)],p.prototype,`_displayAsElement`,void 0),n.t([(0,s.query)(`#week-start`)],p.prototype,`_weekStartElement`,void 0),n.t([(0,s.query)(`#weekday-and-month-in-year-format`)],p.prototype,`_weekDayAndMonthInYearFormatElement`,void 0),n.t([(0,s.query)(`#month-name-format`)],p.prototype,`_monthNameFormatElement`,void 0),n.t([(0,s.query)(`#month-name`)],p.prototype,`_monthNameElement`,void 0),n.t([(0,s.query)(`#week-format`)],p.prototype,`_weekFormatElement`,void 0),n.t([(0,s.query)(`#date-format`)],p.prototype,`_dateFormatElement`,void 0),n.t([(0,s.query)(`#date-separator`)],p.prototype,`_dateSeparatorElement`,void 0),n.t([(0,s.query)(`#weekday`)],p.prototype,`_weekDayElement`,void 0),n.t([(0,s.query)(`#format-24h`)],p.prototype,`_format24hElement`,void 0),p=n.t([(0,c.localized)()],p),customElements.get(`luzmo-display-settings-datetime`)||customElements.define(`luzmo-display-settings-datetime`,p),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return p}});
+        ></luzmo-progress-circle>`,complete:()=>this._renderAllSettings(),error:()=>this._renderAllSettings()})}};n.t([(0,c.property)({type:String})],p.prototype,`contentLanguage`,void 0),n.t([(0,c.property)({type:String})],p.prototype,`size`,void 0),n.t([(0,c.property)({type:Object,reflect:!1})],p.prototype,`slotContent`,void 0),n.t([(0,c.query)(`#display-as`)],p.prototype,`_displayAsElement`,void 0),n.t([(0,c.query)(`#week-start`)],p.prototype,`_weekStartElement`,void 0),n.t([(0,c.query)(`#weekday-and-month-in-year-format`)],p.prototype,`_weekDayAndMonthInYearFormatElement`,void 0),n.t([(0,c.query)(`#month-name-format`)],p.prototype,`_monthNameFormatElement`,void 0),n.t([(0,c.query)(`#month-name`)],p.prototype,`_monthNameElement`,void 0),n.t([(0,c.query)(`#week-format`)],p.prototype,`_weekFormatElement`,void 0),n.t([(0,c.query)(`#date-format`)],p.prototype,`_dateFormatElement`,void 0),n.t([(0,c.query)(`#date-separator`)],p.prototype,`_dateSeparatorElement`,void 0),n.t([(0,c.query)(`#weekday`)],p.prototype,`_weekDayElement`,void 0),n.t([(0,c.query)(`#format-24h`)],p.prototype,`_format24hElement`,void 0),p=n.t([(0,l.localized)()],p),customElements.get(`luzmo-display-settings-datetime`)||customElements.define(`luzmo-display-settings-datetime`,p),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return p}});

package/components/{display-settings-datetime-LqM04khP.js → display-settings-datetime-DxBUXAuH.js}

@@ -19,13 +19,13 @@
  * */
 import { i as LuzmoElement, n as SizedMixin, t as ElementSizes } from "./base-rg2x95aL.js";
 import { t as __decorate } from "./decorate-Da6S_xrw.js";
-import { t as LocalizedMixin } from "./localized-mixin-cLT0UbaF.js";
+import { t as LocalizedMixin } from "./localized-mixin-CgQFYGOU.js";
 import { n as DEFAULT_DATETIME_FORMAT, r as SMART_DATE_FORMATS, t as formatter } from "./formatter-B21Tb3sf.js";
 import { i as WEEK_STARTS_ON, r as DATETIME_WEEKDAY_AND_MONTH_STRING_FORMATS, t as DATETIME_AS_STRING_FORMATS_PER_LEVEL } from "./periods.const-Ch6SfeaG.js";
+import { luzmoCheckbox, luzmoCheckboxChecked } from "@luzmo/icons";
 import { html, unsafeCSS } from "lit";
 import { property, query } from "lit/decorators.js";
 import { localized, msg } from "@lit/localize";
-import { luzmoCheckbox, luzmoCheckboxChecked } from "@luzmo/icons";
 import { Task } from "@lit/task";
 import "@luzmo/lucero/field-label";
 import "@luzmo/lucero/icon";

package/components/display-settings-grand-totals/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-CKjJZRH6.cjs`),require(`../localized-mixin-DTvVLuXW.cjs`);const e=require(`../display-settings-grand-totals-0ihnPMfZ.cjs`);Object.defineProperty(exports,`LuzmoDisplaySettingsGrandTotals`,{enumerable:!0,get:function(){return e.t}});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-DjOkyNGu.cjs`),require(`../localized-mixin-BmZhC9XV.cjs`);const e=require(`../display-settings-grand-totals-C3QlInwU.cjs`);Object.defineProperty(exports,`LuzmoDisplaySettingsGrandTotals`,{enumerable:!0,get:function(){return e.t}});

package/components/display-settings-grand-totals/index.js

@@ -25,7 +25,7 @@
 })();
 import "../base-rg2x95aL.js";
 import "../focus-visible-D1pJhWEh.js";
-import "../set-locale-Uv6F4uSq.js";
-import "../localized-mixin-cLT0UbaF.js";
-import { t as LuzmoDisplaySettingsGrandTotals } from "../display-settings-grand-totals-BDDMVFrg.js";
+import "../set-locale-CRNDDu2d.js";
+import "../localized-mixin-CgQFYGOU.js";
+import { t as LuzmoDisplaySettingsGrandTotals } from "../display-settings-grand-totals-BiGxXuw2.js";
 export { LuzmoDisplaySettingsGrandTotals };

package/components/{display-settings-grand-totals-BDDMVFrg.js → display-settings-grand-totals-BiGxXuw2.js}

@@ -19,11 +19,11 @@
  * */
 import { i as LuzmoElement, n as SizedMixin, t as ElementSizes } from "./base-rg2x95aL.js";
 import { t as __decorate } from "./decorate-Da6S_xrw.js";
-import { t as LocalizedMixin } from "./localized-mixin-cLT0UbaF.js";
+import { t as LocalizedMixin } from "./localized-mixin-CgQFYGOU.js";
+import { luzmoCheckbox, luzmoCheckboxChecked } from "@luzmo/icons";
 import { html, unsafeCSS } from "lit";
 import { property, state } from "lit/decorators.js";
 import { localized, msg } from "@lit/localize";
-import { luzmoCheckbox, luzmoCheckboxChecked } from "@luzmo/icons";
 import "@luzmo/lucero/field-label";
 import "@luzmo/lucero/icon";
 import "@luzmo/lucero/action-button";

package/components/{display-settings-grand-totals-0ihnPMfZ.cjs → display-settings-grand-totals-C3QlInwU.cjs}

@@ -17,11 +17,11 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=require(`./decorate-Dq4-zbi1.cjs`),r=require(`./localized-mixin-DTvVLuXW.cjs`);let i=require(`lit`),a=require(`lit/decorators.js`),o=require(`@lit/localize`),s=require(`@luzmo/icons`);require(`@luzmo/lucero/field-label`),require(`@luzmo/lucero/icon`),require(`@luzmo/lucero/action-button`);let c=require(`lit/directives/if-defined.js`);var l=`:host .settings-container{gap:var(--luzmo-display-settings-vertical-gap,var(--luzmo-spacing-2));flex-direction:column;display:flex}:host .settings-row{justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-grand-totals-gap,var(--display-settings-grand-totals-gap));display:flex}:host,:host([size=s]){--display-settings-grand-totals-gap:var(--luzmo-spacing-3)}:host([size=l]){--display-settings-grand-totals-gap:var(--luzmo-spacing-4)}:host([size=xl]){--display-settings-grand-totals-gap:var(--luzmo-spacing-5)}`,u=class extends r.t(t.n(t.i,{validSizes:Object.values(t.t)})){constructor(...e){super(...e),this.slotContent={}}static get styles(){return[(0,i.unsafeCSS)(l)]}willUpdate(e){super.willUpdate(e),e.has(`slotContent`)&&(this._enabled=this.slotContent?.grandTotals?.enabled??!1)}toggleGrandTotals(){this._enabled=!this._enabled,this.sendEvent()}sendEvent(){let e={enabled:!!this._enabled};this.dispatchEvent(new CustomEvent(`luzmo-slot-content-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:{...this.slotContent,grandTotals:e}}}))}render(){return i.html`<div class="settings-container">
+const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=require(`./decorate-Dq4-zbi1.cjs`),r=require(`./localized-mixin-BmZhC9XV.cjs`);let i=require(`@luzmo/icons`),a=require(`lit`),o=require(`lit/decorators.js`),s=require(`@lit/localize`);require(`@luzmo/lucero/field-label`),require(`@luzmo/lucero/icon`),require(`@luzmo/lucero/action-button`);let c=require(`lit/directives/if-defined.js`);var l=`:host .settings-container{gap:var(--luzmo-display-settings-vertical-gap,var(--luzmo-spacing-2));flex-direction:column;display:flex}:host .settings-row{justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-grand-totals-gap,var(--display-settings-grand-totals-gap));display:flex}:host,:host([size=s]){--display-settings-grand-totals-gap:var(--luzmo-spacing-3)}:host([size=l]){--display-settings-grand-totals-gap:var(--luzmo-spacing-4)}:host([size=xl]){--display-settings-grand-totals-gap:var(--luzmo-spacing-5)}`,u=class extends r.t(t.n(t.i,{validSizes:Object.values(t.t)})){constructor(...e){super(...e),this.slotContent={}}static get styles(){return[(0,a.unsafeCSS)(l)]}willUpdate(e){super.willUpdate(e),e.has(`slotContent`)&&(this._enabled=this.slotContent?.grandTotals?.enabled??!1)}toggleGrandTotals(){this._enabled=!this._enabled,this.sendEvent()}sendEvent(){let e={enabled:!!this._enabled};this.dispatchEvent(new CustomEvent(`luzmo-slot-content-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:{...this.slotContent,grandTotals:e}}}))}render(){return a.html`<div class="settings-container">
       <div class="settings-row">
         <div class="setting">
           <luzmo-field-label for="grand-totals"
-            >${(0,o.msg)(`Grand totals`,{desc:`Label for grand totals setting in a table`})}</luzmo-field-label
+            >${(0,s.msg)(`Grand totals`,{desc:`Label for grand totals setting in a table`})}</luzmo-field-label
           >
           <luzmo-action-button
             id="grand-totals"
@@ -35,10 +35,10 @@ const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=requi
             <luzmo-icon
               slot="icon"
               .size=${this.size}
-              .icon=${this._enabled?s.luzmoCheckboxChecked:s.luzmoCheckbox}
+              .icon=${this._enabled?i.luzmoCheckboxChecked:i.luzmoCheckbox}
             ></luzmo-icon>
-            ${this._enabled?(0,o.msg)(`Enabled`,{desc:`Option set to enabled`}):(0,o.msg)(`Disabled`,{desc:`Option set to disabled`})}
+            ${this._enabled?(0,s.msg)(`Enabled`,{desc:`Option set to enabled`}):(0,s.msg)(`Disabled`,{desc:`Option set to disabled`})}
           </luzmo-action-button>
         </div>
       </div>
-    </div>`}};n.t([(0,a.property)()],u.prototype,`slotContent`,void 0),n.t([(0,a.state)()],u.prototype,`_enabled`,void 0),u=n.t([(0,o.localized)()],u),customElements.get(`luzmo-display-settings-grand-totals`)||customElements.define(`luzmo-display-settings-grand-totals`,u),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u}});
+    </div>`}};n.t([(0,o.property)()],u.prototype,`slotContent`,void 0),n.t([(0,o.state)()],u.prototype,`_enabled`,void 0),u=n.t([(0,s.localized)()],u),customElements.get(`luzmo-display-settings-grand-totals`)||customElements.define(`luzmo-display-settings-grand-totals`,u),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u}});

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

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-CKjJZRH6.cjs`),require(`../localized-mixin-DTvVLuXW.cjs`),require(`../calculate-data-field-icon-BhiGlh0u.cjs`);const e=require(`../display-settings-numeric-CfBT04A7.cjs`);Object.defineProperty(exports,`LuzmoDisplaySettingsNumeric`,{enumerable:!0,get:function(){return e.t}});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-DjOkyNGu.cjs`),require(`../localized-mixin-BmZhC9XV.cjs`),require(`../calculate-data-field-icon-BhiGlh0u.cjs`);const e=require(`../display-settings-numeric-CyoTJKZv.cjs`);Object.defineProperty(exports,`LuzmoDisplaySettingsNumeric`,{enumerable:!0,get:function(){return e.t}});

package/components/display-settings-numeric/index.js

@@ -25,8 +25,8 @@
 })();
 import "../base-rg2x95aL.js";
 import "../focus-visible-D1pJhWEh.js";
-import "../set-locale-Uv6F4uSq.js";
-import "../localized-mixin-cLT0UbaF.js";
+import "../set-locale-CRNDDu2d.js";
+import "../localized-mixin-CgQFYGOU.js";
 import "../calculate-data-field-icon-CY7Y6fn1.js";
-import { t as LuzmoDisplaySettingsNumeric } from "../display-settings-numeric-Cpp9mQCA.js";
+import { t as LuzmoDisplaySettingsNumeric } from "../display-settings-numeric-BvLDL-qP.js";
 export { LuzmoDisplaySettingsNumeric };

package/components/{display-settings-numeric-Cpp9mQCA.js → display-settings-numeric-BvLDL-qP.js}

@@ -19,14 +19,14 @@
  * */
 import { i as LuzmoElement, n as SizedMixin, t as ElementSizes } from "./base-rg2x95aL.js";
 import { t as __decorate } from "./decorate-Da6S_xrw.js";
-import { t as LocalizedMixin } from "./localized-mixin-cLT0UbaF.js";
+import { t as LocalizedMixin } from "./localized-mixin-CgQFYGOU.js";
 import { t as localize } from "./localize-Dlt3EN5i.js";
 import { t as decomposeNumericFormat } from "./decompose-numeric-format-zrP4WxE7.js";
 import { t as calculateDataFieldIcon } from "./calculate-data-field-icon-CY7Y6fn1.js";
+import { luzmoAngleDown, luzmoIcon, luzmoTypeDerived12 } from "@luzmo/icons";
 import { html, nothing, unsafeCSS } from "lit";
 import { property, query, state } from "lit/decorators.js";
 import { localized, msg } from "@lit/localize";
-import { luzmoAngleDown, luzmoIcon, luzmoTypeDerived12 } from "@luzmo/icons";
 import { removeSlottableRequest } from "@luzmo/lucero/overlay";
 import "@luzmo/lucero/popover";
 import "@luzmo/lucero/tooltip";
@@ -177,7 +177,7 @@ var LuzmoDisplaySettingsNumeric = class extends LocalizedMixin(SizedMixin(LuzmoE
 		this._thousandSeparator = [",", "."].includes(S?.thousandSeparator ?? ""), this._commaDecimals = S?.decimalSeparator === ",", this._isAuto = S?.auto, this._setNumericFormat(), this._sendEvent();
 	}
 	_setPrecision() {
-		this._precision = this._precisionElement.value, this._setNumericFormat(), this._sendEvent();
+		Number.isNaN(this._precisionElement.value) && (this._precisionElement.value = this._displayAs === "scientific" ? 1 : 0), this._precision = this._precisionElement.value, this._setNumericFormat(), this._sendEvent();
 	}
 	_setNumericFormat() {
 		let e = "f", S = this.slotContent.subtype === "duration" ? this._durationLevels && this._durationLevels?.length === 1 ? "numeric" : "duration" : "numeric";