@luzmo/analytics-components-kit 1.0.1-alpha.51 → 1.0.1-alpha.53

package/components/index-D05oY5ND.cjs

@@ -0,0 +1,178 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2025 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";const u=require("./property-Cu4Q1hS4.cjs"),le=require("./task-CwmAXlv0.cjs");require("./index-DtohCwyO.cjs");require("./index-j8UKjHqY.cjs");require("./index-DSQyBS9Z.cjs");require("./index-Tx5oQjbt.cjs");require("./index-BKwbYw6x.cjs");require("./index-cHKqEi5-.cjs");require("./index-CYeQkVeJ.cjs");const ue=require("./state-fyl3IYMu.cjs"),ce=require("./query-D5qWDopr.cjs"),T=require("./luzmo-icons-DonyjSXg.cjs"),de=require("./formatter-Lo9PMcxy.cjs"),pe=require("./focusable-DAGGGYyz.cjs"),V=require("./sized-mixin-j_7aJM4b.cjs");var he=Object.defineProperty,me=(e,t,s)=>t in e?he(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s,q=(e,t,s)=>(me(e,typeof t!="symbol"?t+"":t,s),s),ge=(e,t,s)=>{if(!t.has(e))throw TypeError("Cannot "+s)},L=(e,t)=>{if(Object(t)!==t)throw TypeError('Cannot use the "in" operator on this value');return e.has(t)},N=(e,t,s)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,s)},B=(e,t,s)=>(ge(e,t,"access private method"),s);/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */function G(e,t){return Object.is(e,t)}/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */let d=null,x=!1,E=1;const I=Symbol("SIGNAL");function _(e){const t=d;return d=e,t}function ve(){return d}function fe(){return x}const A={version:0,lastCleanEpoch:0,dirty:!1,producerNode:void 0,producerLastReadVersion:void 0,producerIndexOfThis:void 0,nextProducerIndex:0,liveConsumerNode:void 0,liveConsumerIndexOfThis:void 0,consumerAllowSignalWrites:!1,consumerIsAlwaysLive:!1,producerMustRecompute:()=>!1,producerRecomputeValue:()=>{},consumerMarkedDirty:()=>{},consumerOnSignalRead:()=>{}};function O(e){if(x)throw new Error(typeof ngDevMode<"u"&&ngDevMode?"Assertion error: signal read during notification phase":"");if(d===null)return;d.consumerOnSignalRead(e);const t=d.nextProducerIndex++;if(S(d),t<d.producerNode.length&&d.producerNode[t]!==e&&W(d)){const s=d.producerNode[t];k(s,d.producerIndexOfThis[t])}d.producerNode[t]!==e&&(d.producerNode[t]=e,d.producerIndexOfThis[t]=W(d)?K(e,d,t):0),d.producerLastReadVersion[t]=e.version}function ye(){E++}function H(e){if(!(!e.dirty&&e.lastCleanEpoch===E)){if(!e.producerMustRecompute(e)&&!_e(e)){e.dirty=!1,e.lastCleanEpoch=E;return}e.producerRecomputeValue(e),e.dirty=!1,e.lastCleanEpoch=E}}function J(e){if(e.liveConsumerNode===void 0)return;const t=x;x=!0;try{for(const s of e.liveConsumerNode)s.dirty||ze(s)}finally{x=t}}function be(){return(d==null?void 0:d.consumerAllowSignalWrites)!==!1}function ze(e){var t;e.dirty=!0,J(e),(t=e.consumerMarkedDirty)==null||t.call(e.wrapper??e)}function Ce(e){return e&&(e.nextProducerIndex=0),_(e)}function we(e,t){if(_(t),!(!e||e.producerNode===void 0||e.producerIndexOfThis===void 0||e.producerLastReadVersion===void 0)){if(W(e))for(let s=e.nextProducerIndex;s<e.producerNode.length;s++)k(e.producerNode[s],e.producerIndexOfThis[s]);for(;e.producerNode.length>e.nextProducerIndex;)e.producerNode.pop(),e.producerLastReadVersion.pop(),e.producerIndexOfThis.pop()}}function _e(e){S(e);for(let t=0;t<e.producerNode.length;t++){const s=e.producerNode[t],r=e.producerLastReadVersion[t];if(r!==s.version||(H(s),r!==s.version))return!0}return!1}function K(e,t,s){var r;if(M(e),S(e),e.liveConsumerNode.length===0){(r=e.watched)==null||r.call(e.wrapper);for(let i=0;i<e.producerNode.length;i++)e.producerIndexOfThis[i]=K(e.producerNode[i],e,i)}return e.liveConsumerIndexOfThis.push(s),e.liveConsumerNode.push(t)-1}function k(e,t){var s;if(M(e),S(e),typeof ngDevMode<"u"&&ngDevMode&&t>=e.liveConsumerNode.length)throw new Error(`Assertion error: active consumer index ${t} is out of bounds of ${e.liveConsumerNode.length} consumers)`);if(e.liveConsumerNode.length===1){(s=e.unwatched)==null||s.call(e.wrapper);for(let i=0;i<e.producerNode.length;i++)k(e.producerNode[i],e.producerIndexOfThis[i])}const r=e.liveConsumerNode.length-1;if(e.liveConsumerNode[t]=e.liveConsumerNode[r],e.liveConsumerIndexOfThis[t]=e.liveConsumerIndexOfThis[r],e.liveConsumerNode.length--,e.liveConsumerIndexOfThis.length--,t<e.liveConsumerNode.length){const i=e.liveConsumerIndexOfThis[t],n=e.liveConsumerNode[t];S(n),n.producerIndexOfThis[i]=t}}function W(e){var t;return e.consumerIsAlwaysLive||(((t=e==null?void 0:e.liveConsumerNode)==null?void 0:t.length)??0)>0}function S(e){e.producerNode??(e.producerNode=[]),e.producerIndexOfThis??(e.producerIndexOfThis=[]),e.producerLastReadVersion??(e.producerLastReadVersion=[])}function M(e){e.liveConsumerNode??(e.liveConsumerNode=[]),e.liveConsumerIndexOfThis??(e.liveConsumerIndexOfThis=[])}/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */function Q(e){if(H(e),O(e),e.value===R)throw e.error;return e.value}function Se(e){const t=Object.create(xe);t.computation=e;const s=()=>Q(t);return s[I]=t,s}const P=Symbol("UNSET"),D=Symbol("COMPUTING"),R=Symbol("ERRORED"),xe={...A,value:P,dirty:!0,error:null,equal:G,producerMustRecompute(e){return e.value===P||e.value===D},producerRecomputeValue(e){if(e.value===D)throw new Error("Detected cycle in computations.");const t=e.value;e.value=D;const s=Ce(e);let r,i=!1;try{r=e.computation.call(e.wrapper),i=t!==P&&t!==R&&e.equal.call(e.wrapper,t,r)}catch(n){r=R,e.error=n}finally{we(e,s)}if(i){e.value=t;return}e.value=r,e.version++}};/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */function $e(){throw new Error}let Te=$e;function Ne(){Te()}/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */function Ee(e){const t=Object.create(ke);t.value=e;const s=()=>(O(t),t.value);return s[I]=t,s}function Ie(){return O(this),this.value}function Oe(e,t){be()||Ne(),e.equal.call(e.wrapper,e.value,t)||(e.value=t,qe(e))}const ke={...A,equal:G,value:void 0};function qe(e){e.version++,ye(),J(e)}/**
+ * @license
+ * Copyright 2024 Bloomberg Finance L.P.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */const p=Symbol("node");var z;(e=>{var t,s,r,i;class n{constructor(b,m={}){N(this,s),q(this,t);const h=Ee(b)[I];if(this[p]=h,h.wrapper=this,m){const C=m.equals;C&&(h.equal=C),h.watched=m[e.subtle.watched],h.unwatched=m[e.subtle.unwatched]}}get(){if(!(0,e.isState)(this))throw new TypeError("Wrong receiver type for Signal.State.prototype.get");return Ie.call(this[p])}set(b){if(!(0,e.isState)(this))throw new TypeError("Wrong receiver type for Signal.State.prototype.set");if(fe())throw new Error("Writes to signals not permitted during Watcher callback");const m=this[p];Oe(m,b)}}t=p,s=new WeakSet,e.isState=c=>typeof c=="object"&&L(s,c),e.State=n;class v{constructor(b,m){N(this,i),q(this,r);const h=Se(b)[I];if(h.consumerAllowSignalWrites=!0,this[p]=h,h.wrapper=this,m){const C=m.equals;C&&(h.equal=C),h.watched=m[e.subtle.watched],h.unwatched=m[e.subtle.unwatched]}}get(){if(!(0,e.isComputed)(this))throw new TypeError("Wrong receiver type for Signal.Computed.prototype.get");return Q(this[p])}}r=p,i=new WeakSet,e.isComputed=c=>typeof c=="object"&&L(i,c),e.Computed=v,(c=>{var b,m,w,h;function C(l){let a,o=null;try{o=_(null),a=l()}finally{_(o)}return a}c.untrack=C;function te(l){var a;if(!(0,e.isComputed)(l)&&!(0,e.isWatcher)(l))throw new TypeError("Called introspectSources without a Computed or Watcher argument");return((a=l[p].producerNode)==null?void 0:a.map(o=>o.wrapper))??[]}c.introspectSources=te;function se(l){var a;if(!(0,e.isComputed)(l)&&!(0,e.isState)(l))throw new TypeError("Called introspectSinks without a Signal argument");return((a=l[p].liveConsumerNode)==null?void 0:a.map(o=>o.wrapper))??[]}c.introspectSinks=se;function ie(l){if(!(0,e.isComputed)(l)&&!(0,e.isState)(l))throw new TypeError("Called hasSinks without a Signal argument");const a=l[p].liveConsumerNode;return a?a.length>0:!1}c.hasSinks=ie;function re(l){if(!(0,e.isComputed)(l)&&!(0,e.isWatcher)(l))throw new TypeError("Called hasSources without a Computed or Watcher argument");const a=l[p].producerNode;return a?a.length>0:!1}c.hasSources=re;class oe{constructor(a){N(this,m),N(this,w),q(this,b);let o=Object.create(A);o.wrapper=this,o.consumerMarkedDirty=a,o.consumerIsAlwaysLive=!0,o.consumerAllowSignalWrites=!1,o.producerNode=[],this[p]=o}watch(...a){if(!(0,e.isWatcher)(this))throw new TypeError("Called unwatch without Watcher receiver");B(this,w,h).call(this,a);const o=this[p];o.dirty=!1;const f=_(o);for(const $ of a)O($[p]);_(f)}unwatch(...a){if(!(0,e.isWatcher)(this))throw new TypeError("Called unwatch without Watcher receiver");B(this,w,h).call(this,a);const o=this[p];S(o);for(let f=o.producerNode.length-1;f>=0;f--)if(a.includes(o.producerNode[f].wrapper)){k(o.producerNode[f],o.producerIndexOfThis[f]);const $=o.producerNode.length-1;if(o.producerNode[f]=o.producerNode[$],o.producerIndexOfThis[f]=o.producerIndexOfThis[$],o.producerNode.length--,o.producerIndexOfThis.length--,o.nextProducerIndex--,f<o.producerNode.length){const ae=o.producerIndexOfThis[f],U=o.producerNode[f];M(U),U.liveConsumerIndexOfThis[ae]=f}}}getPending(){if(!(0,e.isWatcher)(this))throw new TypeError("Called getPending without Watcher receiver");return this[p].producerNode.filter(o=>o.dirty).map(o=>o.wrapper)}}b=p,m=new WeakSet,w=new WeakSet,h=function(l){for(const a of l)if(!(0,e.isComputed)(a)&&!(0,e.isState)(a))throw new TypeError("Called watch/unwatch without a Computed or State argument")},e.isWatcher=l=>L(m,l),c.Watcher=oe;function ne(){var l;return(l=ve())==null?void 0:l.wrapper}c.currentComputed=ne,c.watched=Symbol("watched"),c.unwatched=Symbol("unwatched")})(e.subtle||(e.subtle={}))})(z||(z={}));/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const Le=Symbol("SignalWatcherBrand"),Pe=new FinalizationRegistry(({watcher:e,signal:t})=>{e.unwatch(t)}),F=new WeakMap;function X(e){return e[Le]===!0?(console.warn("SignalWatcher should not be applied to the same class more than once."),e):class extends e{constructor(){super(...arguments),this._$St=new z.State(0),this._$Si=!1,this._$So=!0,this._$Sh=new Set}_$Sl(){if(this._$Su!==void 0)return;this._$Sv=new z.Computed(()=>{this._$St.get(),super.performUpdate()});const t=this._$Su=new z.subtle.Watcher(function(){const s=F.get(this);s!==void 0&&(s._$Si===!1&&s.requestUpdate(),this.watch())});F.set(t,this),Pe.register(this,{watcher:t,signal:this._$Sv}),t.watch(this._$Sv)}_$Sp(){this._$Su!==void 0&&(this._$Su.unwatch(this._$Sv),this._$Sv=void 0,this._$Su=void 0)}performUpdate(){this.isUpdatePending&&(this._$Sl(),this._$Si=!0,this._$St.set(this._$St.get()+1),this._$Si=!1,this._$Sv.get())}update(t){try{this._$So?(this._$So=!1,super.update(t)):this._$Sh.forEach(s=>s.commit())}finally{this.isUpdatePending=!1,this._$Sh.clear()}}requestUpdate(t,s,r){this._$So=!0,super.requestUpdate(t,s,r)}connectedCallback(){super.connectedCallback(),this.requestUpdate()}disconnectedCallback(){super.disconnectedCallback(),queueMicrotask(()=>{this.isConnected===!1&&this._$Sp()})}_(t){this._$Sh.add(t);const s=this._$So;this.requestUpdate(),this._$So=s}m(t){this._$Sh.delete(t)}}}/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */z.State;z.Computed;const De=(e,t)=>new z.State(e,t),We=(e,t)=>new z.Computed(e,t);/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */let Y=class extends Event{constructor(t,s,r,i){super("context-request",{bubbles:!0,composed:!0}),this.context=t,this.contextTarget=s,this.callback=r,this.subscribe=i??!1}};/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ *//**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */class j{constructor(t,s,r,i){if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(n,v)=>{this.unsubscribe&&(this.unsubscribe!==v&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=n,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(n,v)),this.unsubscribe=v},this.host=t,s.context!==void 0){const n=s;this.context=n.context,this.callback=n.callback,this.subscribe=n.subscribe??!1}else this.context=s,this.callback=r,this.subscribe=i??!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new Y(this.context,this.host,this.t,this.subscribe))}}/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */function Z({context:e,subscribe:t}){return(s,r)=>{typeof r=="object"?r.addInitializer(function(){new j(this,{context:e,callback:i=>{s.set.call(this,i)},subscribe:t})}):s.constructor.addInitializer(i=>{new j(i,{context:e,callback:n=>{i[r]=n},subscribe:t})})}}const ee=Symbol("slot-store-context"),Re=":host{font-family:var(--luzmo-display-settings-font-family, var(--luzmo-font-family));font-size:var(--luzmo-display-settings-font-size, var(--display-settings-font-size));color:var(--luzmo-display-settings-font-color, var(--luzmo-font-color))}.settings-container{display:flex;flex-direction:column;gap:var(--luzmo-spacing-2)}.settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-gap, var(--display-settings-gap))}luzmo-divider{margin:var(--luzmo-display-settings-ids-container-vertical-margin, var(--display-settings-ids-container-vertical-margin)) 0}.setting{display:flex;align-items:center}.label-action-container{display:flex;align-items:center;justify-content:space-between;gap:var(--luzmo-display-settings-info-to-remove-icon-gap, var(--display-settings-info-to-remove-icon-gap))}.id-button,.remove-button{outline:none;cursor:pointer;border:none;background:none;font-size:var(--luzmo-display-settings-font-size, var(--display-settings-font-size));color:var(--luzmo-display-settings-font-color, var(--luzmo-font-color))}.remove-button{display:block;width:var(--luzmo-display-settings-remove-button-size, var(--display-settings-remove-button-size));height:var(--luzmo-display-settings-remove-button-size, var(--display-settings-remove-button-size));border-radius:var(--luzmo-display-settings-remove-button-border-radius, 50%)}.remove-button:hover{background-color:var(--luzmo-display-settings-remove-button-background-color-hover, var(--luzmo-background-color-hover))}.remove-button:active,.remove-button:focus{background-color:var(--luzmo-display-settings-remove-button-background-color-down, var(--luzmo-background-color-down))}.remove-button:focus-visible{box-shadow:0 0 0 var(--luzmo-display-settings-remove-button-indicator-thickness, var(--display-settings-remove-button-indicator-thickness)) var(--highcontrast-remove-button-indicator-color, var(--luzmo-display-settings-remove-button-indicator-color, var(--display-settings-remove-button-indicator-color)))}.ids-container{display:flex;flex-direction:column;gap:var(--luzmo-display-settings-gap, var(--display-settings-gap));border-radius:50%}.id-label{text-transform:var(--luzmo-display-settings-id-label-text-transform, var(--display-settings-id-label-text-transform));font-size:var(--luzmo-display-settings-id-label-font-size, var(--display-settings-id-label-font-size));color:var(--luzmo-display-settings-id-label-color, var(--display-settings-id-label-color))}.example-container{line-height:var(--luzmo-display-settings-example-height, var(--display-settings-example-height));font-size:var(--luzmo-display-settings-example-font-size, var(--display-settings-example-font-size));color:var(--luzmo-display-settings-example-color, var(--display-settings-example-color))}.example-container .example-label{font-weight:var(--luzmo-display-settings-example-label-font-weight, var(--display-settings-example-label-font-weight));color:var(--luzmo-display-settings-example-label-color, var(--display-settings-example-label-color))}.example-container .example-language{text-transform:uppercase;color:var(--luzmo-display-settings-example-language-color, var(--display-settings-example-language-color))}.example{font-style:italic;white-space:nowrap}:host{--display-settings-font-family: var(--luzmo-font-family);--display-settings-id-label-text-transform: uppercase;--display-settings-id-label-color: var(--luzmo-secondary);--display-settings-remove-button-indicator-color: var(--luzmo-primary);--display-settings-remove-button-indicator-thickness: var( --luzmo-border-width )}:host{--display-settings-font-size: var(--luzmo-font-size);--display-settings-id-label-font-size: var(--luzmo-font-size-s);--display-settings-gap: var(--luzmo-spacing-3);--display-settings-ids-container-vertical-margin: var(--luzmo-spacing-4);--display-settings-info-to-remove-icon-gap: var(--luzmo-spacing-5);--display-settings-remove-button-size: var(--luzmo-component-height)}:host([size=s]){--display-settings-id-label-font-size: var(--luzmo-font-size-s);--display-settings-font-size: var(--luzmo-font-size-s);--display-settings-gap: var(--luzmo-spacing-3);--display-settings-ids-container-vertical-margin: var(--luzmo-spacing-3);--display-settings-info-to-remove-icon-gap: var(--luzmo-spacing-4);--display-settings-remove-button-size: var(--luzmo-component-height-s)}:host([size=l]){--display-settings-id-label-font-size: var(--luzmo-font-size);--display-settings-font-size: var(--luzmo-font-size-l);--display-settings-gap: var(--luzmo-spacing-4);--display-settings-ids-container-vertical-margin: var(--luzmo-spacing-5);--display-settings-info-to-remove-icon-gap: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--display-settings-remove-button-size: var(--luzmo-component-height-l)}:host([size=xl]){--display-settings-id-label-font-size: var(--luzmo-font-size-l);--display-settings-font-size: var(--luzmo-font-size-xl);--display-settings-gap: var(--luzmo-spacing-5);--display-settings-ids-container-vertical-margin: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--display-settings-info-to-remove-icon-gap: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-2) );--display-settings-remove-button-size: var(--luzmo-component-height-xl)}:host{--display-settings-example-font-size: var(--luzmo-font-size);--display-settings-example-color: var(--luzmo-font-color);--display-settings-example-label-font-weight: bold;--display-settings-example-label-color: var(--luzmo-primary);--display-settings-example-language-color: var(--luzmo-primary)}:host{--display-settings-example-height: var(--luzmo-component-height)}:host([size=s]){--display-settings-example-height: var(--luzmo-component-height-s);--display-settings-example-font-size: var(--luzmo-font-size-s)}:host([size=l]){--display-settings-example-height: var(--luzmo-component-height-l);--display-settings-example-font-size: var(--luzmo-font-size)}:host([size=xl]){--display-settings-example-height: var(--luzmo-component-height-xl);--display-settings-example-font-size: var(--luzmo-font-size-l)}";var Ae=Object.defineProperty,y=(e,t,s,r)=>{for(var i=void 0,n=e.length-1,v;n>=0;n--)(v=e[n])&&(i=v(t,s,i)||i);return i&&Ae(t,s,i),i};class g extends X(V.SizedMixin(pe.LuzmoElement,{validSizes:Object.values(V.ElementSizes)})){constructor(){super(...arguments),this._loadDisplaySettings=new le.h(this,{task:async([t,s,r,i])=>{var v,c,b;const n=[];this.grandTotals&&n.push("grandTotals"),r&&n.push("periodOverPeriod"),(t==="numeric"||t==="mixed"&&((v=this._currentSlotContent)==null?void 0:v.type)==="numeric")&&n.push("numeric"),t!=="numeric"&&((c=this._currentSlotContent)==null?void 0:c.type)==="datetime"&&n.push("datetime"),!["numeric","mixed"].includes(t??"")&&((b=this._currentSlotContent)==null?void 0:b.type)==="numeric"&&!i&&n.push("binning"),r&&!this._settingsTypeLoaded.periodOverPeriod&&(await Promise.resolve().then(()=>require("./display-settings-period-over-period/index.cjs")),this._settingsTypeLoaded.periodOverPeriod=!0),n.length>0&&!s&&(n.includes("numeric")&&!this._settingsTypeLoaded.numeric?(await Promise.resolve().then(()=>require("./display-settings-numeric/index.cjs")),this._settingsTypeLoaded.numeric=!0):n.includes("datetime")&&!this._settingsTypeLoaded.datetime?(await Promise.resolve().then(()=>require("./display-settings-datetime/index.cjs")),this._settingsTypeLoaded.datetime=!0):n.includes("binning")&&!this._settingsTypeLoaded.binning?(await Promise.resolve().then(()=>require("./display-settings-binning/index.cjs")),this._settingsTypeLoaded.binning=!0):n.includes("grandTotals")&&!this._settingsTypeLoaded.grandTotals&&(await Promise.resolve().then(()=>require("./display-settings-grand-totals/index.cjs")),this._settingsTypeLoaded.grandTotals=!0))},args:()=>{var t;return[this.slotType,this.hideDisplaySettings,(t=this._store)==null?void 0:t.periodOverPeriodEnabled.get(),this.binningDisabled,this.slotContent]}}),this.language="en",this.contentLanguage="en",this.slotType="numeric",this.slotContent={},this._showIds=!1,this.measureColumns=[],this._settingsTypeLoaded={binning:!1,datetime:!1,numeric:!1,grandTotals:!1,periodOverPeriod:!1,hierarchy:!0},this._currentSlotContent={}}static get styles(){return[u.r(Re)]}willUpdate(){var r;const t=(r=this._store)==null?void 0:r.activeSlotContents.get(),s=this._store.periodOverPeriodEnabled.get();s!==this.periodOverPeriod&&(this.periodOverPeriod=s),t&&t!==this._currentSlotContent&&(this._currentSlotContent=structuredClone(t))}_onSlotContentChange(t){t.stopPropagation(),t.preventDefault(),this._currentSlotContent=structuredClone(t.detail.slotContent),this._sendEvent(),this.requestUpdate()}_onLabelChange(){this._currentSlotContent=structuredClone(this._currentSlotContent),this._currentSlotContent.label=this._multiLanguageFieldElement.value||{},this._sendEvent(),this.requestUpdate()}_sendEvent(){this.dispatchEvent(new CustomEvent("slot-content-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:{...this._currentSlotContent}}})),this._store&&this._store.updateContent({...this._currentSlotContent})}_removeEvent(){this.dispatchEvent(new CustomEvent("remove-slot-content",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:this._currentSlotContent}}))}_toggleIds(){this._showIds=!this._showIds}_renderExampleRow(){var v;const t=this.slotType==="numeric"||this.slotType==="mixed"&&this._currentSlotContent.type==="numeric",s=this.slotType!=="datetime"&&this._currentSlotContent.type==="datetime";if(!(t||s))return u.E;const r=!this._currentSlotContent.datetimeDisplayMode||this._currentSlotContent.datetimeDisplayMode==="default",i=t?1234.56:r?new Date:1,n=de.formatter({...this._currentSlotContent,type:t?"numeric":"datetime"},{locale:this.contentLanguage,level:(v=this._currentSlotContent)==null?void 0:v.level})(i);return u.x`<div class="settings-row example-container">
+      <span class="example-label">Example:</span>
+      <span class="example">${n}</span>
+    </div>`}_renderDisplaySettings(){return u.x`<div class="settings-container">
+        <div class="settings-row">
+          <div class="setting">
+            <div class="label-container">
+              <luzmo-field-label side-aligned="start" .size=${this.size}
+                >Label:</luzmo-field-label
+              >
+              <luzmo-multi-language-field
+                .language=${this.language}
+                .value=${this._currentSlotContent.label}
+                .size=${this.size}
+                debounce="200"
+                @change=${this._onLabelChange}
+              ></luzmo-multi-language-field>
+            </div>
+            <div class="label-action-container">
+              <button class="id-button" @click=${this._toggleIds}>
+                ${T.y3(T.p1)}
+                <luzmo-tooltip self-managed placement="top" size=${this.size}>
+                  Show dataset and column id's
+                </luzmo-tooltip>
+              </button>
+              ${this.showRemoveButton?u.x`<button
+                    class="remove-button"
+                    @click=${this._removeEvent}
+                  >
+                    ${T.y3(T.C1)}
+                    <luzmo-tooltip
+                      self-managed
+                      placement="top"
+                      size=${this.size}
+                    >
+                      Remove
+                    </luzmo-tooltip>
+                  </button>`:""}
+            </div>
+          </div>
+        </div>
+        ${this.grandTotals?u.x`<luzmo-display-settings-grand-totals
+              .language=${this.language}
+              .slotContent=${this._currentSlotContent}
+              .size=${this.size}
+              @slot-content-changed=${this._onSlotContentChange}
+            ></luzmo-display-settings-grand-totals>`:""}
+        ${this.slotType==="numeric"||this.slotType==="mixed"&&this._currentSlotContent.type==="numeric"?u.x`<luzmo-display-settings-numeric
+              .language=${this.language}
+              .slotContent=${this._currentSlotContent}
+              .size=${this.size}
+              .measureColumns=${this.measureColumns}
+              @slot-content-changed=${this._onSlotContentChange}
+            ></luzmo-display-settings-numeric>`:""}
+        ${this.slotType!=="numeric"&&this._currentSlotContent.type==="datetime"?u.x`<luzmo-display-settings-datetime
+              .language=${this.language}
+              .contentLanguage=${this.contentLanguage}
+              .slotContent=${this._currentSlotContent}
+              .size=${this.size}
+              @slot-content-changed=${this._onSlotContentChange}
+            ></luzmo-display-settings-datetime>`:""}
+        ${!["numeric","mixed"].includes(this.slotType??"")&&this._currentSlotContent.type==="numeric"&&!this.binningDisabled?u.x`<luzmo-display-settings-binning
+              .language=${this.language}
+              .slotContent=${this._currentSlotContent}
+              .size=${this.size}
+              @slot-content-changed=${this._onSlotContentChange}
+            ></luzmo-display-settings-binning>`:""}
+        ${this.periodOverPeriod?u.x`<luzmo-display-settings-period-over-period
+              .language=${this.language}
+              .slotContent=${this._currentSlotContent}
+              .size=${this.size}
+              @slot-content-changed=${this._onSlotContentChange}
+            ></luzmo-display-settings-period-over-period>`:""}
+        ${this._renderExampleRow()}
+      </div>
+      ${this._showIds?u.x` <luzmo-divider></luzmo-divider>
+            <div class="ids-container">
+              <div>
+                <span class="id-label">Column: </span>
+                ${this._currentSlotContent.columnId??this._currentSlotContent.column}
+              </div>
+              <div>
+                <span class="id-label">Dataset: </span>
+                ${this._currentSlotContent.datasetId??this._currentSlotContent.set}
+              </div>
+              <div></div>
+            </div>`:""}`}render(){return this._loadDisplaySettings.render({pending:()=>u.x`<luzmo-progress-circle
+          indeterminate
+          .size=${this.size}
+        ></luzmo-progress-circle>`,complete:()=>this._renderDisplaySettings(),error:()=>this._renderDisplaySettings()})}disconnectedCallback(){var t,s,r;(t=super.disconnectedCallback)==null||t.call(this),(r=(s=this._loadDisplaySettings).abort)==null||r.call(s)}}y([u.n({type:String})],g.prototype,"language");y([u.n({type:String,attribute:"content-language"})],g.prototype,"contentLanguage");y([u.n({type:Boolean,attribute:"hide-display-settings"})],g.prototype,"hideDisplaySettings");y([u.n({type:Boolean,attribute:"binning-disabled"})],g.prototype,"binningDisabled");y([u.n({type:Boolean,attribute:"grand-totals"})],g.prototype,"grandTotals");y([u.n({type:Boolean})],g.prototype,"periodOverPeriod");y([u.n({type:Boolean,attribute:"show-remove-button"})],g.prototype,"showRemoveButton");y([u.n({type:String,attribute:"slot-type"})],g.prototype,"slotType");y([u.n()],g.prototype,"slotContent");y([ue.r()],g.prototype,"_showIds");y([u.n({type:Array,reflect:!1})],g.prototype,"measureColumns");y([ce.e("luzmo-multi-language-field")],g.prototype,"_multiLanguageFieldElement");y([Z({context:ee,subscribe:!0})],g.prototype,"_store");customElements.get("luzmo-display-settings")||customElements.define("luzmo-display-settings",g);exports.LuzmoDisplaySettings=g;exports.c=Z;exports.e=X;exports.i=We;exports.r=De;exports.s=Y;exports.slotContext=ee;