@luzmo/analytics-components-kit 1.0.4-beta.2 → 1.0.4-beta.4

package/components/item-option-action-button-group-DXCVJqpt.cjs

@@ -1,53 +0,0 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2026 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.
- * */
-const e=require("./decorate-DCJt-2rt.cjs"),t=require("./item-option-base-DKieCS-Y.cjs");let n=require("@luzmo/icons"),r=require("lit"),i=require("lit/decorators.js");require("@luzmo/lucero/icon"),require("@luzmo/lucero/action-button"),require("@luzmo/lucero/action-group");var a=`luzmo-action-group{--luzmo-item-option-action-button-group-button-background-hover:rgba(var(--luzmo-primary-rgb), .1);--luzmo-item-option-action-button-group-button-background-down:rgba(var(--luzmo-primary-rgb), .2);--luzmo-item-option-action-button-group-button-background-focus:rgba(var(--luzmo-primary-rgb), .1);--luzmo-item-option-action-button-group-button-content-color-default:var(--luzmo-font-color-disabled);--luzmo-item-option-action-button-group-button-content-color-hover:var(--luzmo-font-color-hover);--luzmo-item-option-action-button-group-button-content-color-down:var(--luzmo-font-color-down);--luzmo-item-option-action-button-group-button-content-color-focus:var(--luzmo-font-color-focus)}luzmo-action-group[compact][quiet][emphasized],luzmo-action-group[compact][quiet][emphasized][size=s]{--luzmo-action-group-gap-size-compact:var(--luzmo-spacing-1)}luzmo-action-group[compact][quiet][emphasized][size=l]{--luzmo-action-group-gap-size-compact:var(--luzmo-spacing-2)}luzmo-action-group[compact][quiet][emphasized][size=xl]{--luzmo-action-group-gap-size-compact:var(--luzmo-spacing-3)}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button{--luzmo-action-button-background-color-hover:var(--luzmo-item-option-action-button-group-button-background-hover);--luzmo-action-button-background-color-down:var(--luzmo-item-option-action-button-group-button-background-down);--luzmo-action-button-background-color-focus:var(--luzmo-item-option-action-button-group-button-background-focus);--luzmo-action-button-content-color-default:var(--luzmo-item-option-action-button-group-button-content-color-default);--luzmo-action-button-content-color-hover:var(--luzmo-item-option-action-button-group-button-content-color-hover);--luzmo-action-button-content-color-down:var(--luzmo-item-option-action-button-group-button-content-color-down);--luzmo-action-button-content-color-focus:var(--luzmo-item-option-action-button-group-button-content-color-focus)}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]:hover,luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]{--luzmo-action-button-background-color-hover:var(--luzmo-item-option-action-button-group-button-background-down);--luzmo-action-button-background-color-default:var(--luzmo-item-option-action-button-group-button-background-down);--luzmo-action-button-content-color-default:var(--luzmo-item-option-action-button-group-button-content-color-down);--luzmo-action-button-content-color-hover:var(--luzmo-item-option-action-button-group-button-content-color-down);--luzmo-action-button-content-color-down:var(--luzmo-item-option-action-button-group-button-content-color-down)}`,o={alignBottom:n.luzmoAlignBottom,alignMiddle:n.luzmoAlignMiddle,alignTop:n.luzmoAlignTop,alignLeft:n.luzmoAlignLeft,alignCenter:n.luzmoAlignCenter,alignRight:n.luzmoAlignRight,ban:n.luzmoBan,borderSolid:n.luzmoBorderSolid,borderDashed:n.luzmoBorderDashed,borderDotted:n.luzmoBorderDotted,compress:n.luzmoCompress,expand:n.luzmoExpand,arrowsExpand:n.luzmoArrowsExpand,arrowsHorizontal:n.luzmoArrowsHorizontal,arrowsVertical:n.luzmoArrowsVertical,italic:n.luzmoItalic,bold:n.luzmoBold,underline:n.luzmoUnderline,rows:n.luzmoRows,columns:n.luzmoColumns,table:n.luzmoTable},s=class extends t.t{constructor(...e){super(...e),this.values={},this.disabled=!1}static{this.styles=[...super.styles,(0,r.unsafeCSS)(a)]}_handleEvent(){let e=this.selects===`multiple`?this.actionGroup?.selected:this.actionGroup?.selected?.[0];this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:e}}))}_generateButtonContents(e){return typeof e==`string`?r.html`${e}`:e.iconName||e.icon?r.html`
-        <luzmo-icon
-          slot="icon"
-          .size=${this.size}
-          .icon=${e.icon??o[e.iconName]}
-          .label=${e.label??``}
-        ></luzmo-icon>
-        ${e.buttonText??``}
-      `:r.html`${e.buttonText??``}`}_generateActionButtons(){return Object.entries(this.values).map(([e,t])=>r.html`
-        <luzmo-action-button value=${e} ?disabled=${this.disabled}>
-          ${this._generateButtonContents(t)}
-          ${t.label?r.html`<luzmo-tooltip
-                self-managed
-                placement="top"
-                size=${this.size}
-              >
-                ${t.label}
-              </luzmo-tooltip>`:``}
-        </luzmo-action-button>
-      `)}renderController(){let e=this._generateActionButtons();return r.html`
-      <luzmo-action-group
-        id="luzmo-item-option-control"
-        compact
-        quiet
-        emphasized
-        .selects=${this.selects??`single`}
-        .size=${this.size}
-        .selected=${this.value||this.default||[]}
-        @change=${this._handleEvent}
-        .disabled=${this.disabled}
-      >
-        ${e}
-      </luzmo-action-group>
-    `}};e.t([(0,i.property)({type:Array})],s.prototype,`values`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],s.prototype,`disabled`,void 0),e.t([(0,i.property)({type:String})],s.prototype,`selects`,void 0),e.t([(0,i.property)({type:Array})],s.prototype,`value`,void 0),e.t([(0,i.property)({type:Array})],s.prototype,`default`,void 0),e.t([(0,i.query)(`luzmo-action-group`)],s.prototype,`actionGroup`,void 0),customElements.get(`luzmo-item-option-action-button-group`)||customElements.define(`luzmo-item-option-action-button-group`,s),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

package/components/item-option-color-range-BFr0B6Vf.cjs

@@ -1,98 +0,0 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2026 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.
- * */
-const e=require("./decorate-DCJt-2rt.cjs"),t=require("./color-Bl8h58rV.cjs"),n=require("./item-option-base-DKieCS-Y.cjs");let r=require("@luzmo/icons"),i=require("lit"),a=require("lit/decorators.js"),o=require("@lit/localize");require("@luzmo/lucero/icon"),require("@luzmo/lucero/action-button"),require("@luzmo/lucero/text-field"),require("@luzmo/lucero/number-field"),require("@luzmo/lucero/color-picker"),require("@luzmo/lucero/color-field");var s=(e,n=.1)=>{if(e.length<2)return`#AAAAAA`;let r=e.length,i=new t.t(e[r-2]).to(`oklab`),a=new t.t(e[r-1]).to(`oklab`),o=i.coords[0],s=a.coords[0];return new t.t(`oklab`,[Math.min(1,Math.max(0,s+(s>o?1:-1)*n)),a.coords[1],a.coords[2]],a.alpha).to(`srgb`).toString({format:`hex`,precision:0})},c=`:host{--luzmo-swatch-size:14px}.luzmo-item-option{align-items:start;height:fit-content}.control-container{flex-grow:1;align-items:start}.color-range-line{align-items:center;display:flex}luzmo-color-field,luzmo-number-field{flex-grow:1}.color-range-lines-container,.color-range-lines{gap:var(--luzmo-item-option-color-range-ranges-gap,var(--color-ranges-gap));flex-direction:column;flex-grow:1;display:flex}.color-range-lines{width:100%}.extra-label{height:var(--item-option-component-height);align-items:center;display:flex}.color-range-percentage-value{padding-inline-start:var(--luzmo-item-option-color-range-color-swatch-to-percentage,var(--color-swatch-to-percentage));padding-inline-end:var(--luzmo-item-option-color-range-percentage-to-input-field,var(--percentage-to-input-field))}luzmo-color-picker{position:relative}luzmo-color-picker:not(:has(+.color-range-percentage-value)){padding-inline-end:var(--luzmo-item-option-color-range-color-swatch-to-input-field,var(--color-swatch-to-input-field))}:is(luzmo-number-field:has(+luzmo-action-button),luzmo-color-field:has(+luzmo-action-button)){padding-inline-end:var(--luzmo-item-option-color-range-input-field-to-button,var(--input-field-to-button))}luzmo-color-picker:before{box-sizing:border-box;content:"";top:var(--color-range-connector-top);left:var(--color-range-connector-left);height:var(--color-range-connector-height);width:var(--color-range-connector-width);background:var(--range-color);border:var(--luzmo-item-option-color-range-connector-border-width,var(--luzmo-border-width)) solid var(--luzmo-item-option-color-range-connector-border-color,var(--luzmo-border-color));z-index:-1;border-top:0;border-bottom:0;position:absolute}:host([reverse]) luzmo-color-picker:before{top:var(--color-range-reverse-connector-top)}.color-range-lines:not(.edit-range-size) .color-range-line:last-child luzmo-color-picker:before{display:none}.color-range-add-value-container{height:var(--color-range-input-field-height);justify-content:start;align-items:center;display:flex}.color-range-add-value{box-sizing:border-box;width:var(--luzmo-item-option-color-range-add-value-width,var(--luzmo-swatch-size));height:var(--luzmo-item-option-color-range-add-value-height,var(--luzmo-swatch-size));border-width:var(--luzmo-item-option-color-range-add-value-border-width,var(--luzmo-border-width));border-style:solid;border-color:var(--luzmo-item-option-color-range-add-value-border-color,var(--luzmo-primary));border-radius:var(--luzmo-item-option-color-range-add-value-border-radius,50%);background-color:var(--luzmo-item-option-color-range-add-value-background-color,var(--luzmo-background-color));cursor:pointer;color:var(--luzmo-item-option-color-range-add-value-color,var(--luzmo-primary));justify-content:center;align-items:center;display:flex;position:relative}.color-range-add-value .plus-sign{width:100%;height:100%;position:absolute;top:0;left:0}.color-range-add-value .plus-sign:before{content:" ";background-color:var(--luzmo-item-option-color-range-add-value-color,var(--luzmo-primary));height:var(--add-color-range-plus-size);width:var(--luzmo-item-option-color-range-add-color-range-plus-sign-border-width,var(--add-color-range-plus-sign-border-width));top:calc((var(--luzmo-item-option-color-range-add-color-range-size,var(--add-color-range-size)) - var(--add-color-range-plus-size)) / 2 - var(--luzmo-item-option-color-range-add-value-border-width,var(--luzmo-border-width)));left:calc((var(--luzmo-item-option-color-range-add-color-range-size,var(--add-color-range-size)) - var(--luzmo-item-option-color-range-add-color-range-plus-sign-border-width,var(--add-color-range-plus-sign-border-width))) / 2 - var(--luzmo-item-option-color-range-add-value-border-width,var(--luzmo-border-width)));z-index:1;display:block;position:absolute}.color-range-add-value .plus-sign:after{content:" ";background-color:var(--luzmo-item-option-color-range-add-value-color,var(--luzmo-primary));width:var(--add-color-range-plus-size);height:var(--luzmo-item-option-color-range-add-color-range-plus-sign-border-width,var(--add-color-range-plus-sign-border-width));left:calc((var(--luzmo-item-option-color-range-add-color-range-size,var(--add-color-range-size)) - var(--add-color-range-plus-size)) / 2 - var(--luzmo-item-option-color-range-add-value-border-width,var(--luzmo-border-width)));top:calc((var(--luzmo-item-option-color-range-add-color-range-size,var(--add-color-range-size)) - var(--luzmo-item-option-color-range-add-color-range-plus-sign-border-width,var(--add-color-range-plus-sign-border-width))) / 2 - var(--luzmo-item-option-color-range-add-value-border-width,var(--luzmo-border-width)));z-index:1;display:block;position:absolute}.color-range-add-value:hover{background-color:var(--luzmo-item-option-color-range-add-value-background-color-hover,var(--luzmo-background-color-hover));color:var(--luzmo-item-option-color-range-add-value-color-hover,var(--luzmo-primary-hover))}.color-range-add-value[focused],.color-range-add-value:focus-visible{background-color:var(--luzmo-item-option-color-range-add-value-background-color-focus,var(--luzmo-background-color-focus));color:var(--luzmo-item-option-color-range-add-value-color-focus,var(--luzmo-primary-focus));outline:none}.color-range-add-value[focused]:after,.color-range-add-value:focus-visible:after{content:"";inset:calc(var(--luzmo-item-option-color-range-add-value-focus-indicator-gap,var(--add-value-focus-indicator-gap)) * -2);background-color:var(--luzmo-item-option-color-range-add-value-focus-indicator-background-color,var(--luzmo-background-color));border-width:var(--luzmo-item-option-color-range-add-value-focus-indicator-width,var(--add-value-focus-indicator-width));border-style:solid;border-color:var(--highcontrast-swatch-focus-indicator-color,var(--luzmo-item-option-color-range-add-value-focus-indicator-color,var(--add-value-focus-indicator-color)));border-radius:var(--luzmo-item-option-color-range-add-value-focus-indicator-border-radius,var(--add-value-focus-indicator-border-radius));transition:opacity var(--luzmo-animation-duration) ease-in-out;z-index:-1;position:absolute}:host{--luzmo-swatch-size:var(--color-range-swatch-size);--color-range-swatch-size:16px;--color-ranges-gap:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--color-range-connector-width:.25rem;--color-range-connector-height:calc(var(--color-range-input-field-height) + var(--color-ranges-gap) - var(--color-range-swatch-size) + var(--color-range-connector-width));--color-range-connector-top:calc(var(--color-range-swatch-size) - (var(--color-range-connector-width) / 2));--color-range-reverse-connector-top:calc(-1 * var(--color-range-connector-height) + (var(--color-range-connector-width) / 2));--color-range-connector-left:calc((var(--color-range-swatch-size) - var(--color-range-connector-width)) / 2);--color-range-input-field-height:var(--luzmo-component-height);--add-color-range-size:var(--color-range-swatch-size);--add-color-range-plus-size:8px;--add-color-range-plus-sign-border-width:2px;--add-value-focus-indicator-border-radius:50%;--add-value-focus-indicator-gap:3px;--add-value-focus-indicator-width:1px;--add-value-focus-indicator-color:var(--luzmo-primary);--color-swatch-to-percentage:var(--luzmo-spacing-4);--color-swatch-to-input-field:var(--luzmo-spacing-4);--percentage-to-input-field:var(--luzmo-spacing-4);--input-field-to-button:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([size=s]){--color-range-swatch-size:14px;--color-range-input-field-height:var(--luzmo-component-height-s);--color-ranges-gap:var(--luzmo-spacing-2);--add-color-range-plus-size:6px;--add-color-range-plus-sign-border-width:2px;--color-swatch-to-percentage:var(--luzmo-spacing-3);--color-swatch-to-input-field:var(--luzmo-spacing-3);--percentage-to-input-field:var(--luzmo-spacing-3);--input-field-to-button:var(--luzmo-spacing-2)}:host([size=l]){--color-range-swatch-size:18px;--color-range-input-field-height:var(--luzmo-component-height-l);--color-ranges-gap:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--add-color-range-plus-size:10px;--color-swatch-to-percentage:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--color-swatch-to-input-field:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--percentage-to-input-field:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--input-field-to-button:var(--luzmo-spacing-3)}:host([size=xl]){--color-range-swatch-size:20px;--color-range-input-field-height:var(--luzmo-component-height-xl);--color-ranges-gap:var(--luzmo-spacing-3);--add-color-range-plus-size:10px;--color-swatch-to-percentage:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--color-swatch-to-input-field:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--percentage-to-input-field:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--input-field-to-button:var(--luzmo-spacing-4)}`,l=class extends n.t{constructor(...e){super(...e),this.disabled=!1,this.percentage=!1,this.noAlphaChannel=!1,this.editRangeSize=!1,this.noValues=!1,this.minimumRangeSize=2,this.negativeInfinityValue=!1,this.readOnlyColorPicker=!1,this.reverse=!1,this.debounce=100,this._ranges=[]}static{this.styles=[super.styles,(0,i.unsafeCSS)(c)]}willUpdate(e){super.willUpdate(e),e.has(`value`)&&(this._ranges=typeof this.parseValue==`function`?this.parseValue(this.value??this.default??[]):this.value??this.default??[]),this.negativeInfinityValue&&(this._ranges=[{color:this._ranges[0].color,value:-1/0},...this._ranges.slice(1)])}_handleChangeEvent(){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toValue==`function`?this.toValue(this._ranges):this._ranges}}))},this.debounce??200)}_getIndex(e){let t=[...this.colorRangeLines].indexOf((e?.target)?.closest(`.color-range-line`));return this.reverse&&(t=(this._ranges?.length??0)-1-t),t}_extrapolateNewValue(e){if(e.length<2)return 0;let t=e.at(-1),n=e.at(-2),r=(t??0)-(n??0);return(t??0)+r}_setColor(e){let t=this._getIndex(e),n=e.target.color??e.target.value;this._ranges?.[t]&&(this._ranges[t].color=String(n)),this._ranges=structuredClone(this._ranges),this._handleChangeEvent()}_setNumber(e){let t=this._getIndex(e),n=e.target.value;this._ranges?.[t]&&(this._ranges[t].value=n),this._ranges=structuredClone(this._ranges.sort((e,t)=>(e?.value??0)-(t?.value??0))),this._handleChangeEvent()}_removeRangeValue(e){let t=this._getIndex(e);this._ranges?.splice(t,1),this._ranges=structuredClone(this._ranges),this._handleChangeEvent()}_addRangeValue(){let e=s(this._ranges?.map(e=>e.color)??[]),t=this._extrapolateNewValue(this._ranges?.map(e=>e.value??0)??[]);this._ranges?.push({color:e,value:t}),this._ranges=structuredClone(this._ranges),this._handleChangeEvent()}renderRangeValues(){let e=(e,t,n,a)=>i.html`
-        <div class="color-range-line" style="--range-color: ${e}">
-          <luzmo-color-picker
-            .color=${e}
-            .debounce=${this.debounce}
-            ?disabled=${this.disabled}
-            ?no-alpha-channel=${this.noAlphaChannel}
-            ?read-only=${this.readOnlyColorPicker}
-            @change=${this._setColor}
-          ></luzmo-color-picker>
-          ${this.percentage?i.html`
-                  <div class="color-range-percentage-value">%</div>
-                `:i.html`
-                  
-                `}
-          ${this.noValues?i.html` <luzmo-color-field
-                .value=${e}
-                .size=${this.size}
-                .debounce=${this.debounce}
-                ?no-alpha-channel=${this.noAlphaChannel}
-                ?disabled=${this.disabled}
-                @change=${this._setColor}
-              ></luzmo-color-field>`:n?i.html` <luzmo-text-field
-                  .value=${`< `+(a??0)}
-                  .size=${this.size}
-                  readonly
-                ></luzmo-text-field>`:i.html` <luzmo-number-field
-                  .value=${t??0}
-                  .size=${this.size}
-                  .debounce=${this.debounce}
-                  ?disabled=${this.disabled}
-                  @change=${this._setNumber}
-                ></luzmo-number-field>`}
-          ${this.editRangeSize&&!this.disabled&&!n&&(this._ranges?.length??0)>this.minimumRangeSize?i.html`<luzmo-action-button
-                quiet
-                .size=${this.size}
-                .label=${(0,o.msg)(`Remove color stop`,{desc:`Aria label for remove color stop button`})}
-                @click=${this._removeRangeValue}
-              >
-                <luzmo-icon
-                  slot="icon"
-                  .size=${this.size}
-                  .icon=${r.luzmoTrashOutline}
-                ></luzmo-icon>
-              </luzmo-action-button>`:i.html`
-                  
-                `}
-        </div>
-      `,t=this._ranges??this.default??[];this.reverse&&(t=[...t].reverse());let n=t.map(({color:n,value:r},i)=>e(n,r,i===0&&this.negativeInfinityValue,i===0&&this.negativeInfinityValue?t[1]?.value:void 0));return i.html`
-      <div id="luzmo-item-option-control" class="color-range-lines-container" role="group" aria-label=${this.label||(0,o.msg)(`Color range`,{desc:`Accessible label for color range control`})}>
-        ${this.editRangeSize&&!this.disabled&&this.reverse?i.html`<div class="color-range-add-value-container">
-              <button
-                class="color-range-add-value"
-                aria-label=${(0,o.msg)(`Add color stop`,{desc:`Aria label for add color stop button`})}
-                @click=${this._addRangeValue}
-              >
-                <div class="plus-sign"></div>
-              </button>
-            </div>`:i.html`
-                
-              `}
-        <div
-          class="color-range-lines ${this.editRangeSize&&!this.disabled?`edit-range-size`:``}"
-        >
-          ${n}
-        </div>
-        ${this.editRangeSize&&!this.disabled&&!this.reverse?i.html`<div class="color-range-add-value-container">
-              <button
-                class="color-range-add-value"
-                aria-label=${(0,o.msg)(`Add color stop`,{desc:`Aria label for add color stop button`})}
-                @click=${this._addRangeValue}
-              >
-                <div class="plus-sign"></div>
-              </button>
-            </div>`:i.html`
-                
-              `}
-      </div>
-    `}renderController(){return this.renderRangeValues()}};e.t([(0,a.property)({type:Array,reflect:!0})],l.prototype,`value`,void 0),e.t([(0,a.property)({type:Array,reflect:!0})],l.prototype,`default`,void 0),e.t([(0,a.property)({type:Boolean,reflect:!0})],l.prototype,`disabled`,void 0),e.t([(0,a.property)({type:Boolean})],l.prototype,`percentage`,void 0),e.t([(0,a.property)({type:Boolean,attribute:`no-alpha-channel`})],l.prototype,`noAlphaChannel`,void 0),e.t([(0,a.property)({type:Boolean,attribute:`edit-range-size`})],l.prototype,`editRangeSize`,void 0),e.t([(0,a.property)({type:Boolean,attribute:`no-values`})],l.prototype,`noValues`,void 0),e.t([(0,a.property)({type:Number,reflect:!0,attribute:`minimum-range-size`})],l.prototype,`minimumRangeSize`,void 0),e.t([(0,a.property)({type:Boolean,reflect:!0,attribute:`negative-infinity-value`})],l.prototype,`negativeInfinityValue`,void 0),e.t([(0,a.property)({type:Boolean,attribute:`read-only-color-picker`})],l.prototype,`readOnlyColorPicker`,void 0),e.t([(0,a.property)({type:Boolean})],l.prototype,`reverse`,void 0),e.t([(0,a.property)({type:Number,reflect:!0})],l.prototype,`debounce`,void 0),e.t([(0,a.property)()],l.prototype,`parseValue`,void 0),e.t([(0,a.property)()],l.prototype,`toValue`,void 0),e.t([(0,a.queryAll)(`.color-range-line`)],l.prototype,`colorRangeLines`,void 0),e.t([(0,a.state)()],l.prototype,`_ranges`,void 0),customElements.get(`luzmo-item-option-color-range`)||customElements.define(`luzmo-item-option-color-range`,l),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});

package/components/item-slot-drop-BUCjEfJf.cjs

@@ -1,91 +0,0 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2026 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.
- * */
-const e=require("./base-kQ6cjcIZ.cjs"),t=require("./decorate-DCJt-2rt.cjs"),n=require("./localized-mixin-CiBWThrZ.cjs"),r=require("./data-broker-DWEXs6-2.cjs"),i=require("./localize-D3i4Epy_.cjs"),a=require("./display-settings-DnzOjr-1.cjs"),o=require("./pragmatic-element-adapter-DdyH32ix.cjs"),s=require("./slots-config-DVH0lz6t.cjs"),c=require("./default-acceptable-data-field-types-fPsz64ka.cjs"),l=require("./slot-menu-DkyDLDSd.cjs"),u=require("./slot-labels.config-DKnxOncr.cjs");let d=require("@luzmo/icons"),f=require("lit"),p=require("lit/decorators.js"),m=require("@lit/localize");require("@luzmo/lucero/tooltip");let h=require("@lit/context"),g=require("@lit/task"),_=require("lit/directives/if-defined.js");var v=`:host{font-family:var(--luzmo-item-slot-drop-font-family,var(--luzmo-font-family));--slot-height:var(--luzmo-item-slot-drop-height,var(--item-slot-drop-height))}.item-slot-drop-wrapper{width:var(--slot-height);min-width:var(--slot-height);height:auto;position:relative;overflow:visible}.item-slot-drop[filled]{border:var(--luzmo-item-slot-drop-filled-border-width,var(--item-slot-drop-filled-border-width)) var(--luzmo-item-slot-drop-filled-border-style,var(--item-slot-drop-filled-border-style)) var(--luzmo-item-slot-drop-filled-border-color,var(--item-slot-drop-filled-border-color));background-color:var(--luzmo-item-slot-drop-filled-background-color,var(--item-slot-drop-filled-background-color));color:var(--luzmo-item-slot-drop-filled-color,var(--item-slot-drop-filled-color));gap:var(--luzmo-item-slot-drop-filled-gap,var(--item-slot-drop-filled-gap));padding-right:0}.item-slot-drop[filled]>:not(luzmo-overlay){cursor:pointer}.item-slot-drop{background-color:var(--luzmo-item-slot-drop-background-color,var(--item-slot-drop-background-color));color:var(--luzmo-item-slot-drop-font-color,var(--item-slot-drop-font-color));border:var(--luzmo-item-slot-drop-border-width,var(--item-slot-drop-border-width)) var(--luzmo-item-slot-drop-border-style,var(--item-slot-drop-border-style)) var(--luzmo-item-slot-drop-border-color,var(--item-slot-drop-border-color));padding-left:var(--luzmo-item-slot-drop-edge-to-label,var(--item-slot-drop-edge-to-label));padding-right:var(--luzmo-item-slot-drop-label-to-controls,var(--item-slot-drop-label-to-controls));border-radius:var(--luzmo-item-slot-drop-border-radius,var(--item-slot-drop-border-radius));height:var(--luzmo-item-slot-drop-height,var(--item-slot-drop-height));justify-content:space-between;align-items:center;display:flex}:host(.pulse) .item-slot-drop{animation:1s ease-in-out infinite dropelementpulse}:host([accept-drag]) .item-slot-drop{background-color:var(--luzmo-item-slot-drop-accept-drag-background-color,var(--item-slot-drop-accept-drag-background-color));color:var(--luzmo-item-slot-drop-accept-drag-font-color,var(--item-slot-drop-accept-drag-font-color));border-color:var(--luzmo-item-slot-drop-accept-drag-border-color,var(--item-slot-drop-accept-drag-border-color));animation:1s ease-in-out infinite dropelementpulse}:host([accept-drag]) .controls{background-color:var(--luzmo-item-slot-drop-accept-drag-controls-background-color,var(--item-slot-drop-accept-drag-controls-background-color));color:var(--luzmo-item-slot-drop-accept-drag-controls-color,var(--item-slot-drop-accept-drag-controls-color))}:host([would-accept-drag]) .item-slot-drop:not([filled]){animation:var(--luzmo-slot-would-accept-drop-animation,none)}@keyframes dropelementpulse{0%{box-shadow:0 0 0 0 var(--luzmo-item-slot-drop-pulse-color,var(--item-slot-drop-pulse-color)), 0 0 0 0 var(--luzmo-item-slot-drop-pulse-color,var(--item-slot-drop-pulse-color))}to{box-shadow:0 0 0 1rem #0000,0 0 0 1rem #0000}}@media (prefers-reduced-motion:reduce){:host(.pulse) .item-slot-drop,:host([accept-drag]) .item-slot-drop,:host([would-accept-drag]) .item-slot-drop:not([filled]){animation:none}}:host([disabled]) .item-slot-drop{background-color:var(--luzmo-item-slot-drop-background-color-disabled,var(--item-slot-drop-background-color-disabled));color:var(--luzmo-item-slot-drop-color-disabled,var(--item-slot-drop-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25;font-size:12px}.drag-handle-icon{opacity:.5;font-size:12px}.item-slot-drop-label{font-size:var(--luzmo-item-slot-drop-label-font-size,var(--item-slot-drop-label-font-size));padding-top:var(--luzmo-item-slot-drop-label-padding-top,var(--item-slot-drop-label-padding-top));padding-bottom:var(--luzmo-item-slot-drop-label-padding-bottom,var(--item-slot-drop-label-padding-bottom));max-width:var(--luzmo-item-slot-drop-label-max-width);margin-right:var(--luzmo-item-slot-drop-text-to-controls,var(--item-slot-drop-text-to-controls));text-overflow:ellipsis;white-space:nowrap;flex-grow:1;overflow:hidden}.controls{align-items:center;gap:var(--luzmo-item-slot-drop-controls-gap,var(--item-slot-drop-controls-gap));background-color:var(--luzmo-item-slot-drop-controls-background-color,var(--item-slot-drop-controls-background-color));height:100%;color:var(--luzmo-item-slot-drop-controls-color,var(--item-slot-drop-controls-color));margin-right:var(--luzmo-item-slot-drop-controls-to-edge,var(--item-slot-drop-controls-to-edge));padding:0 var(--luzmo-item-slot-drop-controls-horizontal-padding,var(--item-slot-drop-controls-horizontal-padding));font-size:var(--luzmo-item-slot-drop-controls-font-size);border-top-right-radius:var(--luzmo-item-slot-drop-border-radius,var(--item-slot-drop-border-radius));border-bottom-right-radius:var(--luzmo-item-slot-drop-border-radius,var(--item-slot-drop-border-radius));display:flex}.controls button{cursor:pointer;height:100%;padding:0 var(--luzmo-item-slot-drop-controls-control-horizontal-padding,var(--item-slot-drop-controls-control-horizontal-padding));font:inherit;color:inherit;border-radius:var(--luzmo-border-radius);background:0 0;border:none;align-items:center;display:flex}.controls button:focus-visible{outline:var(--luzmo-indicator-width) solid var(--luzmo-item-slot-drop-controls-color,var(--item-slot-drop-controls-color));outline-offset:-1px}.item-slot-drop.rotate{transform-origin:50%;max-width:15rem;position:absolute;top:0;left:50%;transform:translate(-50%)rotate(-90deg)}luzmo-slot-menu[placement=bottom],luzmo-slot-menu[placement=top],luzmo-slot-menu[placement=bottom-start],luzmo-slot-menu[placement=top-start],luzmo-slot-menu[placement=bottom-end],luzmo-slot-menu[placement=top-end]{margin:var(--luzmo-item-slot-drop-overlay-vertical-gap,var(--item-slot-drop-overlay-vertical-gap)) 0}luzmo-slot-menu[placement=left],luzmo-slot-menu[placement=right],luzmo-slot-menu[placement=left-start],luzmo-slot-menu[placement=right-start],luzmo-slot-menu[placement=left-end],luzmo-slot-menu[placement=right-end]{margin:0 var(--luzmo-item-slot-drop-overlay-horizontal-gap,var(--item-slot-drop-overlay-horizontal-gap))}:host{--item-slot-drop-border-width:var(--luzmo-border-width);--item-slot-drop-border-style:dashed;--item-slot-drop-border-color:var(--luzmo-border-color);--item-slot-drop-background-color:transparent;--item-slot-drop-accept-drag-background-color:var(--luzmo-positive-color);--item-slot-drop-accept-drag-color:white;--item-slot-drop-accept-drag-border-color:var(--luzmo-positive-color-down);--item-slot-drop-accept-drag-controls-background-color:var(--luzmo-positive-color-down);--item-slot-drop-accept-drag-controls-color:white;--item-slot-drop-accept-drag-font-color:white;--item-slot-drop-font-color:var(--luzmo-font-color);--item-slot-drop-controls-background-color:var(--luzmo-primary-down);--item-slot-drop-controls-color:var(--luzmo-primary-inverse-color);--item-slot-drop-text-to-controls:var(--luzmo-spacing-3);--item-slot-drop-controls-to-edge:0;--item-slot-drop-controls-gap:var(--luzmo-spacing-2);--item-slot-drop-controls-horizontal-padding:var(--luzmo-spacing-2);--item-slot-drop-controls-control-horizontal-padding:var(--luzmo-spacing-3);--item-slot-drop-filled-background-color:var(--luzmo-primary);--item-slot-drop-filled-color:var(--luzmo-primary-inverse-color);--item-slot-drop-filled-border-width:var(--luzmo-border-width);--item-slot-drop-filled-border-style:solid;--item-slot-drop-filled-border-color:var(--luzmo-primary-down);--item-slot-drop-height:var(--luzmo-item-slot-drop-height,var(--luzmo-component-height));--item-slot-drop-label-font-size:var(--luzmo-font-size);--item-slot-drop-icon-type-font-size:var(--luzmo-font-size);--item-slot-drop-edge-to-label:var(--luzmo-spacing-5);--item-slot-drop-label-to-controls:var(--luzmo-spacing-5);--item-slot-drop-color-disabled:var(--luzmo-color-disabled);--item-slot-drop-background-color-disabled:var(--luzmo-background-color-disabled);--item-slot-drop-pulse-color:rgba(var(--luzmo-positive-color-rgb), .2);--item-slot-drop-border-radius:var(--luzmo-border-radius);--item-slot-drop-filled-gap:var(--luzmo-spacing-5);--item-slot-drop-horizontal-padding:var(--luzmo-spacing-4);--item-slot-drop-overlay-horizontal-gap:var(--luzmo-spacing-4);--item-slot-drop-overlay-vertical-gap:var(--luzmo-spacing-4)}:host([size=s]){--item-slot-drop-height:var(--luzmo-item-slot-drop-height,var(--luzmo-component-height-s));--item-slot-drop-label-font-size:var(--luzmo-font-size-s);--item-slot-drop-icon-type-font-size:var(--luzmo-font-size-s);--item-slot-drop-horizontal-padding:var(--luzmo-spacing-4);--item-slot-drop-overlay-horizontal-gap:var(--luzmo-spacing-4);--item-slot-drop-overlay-vertical-gap:var(--luzmo-spacing-4)}:host([size=l]){--item-slot-drop-height:var(--luzmo-item-slot-drop-height,var(--luzmo-component-height-l));--item-slot-drop-label-font-size:var(--luzmo-font-size-l);--item-slot-drop-icon-type-font-size:var(--luzmo-font-size-l);--item-slot-drop-horizontal-padding:var(--luzmo-spacing-5);--item-slot-drop-overlay-horizontal-gap:var(--luzmo-spacing-5);--item-slot-drop-overlay-vertical-gap:var(--luzmo-spacing-5)}:host([size=xl]){--item-slot-drop-height:var(--luzmo-item-slot-drop-height,var(--luzmo-component-height-xl));--item-slot-drop-label-font-size:var(--luzmo-font-size-xl);--item-slot-drop-icon-type-font-size:var(--luzmo-font-size-xl);--item-slot-drop-horizontal-padding:var(--luzmo-spacing-5);--item-slot-drop-overlay-horizontal-gap:var(--luzmo-spacing-5);--item-slot-drop-overlay-vertical-gap:var(--luzmo-spacing-5)}:host{box-sizing:border-box}`,y=class extends n.t(e.n(e.i,{validSizes:[`s`,`m`,`l`,`xl`],noDefaultSize:!0})){static{this.styles=(0,f.unsafeCSS)(v)}constructor(){super(),this._loadSlotsConfig=new g.Task(this,{task:async([e])=>{if(e&&e!==this._itemTypeLoaded){this._itemTypeLoaded=e;let t=await s.t(e);return this._slotsConfig=t??[],this._slotsConfig}},args:()=>[this.itemType,this.language]}),this._slotsConfig=[],this.slotConfiguration={},this.slotsContents=[],this.contentLanguage=`en`,this.rotate=!1,this.apiUrl=`https://api.luzmo.com`,this.authKey=``,this.authToken=``,this.menu=`default`,this.placement=`bottom-end`,this._slotContents=[],this._overlayReady=!1,this._overlayOpen=!1,this._store=new l.n,this._currentSlotContents=[],this._lastFetchedDatasetId=null,this._linkedDatasetsIds=[],this._attachDroppable=()=>{this._cleanupDroppable||=o.n({element:this,onDrop:async e=>{let t={...e.source?.data},n=e?.source?.element?.hasAttribute(`sublevel`)??!1,i=this._slotContents?.length===0,a=t.datasetId,o=c.n(t,n),s=this.slotConfiguration?.canAcceptMultipleDataFields?[...this._slotContents??[],o]:[o];this.removeAttribute(`accept-drag`),a&&a!==this._lastFetchedDatasetId&&(this._lastFetchedDatasetId=a,await r.t.fetchDatasetsRecursive([a]),this._linkedDatasetsIds=r.t.getLinkedDatasetsIds(a)),this.changedSlotContents(s,this._linkedDatasetsIds).defaultPrevented||(this._slotContents=s,this._currentSlotContents=[...this._slotContents],i?(this._overlayReady=!1,setTimeout(()=>{this._overlayReady=!0},200)):this._overlayReady=!0),this.classList.remove(`pulse`)},canDrop:({source:e})=>this._canDropField({source:e}),getDropEffect:()=>`move`,onDragEnter:()=>{this.setAttribute(`accept-drag`,``),this.classList.add(`pulse`)},onDragLeave:()=>{this.removeAttribute(`accept-drag`),this.classList.remove(`pulse`)}})},this._canDropField=({source:e})=>{if(![`LUZMO-DATA-FIELD-LEVEL`,`LUZMO-DATA-FIELD`].includes(e.element?.tagName)||!this.slotConfiguration?.canAcceptFormula&&(e?.data?.formulaId||e?.data?.formula||e?.data?.entity===`formula`))return!1;let{acceptableDataFieldTypes:t,acceptableColumnSubtypes:n}=this.slotConfiguration??{},r=Array.isArray(t)&&t.length>0?t:c.t;return e?.data?.type&&!r.includes(e?.data?.type)?!1:!(e?.data?.subtype&&Array.isArray(n)&&n.length>0&&!n.includes(e?.data?.subtype))},this.changedSlotContents=(e,t=[])=>{let n=new CustomEvent(`luzmo-slot-contents-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:e,linkedDatasetsIds:t}});return this.dispatchEvent(n),n.defaultPrevented||this._store?.setContents(e,this.slotName),n},this._handleDragStart=e=>{let t=e,n=t.detail?.data;if(this._overlayElement&&(this._overlayElement.open=!1),!n)return;let r={data:n,element:{tagName:t.target instanceof HTMLElement&&t.target.tagName===`LUZMO-DATA-FIELD-LEVEL`?`LUZMO-DATA-FIELD-LEVEL`:`LUZMO-DATA-FIELD`}};this._canDropField({source:r})&&this.setAttribute(`would-accept-drag`,``)},this._handleDragEnd=()=>{this.removeAttribute(`would-accept-drag`)},this._handleOverlayClick=e=>{e.detail>0&&e.target===this._overlayElement?this._overlayElement.open=!1:e.stopPropagation()},new h.ContextProvider(this,{context:a.n,initialValue:this._store})}connectedCallback(){super.connectedCallback(),this._attachDroppable(),document.addEventListener(`luzmo-data-field-drag-started`,this._handleDragStart),document.addEventListener(`luzmo-data-field-dropped`,this._handleDragEnd)}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDroppable&&=(this._cleanupDroppable(),void 0),this._loadSlotsConfig.abort?.(),document.removeEventListener(`luzmo-data-field-drag-started`,this._handleDragStart),document.removeEventListener(`luzmo-data-field-dropped`,this._handleDragEnd)}emptySlotContents(e){e.preventDefault(),e.stopPropagation(),this._slotContents=[],this.changedSlotContents([])}willUpdate(e){super.willUpdate(e),e.has(`slotConfiguration`)&&(this._cleanupDroppable&&=(this._cleanupDroppable(),void 0),this._attachDroppable()),e.has(`slotsContents`)&&this._processSlotsContents()}_processSlotsContents(){this._store?.setFullContents(this.slotsContents),this._slotContents=this.slotsContents?.find(e=>e.name===this.slotName)?.content??[],this._currentSlotContents=[...this._slotContents],this._slotContents?.length>0&&(this._overlayReady=!0),this._store?.setContents(this._slotContents)}firstUpdated(e){super.firstUpdated(e),this._attachDroppable()}_onOverlayClosed(e){this._overlayOpen=!1;let t=e.overlay;this._slotMenuElement&&t===this._overlayElement&&(setTimeout(()=>{this._slotMenuElement.resetPosition()},500),this._slotMenuElement.resetInfoVisibility(),this.dispatchEvent(new CustomEvent(`luzmo-slot-menu-inactive`,{bubbles:!0,composed:!0})))}_onOverlayOpened(e){this._overlayOpen=!0;let t=e.overlay;if(this._slotMenuElement&&t===this._overlayElement){let e=this._store?.activeIndex.get?.()??0,t=this._slotContents?.[e]??this._slotContents?.[0];if(t){let e=t?.column??t?.columnId,n=t?.set??t?.datasetId,r=t?.formula;(e||r)&&n&&(this.dispatchEvent(new CustomEvent(`luzmo-slot-menu-active`,{bubbles:!0,composed:!0,detail:{datasetId:n}})),setTimeout(()=>{this.dispatchEvent(new CustomEvent(`luzmo-slot-menu-highlight`,{bubbles:!0,composed:!0,detail:{datasetId:n,level:t?.level??0,...e&&{columnId:e},...r&&{formulaId:r}}}))}))}}}_onSlotMenuChanges(e){e.preventDefault(),e.stopPropagation();let t=e.detail.linkedDatasetsIds;this._slotContents=e.detail.slotContents,this._currentSlotContents=[...this._slotContents],this.changedSlotContents(this._slotContents,t)}_onInfoVisibilityChanged(e){this.dispatchEvent(new CustomEvent(`luzmo-info-visibility-changed`,{detail:e.detail}))}get _fullLabel(){let e=``,t=u.t[this.slotConfiguration?.label]?u.t[this.slotConfiguration?.label]():this.slotConfiguration?.label;this._currentSlotContents?.length===1?e=i.t(this._currentSlotContents?.[0]?.label,this.contentLanguage)??`Untitled`:this._currentSlotContents?.length>1&&(e=`${this._currentSlotContents.length} items`);let n=this.label||t||`Untitled`;return this._currentSlotContents?.length>0&&(n+=this._currentSlotContents?.length>1?`: ${this._currentSlotContents.length} items`:`: ${e}`),n}_onLabelClick(){this.hideConfiguration||!this._slotContents?.length||!this._overlayElement||(this._overlayOpen?this._overlayElement.open=!1:this._overlayElement.open=!0)}itemSlotDropMarkup(){let e=f.html`
-      <div
-        class="item-slot-drop ${this.rotate?`rotate`:``}"
-        ?filled=${this._slotContents?.length>0}
-      >
-        <div class="item-slot-drop-label" tabindex="-1" @click=${this._onLabelClick}>${this._fullLabel}</div>
-        ${this._slotContents?.length>0&&!(this.hideConfiguration&&this.hideDelete)?f.html`<div class="controls">
-              ${this.hideConfiguration?``:f.html`<button
-                    id="edit-trigger"
-                    aria-label=${(0,m.msg)(`Edit`,{desc:`Edit action label`})}
-                    aria-haspopup="dialog"
-                    aria-expanded=${this._overlayOpen?`true`:`false`}
-                  >
-                    ${(0,d.luzmoIcon)(d.luzmoCog)}
-                    <luzmo-tooltip
-                      self-managed
-                      placement=${this.rotate?`right`:`top`}
-                      size=${this.size}
-                    >
-                      ${(0,m.msg)(`Edit`,{desc:`Edit action label`})}
-                    </luzmo-tooltip>
-                  </button> `}
-              ${this.hideDelete?``:f.html`<button aria-label=${(0,m.msg)(`Delete`,{desc:`Delete action label`})} @click=${this.emptySlotContents}>
-                    ${(0,d.luzmoIcon)(d.luzmoTrashOutline)}
-                    <luzmo-tooltip
-                      self-managed
-                      placement=${this.rotate?`right`:`top`}
-                      size=${this.size}
-                    >
-                      ${(0,m.msg)(`Delete`,{desc:`Delete action label`})}
-                    </luzmo-tooltip>
-                  </button>`}
-            </div>`:``}
-        ${this._slotContents?.length>0&&this._overlayReady&&!this.hideConfiguration?f.html`<luzmo-overlay
-              trigger="edit-trigger@click"
-              .placement=${this.placement}
-              offset=${this.rotate?`-100`:`0`}
-              @luzmo-closed=${this._onOverlayClosed}
-              @luzmo-opened=${this._onOverlayOpened}
-              @click=${this._handleOverlayClick}
-            >
-              <luzmo-slot-menu
-                language=${this.language}
-                content-language=${this.contentLanguage}
-                drag-boundary=${(0,_.ifDefined)(this.dragBoundary)}
-                slot-type=${(0,_.ifDefined)(this.slotConfiguration?.type)}
-                slot-name=${(0,_.ifDefined)(this.slotName)}
-                item-type=${(0,_.ifDefined)(this.itemType)}
-                .areGrandTotalsEnabled=${this.slotConfiguration?.options?.areGrandTotalsEnabled}
-                .areDatetimeOptionsEnabled=${this.slotConfiguration?.options?.areDatetimeOptionsEnabled}
-                .isBinningDisabled=${this.slotConfiguration?.options?.isBinningDisabled}
-                .isAggregationDisabled=${this.slotConfiguration?.options?.isAggregationDisabled}
-                .isCumulativeSumEnabled=${this.slotConfiguration?.options?.isCumulativeSumEnabled}
-                .slotContents=${this._slotContents}
-                variant=${this.menu===`draggable`?`draggable`:`popup`}
-                .size=${this.size}
-                api-url=${(0,_.ifDefined)(this.apiUrl)}
-                auth-key=${(0,_.ifDefined)(this.authKey)}
-                auth-token=${(0,_.ifDefined)(this.authToken)}
-                @luzmo-slot-contents-changed=${this._onSlotMenuChanges}
-                @luzmo-info-visibility-changed=${this._onInfoVisibilityChanged}
-              ></luzmo-slot-menu>
-            </luzmo-overlay>`:``}
-      </div>
-    `;return this.rotate?f.html`<div class="item-slot-drop-wrapper">${e}</div>`:e}render(){return this.slotConfiguration&&Object.keys(this.slotConfiguration).length>0?this.itemSlotDropMarkup():this._loadSlotsConfig.render({pending:()=>f.html`
-          <p>Loading...</p>
-        `,complete:e=>{if(this.slotName&&this.itemType&&e){let t=e.find(e=>e.name===this.slotName);t&&(this.slotConfiguration=t)}return this.itemSlotDropMarkup()},error:e=>f.html`
-        <div>
-          Could not load item slot drop: '${this.slotName}' of chart
-          '${this.itemType}': ${e}.
-        </div>
-      `})}};t.t([(0,p.property)({type:String,reflect:!0,attribute:`item-type`})],y.prototype,`itemType`,void 0),t.t([(0,p.property)({type:String,reflect:!0,attribute:`slot-name`})],y.prototype,`slotName`,void 0),t.t([(0,p.property)({type:Object})],y.prototype,`slotConfiguration`,void 0),t.t([(0,p.property)({type:Object})],y.prototype,`slotsContents`,void 0),t.t([(0,p.property)({type:String,reflect:!0})],y.prototype,`label`,void 0),t.t([(0,p.property)({type:String,attribute:`content-language`,reflect:!0})],y.prototype,`contentLanguage`,void 0),t.t([(0,p.property)({type:String,reflect:!0,attribute:`drag-boundary`})],y.prototype,`dragBoundary`,void 0),t.t([(0,p.property)({type:Boolean,reflect:!0})],y.prototype,`rotate`,void 0),t.t([(0,p.property)({type:String,attribute:`api-url`,reflect:!0})],y.prototype,`apiUrl`,void 0),t.t([(0,p.property)({type:String,attribute:`auth-key`,reflect:!0})],y.prototype,`authKey`,void 0),t.t([(0,p.property)({type:String,attribute:`auth-token`,reflect:!0})],y.prototype,`authToken`,void 0),t.t([(0,p.property)({type:String,reflect:!0})],y.prototype,`menu`,void 0),t.t([(0,p.property)({type:String,reflect:!0})],y.prototype,`placement`,void 0),t.t([(0,p.property)({type:Boolean,reflect:!0,attribute:`hide-delete`})],y.prototype,`hideDelete`,void 0),t.t([(0,p.property)({type:Boolean,reflect:!0,attribute:`hide-configuration`})],y.prototype,`hideConfiguration`,void 0),t.t([(0,p.query)(`luzmo-slot-menu`)],y.prototype,`_slotMenuElement`,void 0),t.t([(0,p.query)(`luzmo-overlay`)],y.prototype,`_overlayElement`,void 0),t.t([(0,p.state)()],y.prototype,`_slotContents`,void 0),t.t([(0,p.state)()],y.prototype,`_overlayReady`,void 0),t.t([(0,p.state)()],y.prototype,`_overlayOpen`,void 0),y=t.t([(0,m.localized)()],y),customElements.get(`luzmo-item-slot-drop`)||customElements.define(`luzmo-item-slot-drop`,y),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return y}});

package/components/item-slot-picker-panel-BUyp6Hbg.cjs

@@ -1,81 +0,0 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2026 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.
- * */
-const e=require("./base-kQ6cjcIZ.cjs"),t=require("./decorate-DCJt-2rt.cjs"),n=require("./localized-mixin-CiBWThrZ.cjs"),r=require("./data-broker-DWEXs6-2.cjs"),i=require("./type-check-BehV9ZL1.cjs"),a=require("./localize-D3i4Epy_.cjs"),o=require("./slots-config-DVH0lz6t.cjs"),s=require("./slot-labels.config-DKnxOncr.cjs");require("./item-slot-picker-CvbXFh6Z.cjs");let c=require("lit"),l=require("lit/decorators.js"),u=require("@lit/localize");require("@luzmo/lucero/select");let d=require("@lit/task");require("@luzmo/lucero/field-label");let f=require("lit/directives/if-defined.js");var p=`:host{font-size:var(--luzmo-item-slot-picker-panel-font-size,var(--luzmo-font-size));font-family:var(--luzmo-font-family,sans-serif);color:var(--luzmo-font-color,inherit);display:block}:host([size=s]){font-size:var(--luzmo-item-slot-picker-panel-font-size-s,var(--luzmo-font-size-s))}:host([size=l]){font-size:var(--luzmo-item-slot-picker-panel-font-size-l,var(--luzmo-font-size-l))}:host([size=xl]){font-size:var(--luzmo-item-slot-picker-panel-font-size-xl,var(--luzmo-font-size-xl))}.container{flex-direction:column;align-items:flex-start;display:flex}.dataset-picker{align-self:stretch;align-items:flex-start;gap:var(--luzmo-item-slot-picker-panel-dataset-picker-gap,var(--luzmo-spacing-2));border-bottom-style:solid;border-bottom-width:var(--luzmo-item-slot-picker-panel-dataset-picker-border-width,1px);border-bottom-color:var(--luzmo-item-slot-picker-panel-dataset-picker-border-color,var(--luzmo-border-color));flex-direction:column;flex-shrink:0;margin-block-end:var(--luzmo-item-slot-picker-panel-dataset-picker-margin-block-end,var(--luzmo-spacing-4));padding-block-end:var(--luzmo-item-slot-picker-panel-dataset-picker-padding-block-end,var(--luzmo-spacing-4));display:flex}.slots-panel{gap:var(--luzmo-item-slot-picker-panel-gap,var(--luzmo-spacing-4));flex-direction:column;display:flex}.slot-container{gap:var(--luzmo-item-slot-picker-panel-slot-gap,var(--luzmo-spacing-2));flex-direction:column;display:flex}luzmo-field-label{margin:0}luzmo-item-slot-picker{display:block}:host([grows]) .container{align-items:stretch;width:100%}:host([grows]) .dataset-picker{align-items:stretch}:host([grows]) .dataset-picker luzmo-select{width:100%}`,m=50,h=class extends n.t(e.n(e.i,{validSizes:[`s`,`m`,`l`,`xl`],noDefaultSize:!0})){constructor(...e){super(...e),this._loadSlotsConfig=new d.Task(this,{task:async([e])=>{if(e&&e!==this._itemTypeLoaded){this._itemTypeLoaded=e;let t=await o.t(e);return this._slotsConfig=t??[],this._slotsConfig}return this._slotsConfig},args:()=>[this.itemType,this.language]}),this._slotsConfig=[],this._datasetListItems=[],this._datasetListRetrieving=!1,this._datasetListPending=!1,this._datasetNamesFetchAttempted=!1,this._hasMoreDatasets=!0,this._fetchedDatasetsDataFields=[],this._failedDatasetIds=new Set,this._loadDataFieldsTask=new d.Task(this,{args:()=>[this._currentDatasetId,this.apiUrl,this.authKey,this.authToken,this.datasetsDataFields.length],task:async([e,t,n,a,o])=>{if(o>0||!e)return null;if(!i.s(e))return console.warn(`[LuzmoItemSlotPickerPanel] Invalid dataset ID provided (not a valid UUID): ${e}`),this._failedDatasetIds.add(e),null;if(this._failedDatasetIds.has(e))return null;let s=this._fetchedDatasetsDataFields.find(t=>t.id===e);if(s&&s.columns&&s.columns.length>0)return s;try{let t=await r.t.fetchDatasetsWithColumnsAndFormulas([e]);if(t.length===0)return this._failedDatasetIds.add(e),null;let n=t[0],i=this._fetchedDatasetsDataFields.findIndex(t=>t.id===e);return i===-1?this._fetchedDatasetsDataFields=[...this._fetchedDatasetsDataFields,n]:this._fetchedDatasetsDataFields[i]=n,n}catch(t){return console.warn(`Failed to fetch dataset data fields:`,t),this._failedDatasetIds.add(e),null}}}),this.contentLanguage=`en`,this.slotsContents=[],this.selects=`multiple`,this.dataFieldsSearch=`auto`,this.datasetSearch=`auto`,this.icons=`menu-only`,this.datasetsDataFields=[],this.datasetIds=[],this.datasetPicker=!1,this.apiUrl=`https://api.luzmo.com`,this.placement=`bottom-start`,this.slotMenuPlacement=`bottom-end`,this.constraintMode=`auto`,this.grows=!1,this._currentSlotsContents=[],this._createSlotChangeHandler=e=>t=>{t.preventDefault(),t.stopPropagation();let n=t.detail.slotContents??[],r=this._applySlotConstraints(e,n);r!==null&&(this._currentSlotsContents=r,this.slotsContents=structuredClone(r),this.dispatchEvent(new CustomEvent(`luzmo-slots-contents-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotsContents:r}})))}}static{this.styles=(0,c.unsafeCSS)(p)}get _availableDatasets(){return this.datasetsDataFields.length>0?this.datasetsDataFields:this.datasetIds.length>0?this.datasetIds.map(e=>{let t=this._datasetListItems.find(t=>t.id===e);return t?{id:t.id,name:t.name,description:t.description}:{id:e,name:{en:e}}}):this._datasetListItems.length>0?this._datasetListItems.map(e=>({id:e.id,name:e.name,description:e.description})):[]}get _currentDatasetsDataFields(){if(this.datasetsDataFields.length>0){if(!this._currentDatasetId)return this.datasetsDataFields;let e=this.datasetsDataFields.find(e=>e.id===this._currentDatasetId);return e?[e]:this.datasetsDataFields}let e=this._loadDataFieldsTask.value;if(e)return[{id:e.id,name:e.name,description:e.description,columns:e.columns??[],formulas:e.formulas??[]}];if(this._fetchedDatasetsDataFields.length>0&&this._currentDatasetId){let e=this._fetchedDatasetsDataFields.find(e=>e.id===this._currentDatasetId);if(e)return[{id:e.id,name:e.name,description:e.description,columns:e.columns??[],formulas:e.formulas??[]}]}return[]}get _shouldFetchDatasetList(){return this.datasetPicker&&this.datasetsDataFields.length===0}_areDatasetsLinked(e,t){return e===t}_getUsedDatasetIds(){let e=new Set;for(let t of this._currentSlotsContents)for(let n of t.content)n.datasetId&&e.add(n.datasetId);return[...e]}willUpdate(e){super.willUpdate(e),e.has(`slotsContents`)&&(this._currentSlotsContents=structuredClone(this.slotsContents??[]));let t=e.has(`selectedDatasetId`),n=e.has(`datasetsDataFields`),i=e.has(`datasetIds`),a=e.has(`datasetPicker`),o=e.has(`authKey`),s=e.has(`authToken`),c=e.has(`apiUrl`);(i||o||s||c)&&(this._datasetListItems=[],this._hasMoreDatasets=!0,this._datasetNamesFetchAttempted=!1,this._fetchedDatasetsDataFields=[],this._failedDatasetIds.clear(),r.t.configure({apiUrl:this.apiUrl,authKey:this.authKey??``,authToken:this.authToken??``})),n&&this.datasetsDataFields.length>0&&(this._datasetListItems=[],this._hasMoreDatasets=!0,this._fetchedDatasetsDataFields=[],this._failedDatasetIds.clear()),(t||n||i)&&this._updateCurrentDatasetId(),(i||o||s||c||a)&&this.datasetIds.length>0&&this.datasetPicker&&this.datasetsDataFields.length===0&&this._datasetListItems.length===0&&this._fetchDatasetNamesForPicker()}_updateCurrentDatasetId(){let e=this._availableDatasets;if(this.selectedDatasetId&&e.some(e=>e.id===this.selectedDatasetId)){this._currentDatasetId=this.selectedDatasetId;return}if(this.selectedDatasetId&&this.datasetIds.includes(this.selectedDatasetId)){this._currentDatasetId=this.selectedDatasetId;return}this._currentDatasetId=e.length>0?e[0].id:void 0}async _fetchDatasetNamesForPicker(){if(this.datasetIds.length!==0){this._datasetListPending=!0;try{let e=await r.t.fetchDatasetNames(this.datasetIds);this._datasetListItems=e}catch(e){console.warn(`Failed to fetch dataset names:`,e)}finally{this._datasetListPending=!1,this._datasetNamesFetchAttempted=!0}}}async _loadMoreDatasets(e){if(!(this._datasetListRetrieving||!this._hasMoreDatasets)){this._datasetListRetrieving=!0,e&&(e.retrieving=!0);try{let e=this._datasetListItems.length,t=await r.t.fetchAllDatasets({offset:e,limit:m});this._datasetListItems=[...this._datasetListItems,...t.data],this._hasMoreDatasets=e+m<(t.pagination?.total??0),!this._currentDatasetId&&this._datasetListItems.length>0&&this._updateCurrentDatasetId()}catch(e){console.warn(`Failed to load dataset list:`,e),this._hasMoreDatasets=!1}finally{this._datasetListRetrieving=!1,e&&(e.retrieving=!1)}}}_handlePickerScrolled(e){if(this.datasetIds.length>0)return;let t=e.target,{last:n}=e.detail;n>=this._datasetListItems.length-10&&this._hasMoreDatasets&&this._loadMoreDatasets(t)}async _handlePickerOpened(e){let t=e.target;if(this._datasetListItems.length===0&&this._shouldFetchDatasetList&&this.datasetIds.length===0&&this._hasMoreDatasets){t.pending=!0;try{await this._loadMoreDatasets(t)}finally{t.pending=!1}}}_handleDatasetChange(e){let t=e.detail?.value?.[0];if(!t||t===this._currentDatasetId)return;let n=this._getUsedDatasetIds(),r=this._currentSlotsContents.some(e=>e.content.length>0),i=n.every(e=>this._areDatasetsLinked(e,t));if(r&&!i){if(this.constraintMode===`event-only`){this.dispatchEvent(new CustomEvent(`luzmo-dataset-constraint-triggered`,{bubbles:!0,composed:!0,detail:{previousDatasetId:this._currentDatasetId,newDatasetId:t,currentSlotsContents:structuredClone(this._currentSlotsContents),wouldClearSlots:!0}}));return}this._currentSlotsContents=[],this.slotsContents=[],this.dispatchEvent(new CustomEvent(`luzmo-slots-contents-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotsContents:[]}}))}this._currentDatasetId=t,this.dispatchEvent(new CustomEvent(`luzmo-dataset-changed`,{bubbles:!0,composed:!0,detail:{datasetId:t}}))}_getSlotContents(e){return this._currentSlotsContents?.find(t=>t.name===e)?.content??[]}_applySlotConstraints(e,t){let n=this.slotsConfiguration??this._slotsConfig,r=structuredClone(this._currentSlotsContents),i=structuredClone(this._currentSlotsContents),a=i.findIndex(t=>t.name===e);a===-1?i.push({name:e,content:t}):i[a].content=t;let o=[];for(let r of n){if(r.keepOnlyFirstWhenOtherSlotFilled?.includes(e)&&t.length>0){let t=i.findIndex(e=>e.name===r.name);t!==-1&&i[t].content.length>1&&(o.push({type:`keepOnlyFirstWhenOtherSlotFilled`,affectedSlotName:r.name,triggeredBySlotName:e}),i[t].content=[i[t].content[0]])}if(r.clearWhenOtherSlotHasMultipleItems?.includes(e)&&t.length>1){let t=i.findIndex(e=>e.name===r.name);t!==-1&&i[t].content.length>0&&(o.push({type:`clearWhenOtherSlotHasMultipleItems`,affectedSlotName:r.name,triggeredBySlotName:e}),i[t].content=[])}}if(this.constraintMode===`event-only`&&o.length>0){let n={triggerSlotName:e,proposedTriggerContents:t,originalSlotsContents:r,proposedSlotsContents:i,constraints:o};return this.dispatchEvent(new CustomEvent(`luzmo-slot-constraint-triggered`,{detail:n,bubbles:!0,composed:!0})),null}return i}_getTranslatedLabel(e){let t=(typeof e.label==`string`?e.label:e.label?a.t(e.label,this.language):void 0)??e.name;return s.t[t]?s.t[t]():t}_renderDatasetPicker(){if(!this.datasetPicker)return c.nothing;let e=this._availableDatasets,t=e.length>1,n=this.datasetIds.length>0,r=this._shouldFetchDatasetList;if(!t&&!n&&!r)return c.nothing;let i=this._datasetListPending||this.datasetIds.length>0&&this._datasetListItems.length===0&&this.datasetsDataFields.length===0&&!this._datasetNamesFetchAttempted,o=i?[]:e.map(e=>({value:e.id,label:a.t(e.name,this.contentLanguage)||e.id})),s=i?[]:this._currentDatasetId?[this._currentDatasetId]:[],l=i?(0,u.msg)(`Loading datasets...`):(0,u.msg)(`Select dataset...`);return c.html`
-      <div class="dataset-picker" part="dataset-picker">
-        <luzmo-field-label part="dataset-field-label" size=${this.size}>
-          ${this.datasetPickerLabel??(0,u.msg)(`Dataset`)}
-        </luzmo-field-label>
-        <luzmo-select
-          selects="single"
-          variant="highlight"
-          search=${(0,f.ifDefined)(this.datasetSearch)}
-          placement=${this.placement}
-          .size=${this.size}
-          .options=${o}
-          .value=${s}
-          .label=${l}
-          ?pending=${i}
-          @change=${this._handleDatasetChange}
-          @luzmo-opened=${this._handlePickerOpened}
-          @luzmo-scrolled=${this._handlePickerScrolled}
-        ></luzmo-select>
-      </div>
-    `}_renderSlot(e){let t=this._getSlotContents(e.name),n=this._createSlotChangeHandler(e.name),r=this._getTranslatedLabel(e);return c.html`
-      <div class="slot-container" part="slot-container">
-        <luzmo-field-label part="field-label" size=${this.size}>
-          ${r}${e.isRequired?` *`:``}
-        </luzmo-field-label>
-        <luzmo-item-slot-picker
-          part="item-slot-picker"
-          item-type=${(0,f.ifDefined)(this.itemType)}
-          slot-name=${e.name}
-          language=${this.language}
-          content-language=${this.contentLanguage}
-          api-url=${(0,f.ifDefined)(this.apiUrl)}
-          auth-key=${(0,f.ifDefined)(this.authKey)}
-          auth-token=${(0,f.ifDefined)(this.authToken)}
-          size=${this.size}
-          selects=${this.selects}
-          search=${(0,f.ifDefined)(this.dataFieldsSearch)}
-          icons=${(0,f.ifDefined)(this.icons)}
-          placement=${this.placement}
-          slot-menu-placement=${this.slotMenuPlacement}
-          ?grows=${this.grows}
-          aria-required=${e.isRequired?`true`:c.nothing}
-          .slotConfiguration=${e}
-          .slotContents=${t}
-          .datasetsDataFields=${this._currentDatasetsDataFields}
-          @luzmo-slot-contents-changed=${n}
-        ></luzmo-item-slot-picker>
-      </div>
-    `}_renderSlots(e){return c.html`
-      <div class="slots-panel" part="slots-panel">
-        ${e.map(e=>this._renderSlot(e))}
-      </div>
-    `}_renderContent(e){return c.html`
-      <div class="container" part="container">
-        ${this._renderDatasetPicker()}
-        ${this._renderSlots(e)}
-      </div>
-    `}render(){return this.slotsConfiguration&&this.slotsConfiguration.length>0?this._renderContent(this.slotsConfiguration):this._loadSlotsConfig.render({pending:()=>c.html`
-          <p role="status">Loading...</p>
-        `,complete:e=>!e||e.length===0?c.html`<p>No slots configuration found for ${this.itemType}</p>`:this._renderContent(e),error:e=>c.html`
-        <div role="alert">Could not load slots configuration for '${this.itemType}': ${e}.</div>
-      `})}};t.t([(0,l.state)()],h.prototype,`_datasetListItems`,void 0),t.t([(0,l.state)()],h.prototype,`_datasetListRetrieving`,void 0),t.t([(0,l.state)()],h.prototype,`_datasetListPending`,void 0),t.t([(0,l.state)()],h.prototype,`_currentDatasetId`,void 0),t.t([(0,l.state)()],h.prototype,`_fetchedDatasetsDataFields`,void 0),t.t([(0,l.property)({type:String,reflect:!0,attribute:`item-type`})],h.prototype,`itemType`,void 0),t.t([(0,l.property)({type:String,attribute:`content-language`,reflect:!0})],h.prototype,`contentLanguage`,void 0),t.t([(0,l.property)({type:Array})],h.prototype,`slotsConfiguration`,void 0),t.t([(0,l.property)({type:Array})],h.prototype,`slotsContents`,void 0),t.t([(0,l.property)({type:String,reflect:!0})],h.prototype,`selects`,void 0),t.t([(0,l.property)({type:String,reflect:!0,attribute:`data-fields-search`})],h.prototype,`dataFieldsSearch`,void 0),t.t([(0,l.property)({type:String,reflect:!0,attribute:`dataset-search`})],h.prototype,`datasetSearch`,void 0),t.t([(0,l.property)({type:String,reflect:!0})],h.prototype,`icons`,void 0),t.t([(0,l.property)({type:Array,reflect:!1})],h.prototype,`datasetsDataFields`,void 0),t.t([(0,l.property)({type:Array,attribute:`dataset-ids`})],h.prototype,`datasetIds`,void 0),t.t([(0,l.property)({type:String,attribute:`selected-dataset-id`,reflect:!0})],h.prototype,`selectedDatasetId`,void 0),t.t([(0,l.property)({type:Boolean,attribute:`dataset-picker`,reflect:!0})],h.prototype,`datasetPicker`,void 0),t.t([(0,l.property)({type:String,attribute:`dataset-picker-label`})],h.prototype,`datasetPickerLabel`,void 0),t.t([(0,l.property)({type:String,attribute:`api-url`})],h.prototype,`apiUrl`,void 0),t.t([(0,l.property)({type:String,attribute:`auth-key`})],h.prototype,`authKey`,void 0),t.t([(0,l.property)({type:String,attribute:`auth-token`})],h.prototype,`authToken`,void 0),t.t([(0,l.property)({type:String,reflect:!0})],h.prototype,`placement`,void 0),t.t([(0,l.property)({type:String,reflect:!0,attribute:`slot-menu-placement`})],h.prototype,`slotMenuPlacement`,void 0),t.t([(0,l.property)({type:String,reflect:!0,attribute:`constraint-mode`})],h.prototype,`constraintMode`,void 0),t.t([(0,l.property)({type:Boolean,reflect:!0})],h.prototype,`grows`,void 0),t.t([(0,l.state)()],h.prototype,`_currentSlotsContents`,void 0),h=t.t([(0,u.localized)()],h),customElements.get(`luzmo-item-slot-picker-panel`)||customElements.define(`luzmo-item-slot-picker-panel`,h),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});

package/components/slots-config-BuHluMEl.js

@@ -1,77 +0,0 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2026 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.
- * */
-//#region node_modules/@luzmo/dashboard-contents-types/src/lib/shared/utils/slots-registry.generated.js
-var e = {
-	"area-chart": () => import("./area-chart-slots.config--pd_dBTn.js").then((e) => e.t),
-	"bar-chart": () => import("./bar-chart-slots.config-Dr7v4xxd.js").then((e) => e.t),
-	"box-plot": () => import("./box-plot-slots.config-Bdb7pkky.js").then((e) => e.t),
-	"bubble-chart": () => import("./bubble-chart-slots.config-B4tsJDuz.js").then((e) => e.t),
-	"bullet-chart": () => import("./bullet-chart-slots.config-ccCSNJ5q.js").then((e) => e.t),
-	"choropleth-map": () => import("./choropleth-map-slots.config-X2YYrSXc.js").then((e) => e.t),
-	"circle-pack-chart": () => import("./circle-pack-chart-slots.config-BIO1dZsK.js").then((e) => e.t),
-	"circular-gauge": () => import("./circular-gauge-slots.config-Dv_7fAD_.js").then((e) => e.t),
-	"column-chart": () => import("./column-chart-slots.config-eHvTwZLX.js").then((e) => e.t),
-	"combination-chart": () => import("./combination-chart-slots.config-CG40JjE3.js").then((e) => e.t),
-	"conditional-number": () => import("./conditional-number-slots.config-o22l-qLv.js").then((e) => e.t),
-	"date-comparison-filter": () => import("./date-comparison-filter-slots.config-BIK5aZ6P.js").then((e) => e.t),
-	"date-filter": () => import("./date-filter-slots.config-CJJ4P0v6.js").then((e) => e.t),
-	"donut-chart": () => import("./donut-chart-slots.config-2XbT9Uu8.js").then((e) => e.t),
-	"dropdown-filter": () => import("./dropdown-filter-slots.config-CnESCGuw.js").then((e) => e.t),
-	"dynamic-imageobject": () => import("./dynamic-imageobject-slots.config-C9pnHqO_.js"),
-	"evolution-number": () => import("./evolution-number-slots.config-BKdD3cKw.js").then((e) => e.n),
-	"funnel-chart": () => import("./funnel-chart-slots.config-_9HUPvTb.js").then((e) => e.n),
-	"heat-map": () => import("./heat-map-slots.config-B4AswVSo.js").then((e) => e.n),
-	"heat-table": () => import("./heat-table-slots.config-CB509zU4.js").then((e) => e.n),
-	"hexbin-map": () => import("./hexbin-map-slots.config-Dyse0pui.js").then((e) => e.n),
-	image: () => import("./image-slots.config-CVj-DM07.js").then((e) => e.t),
-	"line-chart": () => import("./line-chart-slots.config-CcCpwWzZ.js").then((e) => e.n),
-	"marker-map": () => import("./marker-map-slots.config-BOWmS_IZ.js").then((e) => e.n),
-	"ohlc-chart": () => import("./ohlc-chart-slots.config-JRztPEXL.js").then((e) => e.n),
-	"parallel-coordinates-plot": () => import("./parallel-coordinates-plot-slots.config-pmbO5DnL.js").then((e) => e.n),
-	"pivot-table": () => import("./pivot-table-slots.config-DaLfGOP9.js").then((e) => e.n),
-	"pyramid-chart": () => import("./pyramid-chart-slots.config-DtnUlw5y.js").then((e) => e.n),
-	"radar-chart": () => import("./radar-chart-slots.config-CkLoeAV7.js").then((e) => e.n),
-	"regular-table": () => import("./regular-table-slots.config-Cc6hL7iu.js").then((e) => e.n),
-	"route-map": () => import("./route-map-slots.config-CQxB8gKC.js").then((e) => e.n),
-	"sankey-diagram": () => import("./sankey-diagram-slots.config-C9tIfWHU.js").then((e) => e.n),
-	"scatter-plot": () => import("./scatter-plot-slots.config-CUURijrN.js").then((e) => e.n),
-	"search-filter": () => import("./search-filter-slots.config-DD119qkk.js").then((e) => e.n),
-	"slicer-filter": () => import("./slicer-filter-slots.config-D-BhCuA9.js").then((e) => e.n),
-	"slider-filter": () => import("./slider-filter-slots.config-CGQG6JqK.js").then((e) => e.n),
-	"speedometer-chart": () => import("./speedometer-chart-slots.config-CjkHAHNX.js").then((e) => e.n),
-	"spike-map": () => import("./spike-map-slots.config-yMkdy-0w.js").then((e) => e.n),
-	"strip-plot": () => import("./strip-plot-slots.config-C07nIM5s.js").then((e) => e.n),
-	"sunburst-chart": () => import("./sunburst-chart-slots.config-BU9ma0xm.js").then((e) => e.n),
-	"symbol-map": () => import("./symbol-map-slots.config-CQJgV5bh.js").then((e) => e.n),
-	text: () => import("./text-slots.config-YmmXsb-0.js").then((e) => e.n),
-	"treemap-chart": () => import("./treemap-chart-slots.config-QEVbKZyS.js").then((e) => e.n),
-	"venn-diagram": () => import("./venn-diagram-slots.config-DsIqVOI2.js").then((e) => e.n),
-	video: () => import("./video-slots.config-B680gLmP.js").then((e) => e.n),
-	"wordcloud-chart": () => import("./wordcloud-chart-slots.config-mFvqkiQE.js").then((e) => e.n)
-}, t = (e) => `${e.replaceAll(/-([a-z])/g, (e, t) => t.toUpperCase())}SlotsConfig`, n = async (n) => {
-	try {
-		let r = e[n];
-		return r ? (await r())[t(n)] ?? null : null;
-	} catch {
-		return null;
-	}
-}, r = (e) => e ? n(e) : Promise.resolve(null);
-//#endregion
-export { r as t };

package/components/viz-item-menu-Dry8xpRA.cjs

@@ -1,55 +0,0 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2026 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.
- * */
-const e=require("./decorate-DCJt-2rt.cjs"),t=require("./localized-mixin-CiBWThrZ.cjs");let n=require("@luzmo/icons"),r=require("lit"),i=require("lit/decorators.js"),a=require("@lit/localize");require("@luzmo/lucero/icon"),require("@luzmo/lucero/tooltip");var o=`:host{box-sizing:border-box;width:min-content;display:block}:host luzmo-icon{display:flex}:host .viz-item-menu{align-items:center;gap:var(--luzmo-viz-item-menu-gap,var(--viz-item-menu-gap));font-size:var(--luzmo-viz-item-menu-font-size,var(--viz-item-menu-font-size));flex-direction:column;width:min-content;display:flex}:host .viz-item-menu .viz-item-menu-top-section{gap:var(--luzmo-viz-item-menu-button-edit-gap,var(--viz-item-menu-button-edit-gap));flex-direction:column;display:flex}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button{padding:var(--luzmo-viz-item-menu-button-edit-padding,var(--viz-item-menu-button-edit-padding));background-color:var(--luzmo-viz-item-menu-button-edit-background,var(--viz-item-menu-button-edit-background))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:first-child{border-top-right-radius:var(--luzmo-viz-item-menu-button-edit-border-radius,var(--viz-item-menu-button-edit-border-radius));border-top-left-radius:var(--luzmo-viz-item-menu-button-edit-border-radius,var(--viz-item-menu-button-edit-border-radius))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:last-child{border-bottom-right-radius:var(--luzmo-viz-item-menu-button-edit-border-radius,var(--viz-item-menu-button-edit-border-radius));border-bottom-left-radius:var(--luzmo-viz-item-menu-button-edit-border-radius,var(--viz-item-menu-button-edit-border-radius));box-shadow:var(--luzmo-viz-item-menu-box-shadow,var(--viz-item-menu-box-shadow))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:hover{background-color:var(--luzmo-viz-item-menu-button-edit-background-hover,var(--viz-item-menu-button-edit-background-hover))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:active,:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button[aria-pressed=true]{background-color:var(--luzmo-viz-item-menu-button-edit-background-active,var(--viz-item-menu-button-edit-background-active))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button luzmo-icon{color:var(--luzmo-viz-item-menu-button-edit-icon-color,var(--viz-item-menu-button-edit-icon-color))}:host .viz-item-menu .viz-item-menu-button{cursor:pointer;transition:var(--luzmo-viz-item-menu-transition,var(--viz-item-menu-transition));width:1rem;height:1rem;font:inherit;color:inherit;box-sizing:content-box;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}:host .viz-item-menu .viz-item-menu-button-delete{padding:var(--luzmo-viz-item-menu-delete-padding,var(--viz-item-menu-delete-padding));border-radius:var(--luzmo-viz-item-menu-delete-border-radius,var(--viz-item-menu-delete-border-radius));background-color:var(--luzmo-viz-item-menu-delete-background,var(--viz-item-menu-delete-background));box-shadow:var(--luzmo-viz-item-menu-box-shadow,var(--viz-item-menu-box-shadow))}:host .viz-item-menu .viz-item-menu-button-delete:hover{background-color:var(--luzmo-viz-item-menu-delete-background-hover,var(--viz-item-menu-delete-background-hover))}:host .viz-item-menu .viz-item-menu-button-delete:hover luzmo-icon{color:var(--luzmo-viz-item-menu-delete-icon-color-hover,var(--viz-item-menu-delete-icon-color-hover))}:host .viz-item-menu .viz-item-menu-button-delete:active{background-color:var(--luzmo-viz-item-menu-delete-background-active,var(--viz-item-menu-delete-background-active))}:host .viz-item-menu .viz-item-menu-button-delete:active luzmo-icon{color:var(--luzmo-viz-item-menu-delete-icon-color-hover,var(--viz-item-menu-delete-icon-color-hover))}:host .viz-item-menu .viz-item-menu-button-delete luzmo-icon{color:var(--luzmo-viz-item-menu-delete-icon-color,var(--viz-item-menu-delete-icon-color))}:host .viz-item-menu luzmo-tooltip{--tooltip-font-family:var(--luzmo-viz-item-menu-tooltip-font-family,var(--viz-item-menu-tooltip-font-family));font-family:var(--luzmo-viz-item-menu-tooltip-font-family,var(--viz-item-menu-tooltip-font-family))}@media (prefers-reduced-motion:reduce){:host .viz-item-menu .viz-item-menu-button{transition:none}}:host{--viz-item-menu-gap:var(--luzmo-spacing-3,.375rem);--viz-item-menu-button-edit-gap:0;--viz-item-menu-button-edit-padding:var(--luzmo-spacing-3,.125rem);--viz-item-menu-button-edit-border-radius:var(--luzmo-border-radius,.25rem);--viz-item-menu-button-edit-background:oklch(40.3678% 2.98023e-8 none);--viz-item-menu-button-edit-background-hover:var(--secondary,var(--luzmo-primary));--viz-item-menu-button-edit-background-active:var(--primary,var(--luzmo-primary));--viz-item-menu-button-edit-icon-color:var(--luzmo-primary-inverse-color,white);--viz-item-menu-delete-padding:var(--luzmo-spacing-3,.125rem);--viz-item-menu-delete-border-radius:var(--luzmo-border-radius,.25rem);--viz-item-menu-delete-background:oklch(40.3678% 2.98023e-8 none);--viz-item-menu-delete-background-hover:var(--luzmo-negative-color,#de3737);--viz-item-menu-delete-background-active:var(--luzmo-negative-color,#de3737);--viz-item-menu-delete-icon-color:var(--luzmo-primary-inverse-color,white);--viz-item-menu-delete-icon-color-hover:var(--luzmo-primary-inverse-color,white);--viz-item-menu-transition:all var(--luzmo-animation-duration,.2s) ease;--viz-item-menu-font-size:var(--luzmo-font-size-m,.875rem);--viz-item-menu-box-shadow:0px 4px 4px 0px var(--Boxshadow,rgba(var(--luzmo-border-color-rgb), .2));--viz-item-menu-tooltip-font-family:var(--luzmo-font-family,"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif)}`,s=class extends t.t(r.LitElement){constructor(...e){super(...e),this.vizItemId=``,this.hiddenButtons=[],this.selectedButton=null,this.menuButtonConfigs={edit:{icon:n.luzmoEdit,label:`Edit`,eventName:`edit`,type:`edit`,cssClass:`viz-item-menu-button viz-item-menu-button-edit`,dataE2e:`viz-item-menu-button-edit`,onHover:()=>this._handleHoverOverEdit()},clone:{icon:n.luzmoClone,label:`Clone`,eventName:`clone`,type:`clone`,cssClass:`viz-item-menu-button viz-item-menu-button-clone`,dataE2e:`viz-item-menu-button-clone`},delete:{icon:n.luzmoTrashOutline,label:`Delete`,eventName:`delete`,type:`delete`,cssClass:`viz-item-menu-button viz-item-menu-button-delete`,dataE2e:`viz-item-menu-button-delete`}}}static{this.styles=(0,r.unsafeCSS)(o)}static{this.tagName=`luzmo-viz-item-menu`}get hasTopSectionButtons(){let e=this._shouldShowButton(`edit`),t=this._shouldShowButton(`clone`);return e||t}_shouldShowButton(e){return!this.hiddenButtons?.includes(e)}_handleSelectedToggle(e){e===`edit`&&(this.selectedButton=this.selectedButton===e?null:e,this._emitSelectedChanged())}_emitSelectedChanged(){this.dispatchEvent(new CustomEvent(`selected-changed`,{bubbles:!0,composed:!0,detail:{selectedButton:this.selectedButton}}))}_handleMenuButtonClick(e){this._handleSelectedToggle(e.type),this.dispatchEvent(new CustomEvent(`button-clicked`,{bubbles:!0,composed:!0,detail:{action:e.eventName,type:e.type,id:this.vizItemId}}))}_createMenuButtonClickHandler(e){return()=>this._handleMenuButtonClick(e)}_handleHoverOverEdit(){this.dispatchEvent(new CustomEvent(`edit-button-hovered`,{bubbles:!0,composed:!0}))}_renderMenuButton(e){let t=this.selectedButton===e.type,n=``;e.type===`edit`?n=(0,a.msg)(`Edit`,{desc:`Edit action label`}):e.type===`clone`?n=(0,a.msg)(`Clone`,{desc:`Grid item action tooltip`}):e.type===`delete`&&(n=(0,a.msg)(`Delete`,{desc:`Delete action label`}));let i=e.type===`edit`;return r.html`
-      <button
-        class=${e.cssClass}
-        data-e2e=${e.dataE2e||``}
-        data-menu-button=${e.type}
-        aria-label=${n}
-        aria-pressed=${i?t?`true`:`false`:r.nothing}
-        ?selected=${t}
-        @mouseenter=${e.onHover}
-        @click=${this._createMenuButtonClickHandler(e)}
-        @keydown=${t=>{(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),this._createMenuButtonClickHandler(e)())}}
-      >
-        <luzmo-icon .icon=${e.icon} size="xs"></luzmo-icon>
-        <luzmo-tooltip
-          self-managed
-          placement="right"
-          fallback-placements="left"
-        >
-          ${n}
-        </luzmo-tooltip>
-      </button>
-    `}_renderTopSection(){return this.hasTopSectionButtons?r.html`
-      <div class="viz-item-menu-top-section">
-        ${this._shouldShowButton(`edit`)?this._renderMenuButton(this.menuButtonConfigs.edit):``}
-        ${this._shouldShowButton(`clone`)?this._renderMenuButton(this.menuButtonConfigs.clone):``}
-      </div>
-    `:r.html`
-        
-      `}_renderBottomSection(){return this._shouldShowButton(`delete`)?this._renderMenuButton(this.menuButtonConfigs.delete):r.html`
-        
-      `}render(){return r.html`
-      <div class="viz-item-menu" role="toolbar" aria-label=${(0,a.msg)(`Item actions`,{desc:`Item actions toolbar label`})}>
-        ${this._renderTopSection()}
-        ${this._renderBottomSection()}
-      </div>
-    `}};e.t([(0,i.property)({type:String,reflect:!0,attribute:`viz-item-id`})],s.prototype,`vizItemId`,void 0),e.t([(0,i.property)({type:Array,attribute:!1})],s.prototype,`hiddenButtons`,void 0),e.t([(0,i.property)({type:String,reflect:!0,attribute:`selected-button`})],s.prototype,`selectedButton`,void 0),s=e.t([(0,a.localized)()],s),customElements.get(`luzmo-viz-item-menu`)||customElements.define(`luzmo-viz-item-menu`,s),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});