@luzmo/analytics-components-kit 1.0.9-beta.1 → 1.0.9-beta.3

package/components/item-option-color-range-CwDkzRcx.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-4Bwn-3Fc.cjs");let r=require("@luzmo/icons");require("@luzmo/lucero/icon");let i=require("lit"),a=require("lit/decorators.js"),o=require("@lit/localize");require("@luzmo/lucero/action-button"),require("@luzmo/lucero/number-field"),require("@luzmo/lucero/text-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-option-guidelines-DMjA-h3h.cjs

@@ -1,135 +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.
- * */
-require("./base-K-bf6_7X.cjs");const e=require("./decorate-DCJt-2rt.cjs"),t=require("./localized-mixin-DiUJOd06.cjs"),n=require("./types-pVa6ut_v.cjs"),r=require("./item-option-base-4Bwn-3Fc.cjs");let i=require("@luzmo/icons");require("@luzmo/lucero/button"),require("@luzmo/lucero/icon");let a=require("lit"),o=require("lit/decorators.js"),s=require("@lit/localize");require("@luzmo/lucero/action-button");let c=require("lit/directives/repeat.js");require("@luzmo/lucero/action-group"),require("@luzmo/lucero/number-field"),require("@luzmo/lucero/picker"),require("@luzmo/lucero/menu"),require("@luzmo/lucero/color-picker");var l=new Set(n.s),u=new Set(n.c),d=new Set(n.l),f={solid:`0`,dotted:`1,2`,dashed:`3,3`},p=e=>typeof e==`object`&&!!e&&!Array.isArray(e),m=e=>{if(typeof e==`number`&&Number.isFinite(e))return e;if(typeof e==`string`&&e.trim()!==``){let t=Number(e);return Number.isFinite(t)?t:void 0}},h=e=>typeof e==`string`&&l.has(e),g=e=>{let t=(e??[]).filter(h);return t.length>0?t:[...n.t]},_=e=>e===`dark-edit`?n.n:n.r,v=e=>structuredClone(e),y=e=>{if(!p(e))return{...n.a};let t=typeof e.type==`string`?e.type.trim().toLowerCase():``,r=u.has(t)?t:f[t]??n.a.type,i=(typeof e.width==`number`?String(e.width):typeof e.width==`string`?e.width.trim():``).replace(/px$/i,``);return{type:r,width:d.has(i)?i:n.a.width}},b=e=>{if(!p(e))return;let t=typeof e.type==`string`?e.type.trim().toLowerCase():``;if(!h(t))return;let r=typeof e.color==`string`&&e.color.trim()!==``?e.color.trim():n.r;return t===`value`?{type:t,color:r,value:m(e.value)??0}:{type:t,color:r}},x=e=>{let t=Array.isArray(e)?{lines:e}:e;if(!p(t)||!(Array.isArray(t.lines)||p(t.lines)))return;let n=Array.isArray(t.lines)?t.lines:[t.lines],r=n.map(b).filter(e=>e!==void 0);if(!(n.length>0&&r.length===0))return{lines:r,style:y(t.style)}},S=(e,t)=>e===`value`?{type:e,color:t,value:0}:{type:e,color:t},C=(e,t,r)=>{let i=g(t)[0],a=S(i,r);if(!e)return{lines:[a],style:{...n.a}};let o=v(e);return o.lines.push(a),o},w=(e,t)=>{let n=v(e);return n.lines.splice(t,1),n},T=(e,t,n)=>{let r=v(e),i=r.lines[t];return i&&(r.lines[t]=S(n,i.color)),r},E=(e,t,n)=>{let r=v(e);return r.lines[t]&&(r.lines[t].color=n),r},D=(e,t,n)=>{let r=v(e);return r.lines[t]&&(r.lines[t].value=n),r},O=(e,t)=>{let n=v(e);return n.style.type=t,n},k=(e,t)=>{let n=v(e);return n.style.width=t,n},A=`:host{display:block;container-type:inline-size}.luzmo-item-option{align-items:start;height:fit-content}.control-container{flex-grow:1;align-items:start}.guidelines{gap:var(--luzmo-item-option-guidelines-shared-gap,var(--item-option-guidelines-shared-gap));flex-direction:column;inline-size:100%;display:flex}.guideline-rows{gap:var(--luzmo-item-option-guidelines-rows-gap,var(--item-option-guidelines-rows-gap));flex-direction:column;display:flex}.guideline-row{align-items:center;gap:var(--luzmo-item-option-guidelines-row-gap,var(--item-option-guidelines-row-gap));grid-template-columns:auto minmax(0,max-content) minmax(6rem,1fr) auto;display:grid}.guideline-value{inline-size:100%}@container (width<=20rem){.guideline-row{grid-template-columns:auto minmax(0,1fr) auto}.guideline-value{grid-column:2}.guideline-value-spacer{display:none}}.guideline-value-spacer{min-inline-size:0;min-block-size:var(--luzmo-component-height)}.guidelines-add{justify-content:flex-end;display:flex}.guideline-shared{gap:var(--luzmo-item-option-guidelines-rows-gap,var(--item-option-guidelines-rows-gap));border-block-start:var(--luzmo-border-width) solid var(--luzmo-border-color);flex-direction:column;padding-block-start:var(--luzmo-item-option-guidelines-shared-gap,var(--item-option-guidelines-shared-gap));display:flex}.guideline-shared-row{justify-content:space-between;align-items:center;gap:var(--luzmo-item-option-guidelines-row-gap,var(--item-option-guidelines-row-gap));flex-wrap:wrap;display:flex}.guideline-shared-label{flex-shrink:0}.guideline-width{min-inline-size:8rem}:host{--item-option-guidelines-rows-gap:var(--luzmo-spacing-2);--item-option-guidelines-row-gap:var(--luzmo-spacing-2);--item-option-guidelines-shared-gap:var(--luzmo-spacing-3)}:host([size=s]){--item-option-guidelines-rows-gap:var(--luzmo-spacing-1);--item-option-guidelines-row-gap:var(--luzmo-spacing-1);--item-option-guidelines-shared-gap:var(--luzmo-spacing-2)}:host([size=l]){--item-option-guidelines-rows-gap:var(--luzmo-spacing-3);--item-option-guidelines-row-gap:var(--luzmo-spacing-3);--item-option-guidelines-shared-gap:var(--luzmo-spacing-4)}:host([size=xl]){--item-option-guidelines-rows-gap:var(--luzmo-spacing-4);--item-option-guidelines-row-gap:var(--luzmo-spacing-3);--item-option-guidelines-shared-gap:var(--luzmo-spacing-4)}`,j=0,M=6,N=10**-6,P={maximumFractionDigits:M},F=t.t(r.t),I=class extends F{constructor(...e){super(...e),this.lineTypes=[],this.lineTypeLabels={},this.defaultColor=_(),this.debounce=200,this._lineIds=[],this._lineIdCounter=0,this._styleLabelId=`luzmo-item-option-guidelines-style-${++j}`,this._widthLabelId=`luzmo-item-option-guidelines-width-${j}`}static get styles(){return[...super.styles,(0,a.unsafeCSS)(A)]}willUpdate(e){super.willUpdate(e),e.has(`value`)&&(this._clearDebounce(),this._guidelines=x(this.value),this._lineIds=(this._guidelines?.lines??[]).map((e,t)=>this._lineIds[t]??this._createLineId()))}disconnectedCallback(){super.disconnectedCallback(),this._clearDebounce()}_createLineId(){return`${this._styleLabelId}-line-${++this._lineIdCounter}`}_clearDebounce(){clearTimeout(this._debounceTimeout),this._debounceTimeout=void 0}_emit(e,t=!1){let n=()=>{this._debounceTimeout=void 0,this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:e}}))};if(this._clearDebounce(),t||this.debounce<=0){n();return}this._debounceTimeout=setTimeout(n,this.debounce)}_commit(e,t=!1){this._guidelines=e,this._emit(e,t)}_allowedTypes(){return g(this.lineTypes)}_typeLabel(e){if(this.lineTypeLabels[e])return this.lineTypeLabels[e];switch(e){case`value`:return(0,s.msg)(`Value`,{id:`item-option-guidelines-type-value`,desc:`Guideline type: manual numeric value`});case`average`:return(0,s.msg)(`Average`,{id:`item-option-guidelines-type-average`,desc:`Guideline type: average of the plotted data`});case`median`:return(0,s.msg)(`Median`,{id:`item-option-guidelines-type-median`,desc:`Guideline type: median of the plotted data`});case`average open`:return(0,s.msg)(`Average open`,{id:`item-option-guidelines-type-average-open`,desc:`Guideline type: average of open values`});case`average close`:return(0,s.msg)(`Average close`,{id:`item-option-guidelines-type-average-close`,desc:`Guideline type: average of close values`})}}_typeValues(){return Object.fromEntries(this._allowedTypes().map(e=>[e,this._typeLabel(e)]))}_widthValues(){return{1:(0,s.msg)(`Thin`,{id:`item-option-guidelines-width-thin`,desc:`Guideline width: thin`}),2:(0,s.msg)(`Medium`,{id:`item-option-guidelines-width-medium`,desc:`Guideline width: medium`}),3:(0,s.msg)(`Thick`,{id:`item-option-guidelines-width-thick`,desc:`Guideline width: thick`})}}_styleOptions(){return[{key:`0`,icon:i.luzmoBorderSolid,label:(0,s.msg)(`Solid`,{id:`item-option-guidelines-style-solid`,desc:`Guideline line style: solid`})},{key:`1,2`,icon:i.luzmoBorderDotted,label:(0,s.msg)(`Dotted`,{id:`item-option-guidelines-style-dotted`,desc:`Guideline line style: dotted`})},{key:`3,3`,icon:i.luzmoBorderDashed,label:(0,s.msg)(`Dashed`,{id:`item-option-guidelines-style-dashed`,desc:`Guideline line style: dashed`})}]}_handleAdd(){this.disabled||(this._lineIds=[...this._lineIds,this._createLineId()],this._commit(C(this._guidelines,this.lineTypes,this.defaultColor),!0))}_handleRemove(e){this.disabled||!this._guidelines||(this._lineIds=this._lineIds.filter((t,n)=>n!==e),this._commit(w(this._guidelines,e),!0))}_handleTypeChange(e,t){this.disabled||!this._guidelines||!h(t.detail)||this._commit(T(this._guidelines,e,t.detail),!0)}_handleColorChange(e,t){if(this.disabled||!this._guidelines)return;let n=t.target.color;typeof n==`string`&&this._commit(E(this._guidelines,e,n))}_handleValueChange(e,t){if(this.disabled||!this._guidelines)return;let n=t.target.value;typeof n!=`number`||!Number.isFinite(n)||this._commit(D(this._guidelines,e,n))}_handleStyleChange(e){if(this.disabled||!this._guidelines)return;let t=e.target.selected?.[0];(t===`0`||t===`1,2`||t===`3,3`)&&this._commit(O(this._guidelines,t),!0)}_handleWidthChange(e){if(this.disabled||!this._guidelines)return;let t=e.detail,n=e.target.value,r=t===`1`||t===`2`||t===`3`?t:n;(r===`1`||r===`2`||r===`3`)&&this._commit(k(this._guidelines,r),!0)}_lineKey(e){return this._lineIds[e]}_renderLine(e,t){let n=t+1,r=(0,s.msg)(s.str`Guideline ${n} color`,{id:`item-option-guidelines-color`,desc:`Accessible name for one guideline color picker`}),o=(0,s.msg)(s.str`Guideline ${n} type`,{id:`item-option-guidelines-type`,desc:`Accessible name for one guideline type picker`}),c=(0,s.msg)(s.str`Guideline ${n} value`,{id:`item-option-guidelines-value`,desc:`Accessible name for one manual guideline value`}),l=(0,s.msg)(s.str`Remove guideline ${n}`,{id:`item-option-guidelines-remove`,desc:`Aria label for removing one guideline row`});return a.html`
-      <div class="guideline-row">
-        <luzmo-color-picker
-          class="guideline-color"
-          .color=${e.color}
-          .size=${this.size}
-          rounding="full"
-          shape="circle"
-          .label=${r}
-          ?disabled=${this.disabled}
-          @change=${e=>this._handleColorChange(t,e)}
-        ></luzmo-color-picker>
-        <luzmo-picker
-          class="guideline-type"
-          .label=${o}
-          .value=${e.type}
-          .size=${this.size}
-          variant="highlight"
-          ?disabled=${this.disabled}
-          @change=${e=>this._handleTypeChange(t,e)}
-        >
-          ${Object.entries(this._typeValues()).map(([e,t])=>a.html`
-              <luzmo-menu-item value=${e}>${t}</luzmo-menu-item>
-            `)}
-        </luzmo-picker>
-        ${e.type===`value`?a.html`
-                <luzmo-number-field
-                  class="guideline-value"
-                  .value=${e.value??0}
-                  .size=${this.size}
-                  .step=${N}
-                  .formatOptions=${P}
-                  .label=${c}
-                  ?disabled=${this.disabled}
-                  @change=${e=>this._handleValueChange(t,e)}
-                ></luzmo-number-field>
-              `:a.html`
-                <div class="guideline-value-spacer"></div>
-              `}
-        <luzmo-action-button
-          class="guideline-remove"
-          quiet
-          .size=${this.size}
-          .label=${l}
-          ?disabled=${this.disabled}
-          @click=${()=>this._handleRemove(t)}
-        >
-          <luzmo-icon slot="icon" .size=${this.size} .icon=${i.luzmoTrashOutline}></luzmo-icon>
-        </luzmo-action-button>
-      </div>
-    `}_renderSharedStyle(e){return a.html`
-      <div class="guideline-shared">
-        <div class="guideline-shared-row">
-          <span class="guideline-shared-label" id=${this._styleLabelId}>
-            ${(0,s.msg)(`Style`,{id:`item-option-guidelines-style-label`,desc:`Label for shared guideline dash style`})}
-          </span>
-          <luzmo-action-group
-            class="guideline-style"
-            compact
-            quiet
-            emphasized
-            selects="single"
-            .size=${this.size}
-            .selected=${[e.style.type]}
-            aria-labelledby=${this._styleLabelId}
-            ?disabled=${this.disabled}
-            @change=${this._handleStyleChange}
-          >
-            ${this._styleOptions().map(e=>a.html`
-                <luzmo-action-button value=${e.key} ?disabled=${this.disabled} .label=${e.label}>
-                  <luzmo-icon slot="icon" .size=${this.size} .icon=${e.icon}></luzmo-icon>
-                </luzmo-action-button>
-              `)}
-          </luzmo-action-group>
-        </div>
-        <div class="guideline-shared-row">
-          <span class="guideline-shared-label" id=${this._widthLabelId}>
-            ${(0,s.msg)(`Width`,{id:`item-option-guidelines-width-label`,desc:`Label for shared guideline width`})}
-          </span>
-          <luzmo-picker
-            class="guideline-width"
-            aria-labelledby=${this._widthLabelId}
-            .value=${e.style.width}
-            .size=${this.size}
-            variant="highlight"
-            ?disabled=${this.disabled}
-            @change=${this._handleWidthChange}
-          >
-            ${Object.entries(this._widthValues()).map(([e,t])=>a.html`
-                <luzmo-menu-item value=${e}>${t}</luzmo-menu-item>
-              `)}
-          </luzmo-picker>
-        </div>
-      </div>
-    `}renderController(){let e=this._guidelines?.lines??[];return a.html`
-      <div id="luzmo-item-option-control" class="guidelines" role="group" aria-label=${this.label||(0,s.msg)(`Guidelines`,{id:`item-option-guidelines-group`,desc:`Accessible name for the guidelines editor`})}>
-        ${e.length>0?a.html`
-                <div class="guideline-rows">
-                  ${(0,c.repeat)(e,(e,t)=>this._lineKey(t),(e,t)=>this._renderLine(e,t))}
-                </div>
-              `:a.nothing}
-        <div class="guidelines-add">
-          <luzmo-button
-            class="add-guideline"
-            treatment="outline"
-            .size=${this.size}
-            ?disabled=${this.disabled}
-            @click=${this._handleAdd}
-          >
-            <luzmo-icon slot="icon" .icon=${i.luzmoPlus} .size=${this.size}></luzmo-icon>
-            ${(0,s.msg)(`Add guideline`,{id:`item-option-guidelines-add`,desc:`Button that adds a chart guideline`})}
-          </luzmo-button>
-        </div>
-        ${this._guidelines&&e.length>0?this._renderSharedStyle(this._guidelines):a.nothing}
-      </div>
-    `}};e.t([(0,o.property)({attribute:!1})],I.prototype,`value`,void 0),e.t([(0,o.property)({attribute:!1})],I.prototype,`lineTypes`,void 0),e.t([(0,o.property)({attribute:!1})],I.prototype,`lineTypeLabels`,void 0),e.t([(0,o.property)({type:String,reflect:!0,attribute:`default-color`})],I.prototype,`defaultColor`,void 0),e.t([(0,o.property)({type:Number,reflect:!0})],I.prototype,`debounce`,void 0),e.t([(0,o.state)()],I.prototype,`_guidelines`,void 0),I=e.t([(0,s.localized)()],I),typeof customElements<`u`&&!customElements.get(`luzmo-item-option-guidelines`)&&customElements.define(`luzmo-item-option-guidelines`,I),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return I}});

package/components/item-option-position-picker-CKHbHHl1.cjs

@@ -1,32 +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-4Bwn-3Fc.cjs");let n=require("lit"),r=require("lit/decorators.js");require("@luzmo/lucero/text-field");var i=`:host{height:var(--luzmo-item-option-position-picker-grid-height,var(--item-option-position-picker-grid-height));align-items:center;display:flex}.luzmo-item-option{height:var(--luzmo-item-option-position-picker-grid-height,var(--item-option-position-picker-grid-height))}.position-grid{gap:var(--luzmo-item-option-position-picker-grid-gap,var(--item-option-position-picker-grid-gap));width:var(--luzmo-item-option-position-picker-grid-width,var(--item-option-position-picker-grid-width));box-sizing:border-box;border:.0625rem solid var(--luzmo-item-option-position-picker-grid-border-color,var(--luzmo-border-color));padding:var(--luzmo-item-option-position-picker-grid-padding,var(--item-option-position-picker-grid-padding));border-radius:var(--luzmo-item-option-position-picker-grid-border-radius,var(--item-option-position-picker-grid-border-radius));grid-template-columns:repeat(3,1fr);display:grid}.position-item{width:100%;height:var(--luzmo-item-option-position-picker-item-height,var(--item-option-position-picker-item-height));box-sizing:border-box;border:.0625rem solid var(--luzmo-item-option-position-picker-border-color,var(--luzmo-border-color));border-radius:var(--luzmo-item-option-position-picker-border-radius,var(--item-option-position-picker-border-radius));background:var(--luzmo-item-option-position-picker-background,var(--luzmo-background-color-highlight));transition:background-color var(--luzmo-item-option-position-picker-animation-duration,var(--luzmo-animation-duration)) ease-in-out;cursor:pointer}.position-item:hover{background-color:var(--luzmo-item-option-position-picker-background-hover,var(--luzmo-background-color-highlight-down))}.position-item.selected,.position-item.selected:hover,.position-item.selected:active,.position-item.selected:focus{background-color:var(--luzmo-item-option-position-picker-background-selected,var(--luzmo-primary));transition:background-color var(--luzmo-item-option-position-picker-selected-animation-duration,0) ease-in-out}.position-item:focus-visible{outline:2px solid var(--luzmo-item-option-position-picker-focus-color,var(--luzmo-primary));outline-offset:1px}.position-item.position-item-not-allowed{opacity:0;pointer-events:none}:host{--item-option-position-picker-grid-height:7rem;--item-option-position-picker-grid-width:7rem;--item-option-position-picker-border-radius:var(--luzmo-border-radius);--item-option-position-picker-grid-border-radius:var(--luzmo-border-radius);--item-option-position-picker-grid-padding:.25rem;--item-option-position-picker-item-height:1.75rem;--item-option-position-picker-grid-gap:.25rem}:host([size=s]){--item-option-position-picker-grid-height:5.125rem;--item-option-position-picker-grid-width:5.625rem;--item-option-position-picker-border-radius:var(--luzmo-border-radius);--item-option-position-picker-grid-border-radius:var(--luzmo-border-radius-s);--item-option-position-picker-grid-padding:.125rem;--item-option-position-picker-item-height:1.5rem;--item-option-position-picker-grid-gap:.125rem}:host([size=l]){--item-option-position-picker-grid-height:8rem;--item-option-position-picker-grid-width:8rem;--item-option-position-picker-border-radius:var(--luzmo-border-radius-l);--item-option-position-picker-grid-border-radius:var(--luzmo-border-radius-l);--item-option-position-picker-grid-padding:.3rem;--item-option-position-picker-item-height:2rem;--item-option-position-picker-grid-gap:.25rem}:host([size=xl]){--item-option-position-picker-grid-height:9rem;--item-option-position-picker-grid-width:9rem;--item-option-position-picker-border-radius:var(--luzmo-border-radius-xl);--item-option-position-picker-grid-border-radius:var(--luzmo-border-radius-xl);--item-option-position-picker-grid-padding:.375rem;--item-option-position-picker-item-height:2.25rem;--item-option-position-picker-grid-gap:.275rem}`,a=[`topLeft`,`top`,`topRight`,`left`,`center`,`right`,`bottomLeft`,`bottom`,`bottomRight`],o=a.filter(e=>e!==`center`),s={topLeft:`Top left`,top:`Top center`,topRight:`Top right`,left:`Center left`,center:`Center`,right:`Center right`,bottomLeft:`Bottom left`,bottom:`Bottom center`,bottomRight:`Bottom right`},c=class extends t.t{constructor(...e){super(...e),this.default=`topRight`,this.positions=o,this.readonly=!1}static{this.styles=[super.styles,(0,n.unsafeCSS)(i)]}_handleEvent(){this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:this.value}}))}_handleClick(e){this.positions?.includes(e)&&(this.value=e,this._handleEvent())}_handleKeyDown(e,t){if(t.key===`Enter`||t.key===` `){t.preventDefault(),this._handleClick(e);return}let n=a.filter(e=>this.positions?.includes(e)),r=n.indexOf(e);if(r===-1)return;let i=-1;if(t.key===`ArrowRight`||t.key===`ArrowDown`?(t.preventDefault(),i=(r+1)%n.length):(t.key===`ArrowLeft`||t.key===`ArrowUp`)&&(t.preventDefault(),i=(r-1+n.length)%n.length),i>=0){let e=n[i];(this.shadowRoot?.querySelector(`[data-position="${e}"]`))?.focus()}}willUpdate(){this.value=this.value??this.default??`topRight`,this.positions=this.positions??o}renderController(){let e=a.map(e=>{let t=this.positions?.includes(e)??!1,r=this.value===e,i=t&&r,o=i||t&&!a.some(e=>this.positions?.includes(e)&&this.value===e);return n.html`
-        <div
-          class="position-item ${t?`position-item-allowed`:`position-item-not-allowed`} ${r?`selected`:``}"
-          role="radio"
-          aria-checked=${r?`true`:`false`}
-          aria-disabled=${t?`false`:`true`}
-          aria-label=${s[e]??e}
-          data-position=${e}
-          tabindex=${t?i||o?`0`:`-1`:n.nothing}
-          @click=${this._handleClick.bind(this,e)}
-          @keydown=${t?this._handleKeyDown.bind(this,e):n.nothing}
-        ></div>
-      `});return n.html` <div class="position-grid" role="radiogroup" aria-label=${this.label??`Position`} id="luzmo-item-option-control">${e}</div> `}};e.t([(0,r.property)({type:String,reflect:!0})],c.prototype,`value`,void 0),e.t([(0,r.property)({type:String,reflect:!0,attribute:`default-position`})],c.prototype,`default`,void 0),e.t([(0,r.property)({type:Array,reflect:!0})],c.prototype,`positions`,void 0),e.t([(0,r.property)({type:Boolean,reflect:!0})],c.prototype,`readonly`,void 0),customElements.get(`luzmo-item-option-position-picker`)||customElements.define(`luzmo-item-option-position-picker`,c),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});

package/components/item-option-positions-number-field-BGs3WWaz.cjs

@@ -1,49 +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-4Bwn-3Fc.cjs");let n=require("@luzmo/icons"),r=require("lit"),i=require("lit/decorators.js"),a=require("@lit/localize");require("@luzmo/lucero/number-field");var o=`:host{--item-option-positions-number-field-container-row-gap:var(--luzmo-spacing-2);--item-option-positions-number-field-container-column-gap:var(--luzmo-spacing-2);--item-option-positions-number-field-sync-height:calc(var(--luzmo-component-height) * 1.5)}:host([size=s]){--item-option-positions-number-field-sync-height:calc(var(--luzmo-component-height-s) * 1.5)}:host([size=l]){--item-option-positions-number-field-sync-height:calc(var(--luzmo-component-height-l) * 1.5)}:host([size=xl]){--item-option-positions-number-field-sync-height:calc(var(--luzmo-component-height-xl) * 1.5)}.positions-container{max-width:var(--luzmo-item-option-positions-number-field-container-max-width,var(--item-option-positions-number-field-container-max-width));row-gap:var(--luzmo-item-option-positions-number-field-container-row-gap,var(--item-option-positions-number-field-container-row-gap));column-gap:var(--luzmo-item-option-positions-number-field-container-column-gap,var(--item-option-positions-number-field-container-column-gap));grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid}.position,.sync-button{justify-content:center;align-items:center;display:flex}.sync-button{cursor:pointer;border-radius:var(--luzmo-item-option-positions-number-field-sync-border-radius,var(--luzmo-border-radius));height:var(--luzmo-item-option-positions-number-field-sync-height,var(--item-option-positions-number-field-sync-height));font:inherit;color:inherit;background:0 0;border:none;padding:0}.sync-button:focus-visible{outline:var(--luzmo-indicator-width) solid var(--luzmo-item-option-positions-number-field-sync-border-color,var(--luzmo-indicator-color));outline-offset:1px}.no-sync-center{border:var(--luzmo-item-option-positions-number-field-no-sync-center-border-width,var(--luzmo-border-width)) solid var(--luzmo-item-option-positions-number-field-no-sync-center-border-color,var(--luzmo-border-color));border-radius:var(--luzmo-item-option-positions-number-field-no-sync-center-border-radius,var(--luzmo-border-radius));height:var(--luzmo-item-option-positions-number-field-sync-height,var(--item-option-positions-number-field-sync-height));background-color:var(--luzmo-item-option-positions-number-field-no-sync-center-background-color,var(--luzmo-background-color-highlight))}`,s=class extends t.t{constructor(...e){super(...e),this.canSync=!0,this.invalid=!1,this.readonly=!1,this.debounce=200,this._positions=[[`top-left`,`top`,`top-right`],[`left`,`center`,`right`],[`bottom-left`,`bottom`,`bottom-right`]]}static get styles(){return[(0,r.unsafeCSS)(o)]}_calculateSyncedValue(){let e,t={};return this.positions?.forEach(n=>{t[n]=this.values?.[n]??this.positionConfiguration?.[n]?.default??0,e=typeof e==`number`&&t[n]?Math.min(e,t[n]):t[n]}),e}toggleSync(){if(this.sync=!this.sync,this.sync&&(this.syncedValue=this._calculateSyncedValue(),typeof this.syncedValue==`number`)){this.values={...this.values};for(let e of this.positions??[])this.values[e]=this.syncedValue}}_handleEvent(e){let t=e.target.getAttribute(`position`),n=e.target.value,r={};if(!(!t||typeof n!=`number`)){if(this.canSync&&this.sync&&t===`center`){this.syncedValue=n;for(let e of this.positions??[])r[e]=n}else r={...this.values,[t]:n};this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{let e=Object.keys(this.values??{}),t=Object.keys(r),n=!0;e.length!==t.length&&(n=!1);for(let t of e)this.values?.[t]!==r[t]&&(n=!1);n||(this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{values:{...r}}})),this.values=r)},this.debounce??200)}}_renderNumberField(e){return this.positions?.includes(e)||e===`center`?this.canSync&&(this.sync&&e!==`center`||!this.sync&&e===`center`)?r.html`<button
-          class="sync-button ${this.sync?``:`sync`}"
-          position=${e}
-          aria-label=${(0,a.msg)(`Toggle sync`,{desc:`Aria label for sync toggle button`})}
-          aria-pressed=${this.sync?`true`:`false`}
-          @click=${this.toggleSync}
-        >
-          ${(0,n.luzmoIcon)(n.luzmoLockOutline)}
-        </button>`:!this.canSync&&!this.positions?.includes(`center`)&&e===`center`?r.html`
-          <div class="no-sync-center"></div>
-        `:r.html`<div class="position">
-        <luzmo-number-field
-          label=${e}
-          position=${e}
-          .value=${this.sync&&this.canSync?this.syncedValue??0:this.values?.[e]??this.positionConfiguration?.[e]?.default??0}
-          .disabled=${this.disabled}
-          .size=${this.size}
-          .min=${this.positionConfiguration?.[e]?.min??0}
-          .max=${this.positionConfiguration?.[e]?.max??100}
-          .step=${this.positionConfiguration?.[e]?.step??1}
-          .invalid=${this.invalid}
-          @change=${this._handleEvent}
-          @input=${this._handleEvent}
-        >
-        </luzmo-number-field>
-      </div>`:r.html`
-      <div class="position"></div>
-    `}firstUpdated(){if(this.canSync&&!this.positions?.includes(`center`)){let e=this.values?.left??this.positionConfiguration?.left?.default,t=this.values?.top??this.positionConfiguration?.top?.default,n=this.values?.right??this.positionConfiguration?.right?.default,r=this.values?.bottom??this.positionConfiguration?.bottom?.default;this.sync=e===t&&t===n&&n===r}else this.sync=!1}willUpdate(){this.positions||=[`top`,`right`,`bottom`,`left`]}renderController(){this._calculateSyncedValue();let e=this._positions.map(e=>r.html`${e.map(e=>this._renderNumberField(e))}`);return r.html`<div class="positions-container-wrapper" id="luzmo-item-option-control" role="group" aria-label=${this.label??(0,a.msg)(`Position values`,{desc:`Accessible label for positions number field group`})}>
-      <div class="positions-container">${e}</div>
-    </div>`}};e.t([(0,i.property)({type:Array,reflect:!0})],s.prototype,`positions`,void 0),e.t([(0,i.property)({type:Object,reflect:!0})],s.prototype,`values`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0,attribute:`can-sync`})],s.prototype,`canSync`,void 0),e.t([(0,i.property)({type:Object})],s.prototype,`positionConfiguration`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],s.prototype,`invalid`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],s.prototype,`readonly`,void 0),e.t([(0,i.property)({type:Number,reflect:!0})],s.prototype,`debounce`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],s.prototype,`sync`,void 0),e.t([(0,i.state)()],s.prototype,`syncedValue`,void 0),customElements.get(`luzmo-item-option-positions-number-field`)||customElements.define(`luzmo-item-option-positions-number-field`,s),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

package/components/item-slot-drop-C8WYPu_w.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-K-bf6_7X.cjs"),t=require("./decorate-DCJt-2rt.cjs"),n=require("./localized-mixin-DiUJOd06.cjs"),r=require("./data-broker-CyMYR6w1.cjs"),i=require("./type-check-BehV9ZL1.cjs"),a=require("./localize-D3i4Epy_.cjs"),o=require("./display-settings-DPqTRJ7E.cjs"),s=require("./ad-hoc-slot-content-BwcFfXCV.cjs"),c=require("./pragmatic-element-adapter-DdyH32ix.cjs"),l=require("./slots-config-Cd4xAG4H.cjs"),u=require("./default-acceptable-data-field-types-fPsz64ka.cjs"),d=require("./slot-menu-DRx1Ffla.cjs"),f=require("./slot-menu-list-DaHzz_ve.cjs"),p=require("./slot-labels.config-DKnxOncr.cjs");let m=require("@luzmo/icons"),h=require("lit"),g=require("lit/decorators.js"),_=require("@lit/localize");require("@luzmo/lucero/tooltip");let v=require("@lit/context"),y=require("@lit/task"),b=require("lit/directives/if-defined.js");var x=`: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}.calculation-label{align-items:center;gap:var(--luzmo-spacing-3);display:inline-flex}.calculation-label-icon{flex:none;display:inline-flex}.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}`,S=class extends n.t(e.n(e.i,{validSizes:[`s`,`m`,`l`,`xl`],noDefaultSize:!0})){static{this.styles=(0,h.unsafeCSS)(x)}constructor(){super(),this._loadSlotsConfig=new y.Task(this,{task:async([e])=>{if(e&&e!==this._itemTypeLoaded){this._itemTypeLoaded=e;let t=await l.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 d.n,this._currentSlotContents=[],this._lastFetchedDatasetId=null,this._linkedDatasetsIds=[],this._attachDroppable=()=>{this._cleanupDroppable||=c.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=u.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:u.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 v.ContextProvider(this,{context:o.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?.formulaId??(i.s(t?.formula)?t.formula:void 0);(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=p.t[this.slotConfiguration?.label]?p.t[this.slotConfiguration?.label]():this.slotConfiguration?.label;this._currentSlotContents?.length===1?e=a.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)}_renderSlotLabel(){let e=this._currentSlotContents[0];return this._currentSlotContents.length!==1||!s.i(e,this.slotConfiguration)?this._fullLabel:f.n(e)}itemSlotDropMarkup(){let e=h.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._renderSlotLabel()}</div>
-        ${this._slotContents?.length>0&&!(this.hideConfiguration&&this.hideDelete)?h.html`<div class="controls">
-              ${this.hideConfiguration?``:h.html`<button
-                    id="edit-trigger"
-                    aria-label=${(0,_.msg)(`Edit`,{desc:`Edit action label`})}
-                    aria-haspopup="dialog"
-                    aria-expanded=${this._overlayOpen?`true`:`false`}
-                  >
-                    ${(0,m.luzmoIcon)(m.luzmoCog)}
-                    <luzmo-tooltip
-                      self-managed
-                      placement=${this.rotate?`right`:`top`}
-                      size=${this.size}
-                    >
-                      ${(0,_.msg)(`Edit`,{desc:`Edit action label`})}
-                    </luzmo-tooltip>
-                  </button> `}
-              ${this.hideDelete?``:h.html`<button aria-label=${(0,_.msg)(`Delete`,{desc:`Delete action label`})} @click=${this.emptySlotContents}>
-                    ${(0,m.luzmoIcon)(m.luzmoTrashOutline)}
-                    <luzmo-tooltip
-                      self-managed
-                      placement=${this.rotate?`right`:`top`}
-                      size=${this.size}
-                    >
-                      ${(0,_.msg)(`Delete`,{desc:`Delete action label`})}
-                    </luzmo-tooltip>
-                  </button>`}
-            </div>`:``}
-        ${this._slotContents?.length>0&&this._overlayReady&&!this.hideConfiguration?h.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,b.ifDefined)(this.dragBoundary)}
-                slot-type=${(0,b.ifDefined)(this.slotConfiguration?.type)}
-                slot-name=${(0,b.ifDefined)(this.slotName)}
-                item-type=${(0,b.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,b.ifDefined)(this.apiUrl)}
-                auth-key=${(0,b.ifDefined)(this.authKey)}
-                auth-token=${(0,b.ifDefined)(this.authToken)}
-                @luzmo-slot-contents-changed=${this._onSlotMenuChanges}
-                @luzmo-info-visibility-changed=${this._onInfoVisibilityChanged}
-              ></luzmo-slot-menu>
-            </luzmo-overlay>`:``}
-      </div>
-    `;return this.rotate?h.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:()=>h.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=>h.html`
-        <div>
-          Could not load item slot drop: '${this.slotName}' of chart
-          '${this.itemType}': ${e}.
-        </div>
-      `})}};t.t([(0,g.property)({type:String,reflect:!0,attribute:`item-type`})],S.prototype,`itemType`,void 0),t.t([(0,g.property)({type:String,reflect:!0,attribute:`slot-name`})],S.prototype,`slotName`,void 0),t.t([(0,g.property)({type:Object})],S.prototype,`slotConfiguration`,void 0),t.t([(0,g.property)({type:Object})],S.prototype,`slotsContents`,void 0),t.t([(0,g.property)({type:String,reflect:!0})],S.prototype,`label`,void 0),t.t([(0,g.property)({type:String,attribute:`content-language`,reflect:!0})],S.prototype,`contentLanguage`,void 0),t.t([(0,g.property)({type:String,reflect:!0,attribute:`drag-boundary`})],S.prototype,`dragBoundary`,void 0),t.t([(0,g.property)({type:Boolean,reflect:!0})],S.prototype,`rotate`,void 0),t.t([(0,g.property)({type:String,attribute:`api-url`,reflect:!0})],S.prototype,`apiUrl`,void 0),t.t([(0,g.property)({type:String,attribute:`auth-key`,reflect:!0})],S.prototype,`authKey`,void 0),t.t([(0,g.property)({type:String,attribute:`auth-token`,reflect:!0})],S.prototype,`authToken`,void 0),t.t([(0,g.property)({type:String,reflect:!0})],S.prototype,`menu`,void 0),t.t([(0,g.property)({type:String,reflect:!0})],S.prototype,`placement`,void 0),t.t([(0,g.property)({type:Boolean,reflect:!0,attribute:`hide-delete`})],S.prototype,`hideDelete`,void 0),t.t([(0,g.property)({type:Boolean,reflect:!0,attribute:`hide-configuration`})],S.prototype,`hideConfiguration`,void 0),t.t([(0,g.query)(`luzmo-slot-menu`)],S.prototype,`_slotMenuElement`,void 0),t.t([(0,g.query)(`luzmo-overlay`)],S.prototype,`_overlayElement`,void 0),t.t([(0,g.state)()],S.prototype,`_slotContents`,void 0),t.t([(0,g.state)()],S.prototype,`_overlayReady`,void 0),t.t([(0,g.state)()],S.prototype,`_overlayOpen`,void 0),S=t.t([(0,_.localized)()],S),customElements.get(`luzmo-item-slot-drop`)||customElements.define(`luzmo-item-slot-drop`,S),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return S}});

package/components/item-slot-drop-panel-BcBHDDTT.cjs

@@ -1,57 +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-K-bf6_7X.cjs"),t=require("./decorate-DCJt-2rt.cjs"),n=require("./localized-mixin-DiUJOd06.cjs"),r=require("./slots-config-Cd4xAG4H.cjs");require("./item-slot-drop-C8WYPu_w.cjs");let i=require("lit"),a=require("lit/decorators.js"),o=require("@lit/localize"),s=require("@lit/task"),c=require("lit/directives/if-defined.js"),l=require("lit/directives/style-map.js");var u=`auto`;function d(e){let t={};return e.forEach((e,n)=>{t[e]={column:1,row:n+1,align:`center`,justify:`center`,rotate:!1}}),{grid:{columns:1,rows:e.length,columnSizes:[`1fr`],rowSizes:e.map(()=>u),gap:`0`},slots:t}}var f={"area-chart":()=>Promise.resolve().then(()=>require("./area-chart-positioning.config-C37nmNfP.cjs")),"bar-chart":()=>Promise.resolve().then(()=>require("./bar-chart-positioning.config-C4ii41mE.cjs")),"box-plot":()=>Promise.resolve().then(()=>require("./box-plot-positioning.config-D2LpbgQ_.cjs")),"bubble-chart":()=>Promise.resolve().then(()=>require("./bubble-chart-positioning.config-Btak-zwN.cjs")),"bullet-chart":()=>Promise.resolve().then(()=>require("./bullet-chart-positioning.config-CwoRVgNS.cjs")),"choropleth-map":()=>Promise.resolve().then(()=>require("./choropleth-map-positioning.config-DttV0Dk_.cjs")),"circle-pack-chart":()=>Promise.resolve().then(()=>require("./circle-pack-chart-positioning.config-N-rZvQjR.cjs")),"circular-gauge":()=>Promise.resolve().then(()=>require("./circular-gauge-positioning.config-Cf1zuLXa.cjs")),"column-chart":()=>Promise.resolve().then(()=>require("./column-chart-positioning.config-DcErS56C.cjs")),"combination-chart":()=>Promise.resolve().then(()=>require("./combination-chart-positioning.config-Dzi93oAp.cjs")),"conditional-number":()=>Promise.resolve().then(()=>require("./conditional-number-positioning.config-CTy0zLXu.cjs")),"date-comparison-filter":()=>Promise.resolve().then(()=>require("./date-comparison-filter-positioning.config-DZI9jN5L.cjs")),"date-filter":()=>Promise.resolve().then(()=>require("./date-filter-positioning.config-CtEFg3RO.cjs")),"donut-chart":()=>Promise.resolve().then(()=>require("./donut-chart-positioning.config-BThtaJEt.cjs")),"dropdown-filter":()=>Promise.resolve().then(()=>require("./dropdown-filter-positioning.config-Ck97Moc_.cjs")),"evolution-number":()=>Promise.resolve().then(()=>require("./evolution-number-positioning.config-DtYiv9oB.cjs")),"funnel-chart":()=>Promise.resolve().then(()=>require("./funnel-chart-positioning.config-DeLnAGGT.cjs")),"heat-map":()=>Promise.resolve().then(()=>require("./heat-map-positioning.config-ddrgZXa9.cjs")),"heat-table":()=>Promise.resolve().then(()=>require("./heat-table-positioning.config-qMDSRhZR.cjs")),"hexbin-map":()=>Promise.resolve().then(()=>require("./hexbin-map-positioning.config-E_BpcIFy.cjs")),"line-chart":()=>Promise.resolve().then(()=>require("./line-chart-positioning.config-DMe1Ldwk.cjs")),"marker-map":()=>Promise.resolve().then(()=>require("./marker-map-positioning.config-CpI8nCtC.cjs")),"ohlc-chart":()=>Promise.resolve().then(()=>require("./ohlc-chart-positioning.config-9DETh4xy.cjs")),"parallel-coordinates-plot":()=>Promise.resolve().then(()=>require("./parallel-coordinates-plot-positioning.config-CLDZdGdh.cjs")),"pivot-table":()=>Promise.resolve().then(()=>require("./pivot-table-positioning.config-B-SALuVb.cjs")),"pyramid-chart":()=>Promise.resolve().then(()=>require("./pyramid-chart-positioning.config-BllFtneP.cjs")),"radar-chart":()=>Promise.resolve().then(()=>require("./radar-chart-positioning.config-BY4RKNDi.cjs")),"regular-table":()=>Promise.resolve().then(()=>require("./regular-table-positioning.config-CXabhyJu.cjs")),"route-map":()=>Promise.resolve().then(()=>require("./route-map-positioning.config-GQ9AJfej.cjs")),"sankey-diagram":()=>Promise.resolve().then(()=>require("./sankey-diagram-positioning.config-DAuj5A08.cjs")),"scatter-plot":()=>Promise.resolve().then(()=>require("./scatter-plot-positioning.config-o4c-wuRo.cjs")),"search-filter":()=>Promise.resolve().then(()=>require("./search-filter-positioning.config-BvwxJS-1.cjs")),"slicer-filter":()=>Promise.resolve().then(()=>require("./slicer-filter-positioning.config-BqpIENEm.cjs")),"slider-filter":()=>Promise.resolve().then(()=>require("./slider-filter-positioning.config-a7tK-5va.cjs")),"speedometer-chart":()=>Promise.resolve().then(()=>require("./speedometer-chart-positioning.config-eVUWDhkL.cjs")),"spike-map":()=>Promise.resolve().then(()=>require("./spike-map-positioning.config-B38djRlf.cjs")),"strip-plot":()=>Promise.resolve().then(()=>require("./strip-plot-positioning.config-atH68L8u.cjs")),"sunburst-chart":()=>Promise.resolve().then(()=>require("./sunburst-chart-positioning.config-NFzFNuXB.cjs")),"symbol-map":()=>Promise.resolve().then(()=>require("./symbol-map-positioning.config-DGpmp_N1.cjs")),"treemap-chart":()=>Promise.resolve().then(()=>require("./treemap-chart-positioning.config-NMULB8UM.cjs")),"venn-diagram":()=>Promise.resolve().then(()=>require("./venn-diagram-positioning.config-D4cODPGV.cjs")),"wordcloud-chart":()=>Promise.resolve().then(()=>require("./wordcloud-chart-positioning.config-DZEkWvb0.cjs"))},p=e=>`${e.replaceAll(/-([a-z])/g,(e,t)=>t.toUpperCase())}PositioningConfig`,m=async e=>{try{let t=f[e];return t?(await t())[p(e)]??null:null}catch{return null}},h=e=>e?m(e):Promise.resolve(null),g=`:host{font-size:var(--luzmo-item-slot-drop-panel-font-size,var(--luzmo-font-size));--luzmo-slot-cell-padding-inline-min:var(--luzmo-spacing-4);--luzmo-slot-cell-padding-block-min:var(--luzmo-spacing-4);--luzmo-slot-cell-padding-inline-max:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-2));--luzmo-slot-cell-padding-block-max:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-2));display:block}:host([size=s]){font-size:var(--luzmo-item-slot-drop-panel-font-size-s,var(--luzmo-font-size-s));--luzmo-slot-cell-padding-inline-min:var(--luzmo-spacing-3);--luzmo-slot-cell-padding-block-min:var(--luzmo-spacing-3);--luzmo-slot-cell-padding-inline-max:var(--luzmo-spacing-5);--luzmo-slot-cell-padding-block-max:var(--luzmo-spacing-5)}:host([size=l]){font-size:var(--luzmo-item-slot-drop-panel-font-size-l,var(--luzmo-font-size-l));--luzmo-slot-cell-padding-inline-min:var(--luzmo-spacing-4);--luzmo-slot-cell-padding-block-min:var(--luzmo-spacing-4);--luzmo-slot-cell-padding-inline-max:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--luzmo-slot-cell-padding-block-max:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1))}:host([size=xl]){font-size:var(--luzmo-item-slot-drop-panel-font-size-xl,var(--luzmo-font-size-xl));--luzmo-slot-cell-padding-inline-min:var(--luzmo-spacing-5);--luzmo-slot-cell-padding-block-min:var(--luzmo-spacing-5);--luzmo-slot-cell-padding-inline-max:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--luzmo-slot-cell-padding-block-max:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2))}.slots-panel{align-items:var(--luzmo-item-slot-drop-panel-align,center);gap:var(--luzmo-item-slot-drop-panel-gap,var(--luzmo-spacing-4));flex-direction:column;display:flex}.slots-panel luzmo-item-slot-drop{flex:0 auto;min-width:0;max-width:100%}:host([grows]) .slots-panel luzmo-item-slot-drop{width:100%}.slots-grid{box-sizing:border-box;container:slots-grid/size}.slots-grid luzmo-item-slot-drop{height:var(--luzmo-item-slot-drop-height,var(--item-slot-drop-height));display:block}.slots-grid luzmo-item-slot-drop[rotate]{height:auto}.slot-cell{box-sizing:border-box;min-width:0;min-height:0;padding-inline:var(--luzmo-slot-cell-padding-inline-min);padding-block:var(--luzmo-slot-cell-padding-block-min);justify-content:center;align-items:center;display:flex}@container slots-grid (width>=320px){.slot-cell{padding-inline:calc((var(--luzmo-slot-cell-padding-inline-min) + var(--luzmo-slot-cell-padding-inline-max)) / 2)}}@container slots-grid (width>=640px){.slot-cell{padding-inline:var(--luzmo-slot-cell-padding-inline-max)}}@container slots-grid (height>=240px){.slot-cell{padding-block:calc((var(--luzmo-slot-cell-padding-block-min) + var(--luzmo-slot-cell-padding-block-max)) / 2)}}@container slots-grid (height>=480px){.slot-cell{padding-block:var(--luzmo-slot-cell-padding-block-max)}}:host([positioned]){width:100%;height:100%;min-width:var(--luzmo-item-slot-drop-panel-min-width,150px);min-height:var(--luzmo-item-slot-drop-panel-min-height,150px)}`,_=class extends n.t(e.n(e.i,{validSizes:[`s`,`m`,`l`,`xl`],noDefaultSize:!0})){constructor(...e){super(...e),this._loadSlotsConfig=new s.Task(this,{task:async([e,t])=>{if(e&&e!==this._itemTypeLoaded){this._itemTypeLoaded=e;let n=await r.t(e);return this._slotsConfig=n??[],this._positioningConfig=t?await h(e):null,this._slotsConfig}return this._slotsConfig},args:()=>[this.itemType,this.positioned,this.language]}),this._slotsConfig=[],this._positioningConfig=null,this.contentLanguage=`en`,this.slotsContents=[],this.positioned=!1,this.slotMenuPlacement=`bottom-end`,this.hideDelete=!0,this.hideConfiguration=!1,this.constraintMode=`auto`,this.slotMenuMode=`default`,this.apiUrl=`https://api.luzmo.com`,this.authKey=``,this.authToken=``,this._currentSlotsContents=[],this._createSlotChangeHandler=e=>t=>{t.stopPropagation();let n=t.detail.slotContents??[],r=t.detail.linkedDatasetsIds??[],i=this._applySlotConstraints(e,n,r);if(i===null){t.preventDefault();return}this._currentSlotsContents=i,this.slotsContents=structuredClone(i),this.dispatchEvent(new CustomEvent(`luzmo-slots-contents-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotsContents:i,linkedDatasetsIds:r}}))}}static{this.styles=(0,i.unsafeCSS)(g)}willUpdate(e){super.willUpdate(e),e.has(`slotsContents`)&&(this._currentSlotsContents=structuredClone(this.slotsContents??[])),e.has(`positioned`)&&this.itemType&&(this._itemTypeLoaded=void 0)}_getDatasetIdFromContent(e){return e?.set??e?.datasetId}_isDatasetLinked(e,t,n){if(t.size===0||t.has(e))return!0;for(let e of t)if(n.includes(e))return!0;for(let e of n)if(t.has(e))return!0;return!1}_applySlotConstraints(e,t,n=[]){let r=this.slotsConfiguration??this._slotsConfig,i=structuredClone(this._currentSlotsContents),a=structuredClone(this._currentSlotsContents),o=[];if(t.length>0){let r=new Set;for(let e of this._currentSlotsContents)for(let t of e.content??[]){let e=this._getDatasetIdFromContent(t);e&&r.add(e)}let i=t[t.length-1],s=this._getDatasetIdFromContent(i);if(s&&!this._isDatasetLinked(s,r,n)){for(let t of a)t.name!==e&&t.content.length>0&&(o.push({type:`clearSlotsWhenUnlinkedDataset`,affectedSlotName:t.name,triggeredBySlotName:e}),t.content=[]);(this._currentSlotsContents.find(t=>t.name===e)?.content?.length??0)>0&&o.push({type:`clearSlotsWhenUnlinkedDataset`,affectedSlotName:e,triggeredBySlotName:e}),t=[i]}}let s=a.findIndex(t=>t.name===e);s===-1?a.push({name:e,content:t}):a[s].content=t;for(let n of r){if(n.keepOnlyFirstWhenOtherSlotFilled?.includes(e)&&t.length>0){let t=a.findIndex(e=>e.name===n.name);t!==-1&&a[t].content.length>1&&(o.push({type:`keepOnlyFirstWhenOtherSlotFilled`,affectedSlotName:n.name,triggeredBySlotName:e}),a[t].content=[a[t].content[0]])}if(n.clearWhenOtherSlotHasMultipleItems?.includes(e)&&t.length>1){let t=a.findIndex(e=>e.name===n.name);t!==-1&&a[t].content.length>0&&(o.push({type:`clearWhenOtherSlotHasMultipleItems`,affectedSlotName:n.name,triggeredBySlotName:e}),a[t].content=[])}}if(this.constraintMode===`event-only`&&o.length>0){let n={triggerSlotName:e,proposedTriggerContents:t,originalSlotsContents:i,proposedSlotsContents:a,constraints:o};return this.dispatchEvent(new CustomEvent(`luzmo-slot-constraint-triggered`,{detail:n,bubbles:!0,composed:!0})),null}return a}_getPositioningConfig(){return this.positioningConfiguration??this._positioningConfig}_renderSlot(e,t){let n=this._createSlotChangeHandler(e.name),r=this.positioned?t?.rotate??!1:!1;return i.html`
-      <luzmo-item-slot-drop
-        part="item-slot-drop"
-        item-type=${(0,c.ifDefined)(this.itemType)}
-        slot-name=${e.name}
-        language=${this.language}
-        content-language=${this.contentLanguage}
-        size=${this.size}
-        menu=${this.slotMenuMode}
-        placement=${this.slotMenuPlacement}
-        drag-boundary=${(0,c.ifDefined)(this.dragBoundary)}
-        ?hide-delete=${this.hideDelete}
-        ?hide-configuration=${this.hideConfiguration}
-        ?rotate=${r}
-        api-url=${(0,c.ifDefined)(this.apiUrl)}
-        auth-key=${(0,c.ifDefined)(this.authKey)}
-        auth-token=${(0,c.ifDefined)(this.authToken)}
-        .slotConfiguration=${e}
-        .slotsContents=${this._currentSlotsContents}
-        @luzmo-slot-contents-changed=${n}
-      ></luzmo-item-slot-drop>
-    `}_renderPositionedSlots(e){let{grid:t,slots:n}=this._getPositioningConfig()??d(e.map(e=>e.name)),r={display:`grid`,gridTemplateColumns:t.columnSizes?.join(` `)??`repeat(${t.columns}, 1fr)`,gridTemplateRows:t.rowSizes?.join(` `)??`repeat(${t.rows}, 1fr)`,gap:t.gap??`0.25rem`,width:`100%`,height:`100%`},a=e.map(e=>{let t=n[e.name];if(!t)return this._renderSlot(e);let r={gridColumn:t.columnSpan?`${t.column} / span ${t.columnSpan}`:String(t.column),gridRow:t.rowSpan?`${t.row} / span ${t.rowSpan}`:String(t.row)};return t.padding&&(r.padding=t.padding),i.html`
-        <div class="slot-cell" part="slot-cell" style=${(0,l.styleMap)(r)}>
-          ${this._renderSlot(e,t)}
-        </div>
-      `});return i.html`
-      <div class="slots-grid" part="slots-grid" style=${(0,l.styleMap)(r)}>
-        ${a}
-      </div>
-    `}_renderSlots(e){return i.html`
-      <div class="slots-panel" part="slots-panel">
-        ${e.map(e=>this._renderSlot(e))}
-      </div>
-    `}render(){return this.slotsConfiguration&&this.slotsConfiguration.length>0?this.positioned?this._renderPositionedSlots(this.slotsConfiguration):this._renderSlots(this.slotsConfiguration):this._loadSlotsConfig.render({pending:()=>i.html`
-          <p role="status">Loading...</p>
-        `,complete:e=>!e||e.length===0?i.html`<p>No slots configuration found for ${this.itemType}</p>`:this.positioned?this._renderPositionedSlots(e):this._renderSlots(e),error:e=>i.html`
-        <div role="alert">Could not load slots configuration for '${this.itemType}': ${e}.</div>
-      `})}};t.t([(0,a.property)({type:String,reflect:!0,attribute:`item-type`})],_.prototype,`itemType`,void 0),t.t([(0,a.property)({type:String,attribute:`content-language`,reflect:!0})],_.prototype,`contentLanguage`,void 0),t.t([(0,a.property)({type:Array})],_.prototype,`slotsConfiguration`,void 0),t.t([(0,a.property)({type:Object})],_.prototype,`positioningConfiguration`,void 0),t.t([(0,a.property)({type:Array})],_.prototype,`slotsContents`,void 0),t.t([(0,a.property)({type:Boolean,reflect:!0})],_.prototype,`positioned`,void 0),t.t([(0,a.property)({type:String,reflect:!0,attribute:`drag-boundary`})],_.prototype,`dragBoundary`,void 0),t.t([(0,a.property)({type:String,reflect:!0,attribute:`slot-menu-placement`})],_.prototype,`slotMenuPlacement`,void 0),t.t([(0,a.property)({type:Boolean,reflect:!0,attribute:`hide-delete`})],_.prototype,`hideDelete`,void 0),t.t([(0,a.property)({type:Boolean,reflect:!0,attribute:`hide-configuration`})],_.prototype,`hideConfiguration`,void 0),t.t([(0,a.property)({type:Boolean,reflect:!0,attribute:`grows`})],_.prototype,`grows`,void 0),t.t([(0,a.property)({type:String,reflect:!0,attribute:`constraint-mode`})],_.prototype,`constraintMode`,void 0),t.t([(0,a.property)({type:String,reflect:!0,attribute:`slot-menu-mode`})],_.prototype,`slotMenuMode`,void 0),t.t([(0,a.property)({type:String,attribute:`api-url`,reflect:!0})],_.prototype,`apiUrl`,void 0),t.t([(0,a.property)({type:String,attribute:`auth-key`,reflect:!0})],_.prototype,`authKey`,void 0),t.t([(0,a.property)({type:String,attribute:`auth-token`,reflect:!0})],_.prototype,`authToken`,void 0),t.t([(0,a.state)()],_.prototype,`_currentSlotsContents`,void 0),_=t.t([(0,o.localized)()],_),customElements.get(`luzmo-item-slot-drop-panel`)||customElements.define(`luzmo-item-slot-drop-panel`,_),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return _}});