npm - @luzmo/analytics-components-kit - Versions diffs - 1.0.1-alpha.26 → 1.0.1-alpha.28 - Mend

@luzmo/analytics-components-kit 1.0.1-alpha.26 → 1.0.1-alpha.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (165) hide show

package/components/draggable-data-item-level/draggable-data-item-level.d.ts CHANGED Viewed

@@ -1,10 +1,10 @@
 import '@luzmo/lucero/icon';
 import '@luzmo/lucero/tooltip';
-import { LuzmoElement } from '@luzmo/lucero/utils';
 import { PropertyValues, TemplateResult } from 'lit';
+import { LuzmoElement } from '../../utils/base';
 declare const LuzmoDraggableDataItemLevel_base: typeof LuzmoElement & {
-    new (...args: any[]): import("@luzmo/lucero").SizedElementInterface;
-    prototype: import("@luzmo/lucero").SizedElementInterface;
+    new (...args: any[]): import("../../utils/base/sized-mixin").SizedElementInterface;
+    prototype: import("../../utils/base/sized-mixin").SizedElementInterface;
 };
 /**
  * @element luzmo-draggable-data-item-level

package/components/draggable-data-item-level/index.cjs CHANGED Viewed

@@ -17,20 +17,20 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../get-css-variable-DLiZYZEi.cjs"),e=require("../luzmo-icons-XsFsTAl3.cjs");require("../index-h9T5DPIm.cjs");require("../index-ByjLd3bT.cjs");const d=require("../property-0L4eB11h.cjs"),F=require("../sized-mixin-BxMraZLS-DEFWqo8f.cjs"),M=require("../localize-r7ALOUy_.cjs"),R=":host{font-family:var(--luzmo-draggable-data-item-level-font-family, var(--luzmo-font-family));color:var(--luzmo-draggable-data-item-level-font-color, var(--draggable-data-item-level-font-color))}.draggable-data-item-level{transition:background-color var(--luzmo-animation-duration);background-color:var(--luzmo-draggable-data-item-level-background-color, var(--draggable-data-item-level-background-color));display:flex;justify-content:space-between;align-items:center;padding:0 var(--luzmo-draggable-data-item-level-horizontal-padding, var(--draggable-data-item-level-horizontal-padding));gap:var(--luzmo-draggable-data-item-level-gap, var(--draggable-data-item-level-gap));border-radius:var(--luzmo-draggable-data-item-level-border-radius, var(--draggable-data-item-level-border-radius));border-width:var(--luzmo-draggable-data-item-level-border-width, var(--draggable-data-item-level-border-width));border-style:var(--luzmo-draggable-data-item-level-border-style, var(--draggable-data-item-level-border-style));border-color:var(--luzmo-draggable-data-item-level-border-color, var(--draggable-data-item-level-border-color));height:var(--luzmo-draggable-data-item-level-height, var(--draggable-data-item-level-height));cursor:move}.draggable-data-item-level:hover{background-color:var(--luzmo-draggable-data-item-level-background-color-hover, var(--draggable-data-item-level-background-color-hover));color:var(--luzmo-draggable-data-item-level-font-color-hover, var(--draggable-data-item-level-font-color-hover));border-color:var(--luzmo-draggable-data-item-level-border-color-hover, var(--draggable-data-item-level-border-color-hover))}.draggable-data-item-level .data-label{font-size:var(--luzmo-draggable-data-item-level-label-font-size, var(--draggable-data-item-level-label-font-size));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([sublevel]) .draggable-data-item-level{height:var(--luzmo-draggable-data-item-level-sublevel-height, var(--draggable-data-item-level-sublevel-height));background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color, var(--draggable-data-item-level-sublevel-background-color));border-color:var(--luzmo-draggable-data-item-level-sublevel-border-color, var(--draggable-data-item-level-sublevel-border-color));margin-inline-start:var(--luzmo-draggable-data-item-level-sublevel-margin-inline-start, var(--draggable-data-item-level-sublevel-margin-inline-start))}:host([sublevel]) .draggable-data-item-level:hover{background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color-hover, var(--draggable-data-item-level-sublevel-background-color-hover))}:host([sublevel]) .draggable-data-item-level .drag-handle-icon{width:var(--luzmo-draggable-data-item-level-sublevel-drag-handle-width, var(--draggable-data-item-level-sublevel-drag-handle-width));text-align:center}:host([disabled]) .draggable-data-item-level{background-color:var(--luzmo-draggable-data-item-level-background-color-disabled, var(--draggable-data-item-level-background-color-disabled));color:var(--luzmo-draggable-data-item-level-color-disabled, var(--draggable-data-item-level-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25}:host([sublevel][disabled]) .draggable-data-item-level{background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color-disabled, var(--draggable-data-item-level-sublevel-background-color-disabled))}.drag-handle-icon{opacity:.6;font-size:var(--luzmo-draggable-data-item-level-drag-handle-size, var(--luzmo-draggable-data-item-level-drag-handle-size));width:var(--luzmo-draggable-data-item-level-drag-handle-width, var(--luzmo-draggable-data-item-level-drag-handle-width));text-align:center}.data-icon-type{width:var(--luzmo-draggable-data-item-level-data-icon-width, var(--luzmo-draggable-data-item-level-data-icon-width));text-align:center}.data-label{flex-grow:1}.data-description{height:100%;display:flex;align-items:center;background-color:transparent;outline:none;border:none;color:var(--luzmo-draggable-data-item-level-font-color, var(--draggable-data-item-level-font-color));font-size:var(--luzmo-draggable-data-item-level-label-font-size, var(--draggable-data-item-level-label-font-size))}:host([variant=highlight]){--draggable-data-item-level-background-color: var( --luzmo-background-color-highlight );--draggable-data-item-level-border-color: var( --luzmo-background-color-highlight );--draggable-data-item-level-background-color-hover: var( --luzmo-background-color-highlight-hover );--draggable-data-item-level-font-color-hover: var(--luzmo-font-color-hover);--draggable-data-item-level-border-color-hover: var( --luzmo-background-color-highlight-hover )}:host{--draggable-data-item-level-height: var(--luzmo-component-height);--draggable-data-item-level-label-font-size: var(--luzmo-font-size);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-width: var(--luzmo-border-width);--draggable-data-item-level-border-style: solid;--draggable-data-item-level-border-color: var(--luzmo-border-color-hover);--draggable-data-item-level-border-radius: var(--luzmo-border-radius);--draggable-data-item-level-gap: var(--luzmo-spacing-4);--draggable-data-item-level-font-color: var(--luzmo-font-color);--draggable-data-item-level-color-disabled: var(--luzmo-color-disabled);--draggable-data-item-level-background-color-disabled: var( --luzmo-background-color-disabled );--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-s);--luzmo-draggable-data-item-level-drag-handle-width: var( --draggable-data-item-level-icon-type-size );--luzmo-draggable-data-item-level-data-icon-width: calc( var(--draggable-data-item-level-icon-type-size) + var(--luzmo-spacing-3) );--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-s);--draggable-data-item-level-sublevel-border-color: transparent;--draggable-data-item-level-sublevel-background-color: transparent;--draggable-data-item-level-sublevel-background-color-disabled: transparent;--draggable-data-item-level-sublevel-margin-inline-start: calc( var(--draggable-data-item-level-gap) + var(--luzmo-draggable-data-item-level-drag-handle-width) );--luzmo-draggable-data-item-level-sublevel-drag-handle-width: var( --luzmo-draggable-data-item-level-data-icon-width );--draggable-data-item-level-sublevel-background-color-hover: rgba( var(--luzmo-border-color-rgb), .05 )}:host([hide-type-icon]){--draggable-data-item-level-sublevel-margin-inline-start: var( --draggable-data-item-level-gap )}:host([size=s]){--draggable-data-item-level-height: var(--luzmo-component-height-s);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-s);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-s);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-4);--draggable-data-item-level-border-radius: var(--luzmo-border-radius);--draggable-data-item-level-gap: var(--luzmo-spacing-3);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-xs);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-xs)}:host([size=l]){--draggable-data-item-level-height: var(--luzmo-component-height-l);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-l);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-l);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-radius: var(--luzmo-border-radius-l);--draggable-data-item-level-gap: var(--luzmo-spacing-5);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size)}:host([size=xl]){--draggable-data-item-level-height: var(--luzmo-component-height-xl);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-xl);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-xl);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-radius: var(--luzmo-border-radius-xl);--draggable-data-item-level-gap: var(--luzmo-spacing-5);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-l);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-l)}:host{box-sizing:border-box}",i={array:{s:e.D0,m:e.w0,l:e.x0,xl:e.x0},coordinates:{s:e.A0,m:e.Z0,l:e.u0,xl:e.u0},currency:{s:e.V0,m:e.H0,l:e.p0,xl:e.p0},date:{s:e.a0,m:e.o0,l:e.t,xl:e.t},datetime:{s:e.n0,m:e.z0,l:e.l0,xl:e.l0},duration:{s:e.k0,m:e.S0,l:e.f0,xl:e.f0},hierarchy:{s:e.E0,m:e.P0,l:e.U0,xl:e.U0},image:{s:e.O0,m:e.Q0,l:e.N0,xl:e.N0},numeric:{s:e.X0,m:e.Y0,l:e._0,xl:e._0},time:{s:e.M2,m:e.L2,l:e.r2,xl:e.r2},topography:{s:e.W1,m:e.W1,l:e.W1,xl:e.W1},ipaddress:{s:e.x2,m:e.B2,l:e.F2,xl:e.F2}},j=(a,l)=>(l==null?void 0:l.type)==="array"?i.array[a]:(l==null?void 0:l.type)==="image"?i.image[a]:(l==null?void 0:l.type)==="spatial"?(l==null?void 0:l.subtype)==="topography"?i.topography[a]:i.coordinates[a]:(l==null?void 0:l.type)==="numeric"?(l==null?void 0:l.subtype)==="currency"?i.currency[a]:(l==null?void 0:l.subtype)==="duration"?i.duration[a]:i.numeric[a]:(l==null?void 0:l.type)==="datetime"?(l==null?void 0:l.subtype)==="time"?i.time[a]:(l==null?void 0:l.subtype)==="date"?i.date[a]:i.datetime[a]:(l==null?void 0:l.type)==="hierarchy"&&(l==null?void 0:l.subtype)==="ipaddress"?i.ipaddress[a]:i.hierarchy[a],U=a=>{var u,c,h,p,k,x,w,S,C,D,O,P,$,q,E,I,_;const l=a.source.element;let t="";(p=(h=(c=(u=a.source)==null?void 0:u.element)==null?void 0:c.renderRoot)==null?void 0:h.querySelector(".data-label"))!=null&&p.textContent&&(t=(w=(x=(k=a.source)==null?void 0:k.element)==null?void 0:x.renderRoot)==null?void 0:w.querySelector(".data-label").textContent),t||(t=M.localize((C=(S=a==null?void 0:a.source)==null?void 0:S.data)==null?void 0:C.label,(O=(D=a==null?void 0:a.source)==null?void 0:D.element)==null?void 0:O.language),t=t||"Untitled");const v=($=(P=a==null?void 0:a.source)==null?void 0:P.data)==null?void 0:$.type,o=(E=(q=a==null?void 0:a.source)==null?void 0:q.data)==null?void 0:E.subtype,n=j(l.size,{type:v,subtype:o}),r={};[["borderColor","--luzmo-draggable-data-item-level-border-color","--draggable-data-item-level-border-color"],["backgroundColor","--luzmo-draggable-data-item-level-background-color","--draggable-data-item-level-background-color"],["color","--luzmo-draggable-data-item-level-font-color","--draggable-data-item-level-font-color"],["fontSize","--luzmo-draggable-data-item-level-label-font-size","--draggable-data-item-level-label-font-size"],["height","--luzmo-draggable-data-item-level-height","--draggable-data-item-level-height"],["borderRadius","--luzmo-draggable-data-item-level-border-radius","--draggable-data-item-level-border-radius"],["fontFamily","--luzmo-draggable-data-item-level-font-family","--luzmo-font-family"],["horizontalPadding","--luzmo-draggable-data-item-level-horizontal-padding","--draggable-data-item-level-horizontal-padding"],["gap","--luzmo-draggable-data-item-level-gap","--draggable-data-item-level-gap"]].forEach(([z,T,V])=>{const B=f.getCssVariableValue(l,T)||f.getCssVariableValue(l,V);r[z]=B});const s=document.createElement("div"),m=document.createElement("div");if(s.innerHTML=t,!((_=(I=a==null?void 0:a.source)==null?void 0:I.element)!=null&&_.sublevel)){const z=document.createElement("luzmo-icon");z.icon=n,m.append(z)}return m.append(s),Object.assign(m.style,{display:"flex",alignItems:"center",height:r.height,border:`1px solid ${r.borderColor}`,backgroundColor:r.backgroundColor,borderRadius:r.borderRadius,fontFamily:r.fontFamily,fontSize:r.fontSize,color:r.color,padding:`0 ${r.horizontalPadding}`,gap:r.gap}),m};var W=Object.defineProperty,b=(a,l,t,v)=>{for(var o=void 0,n=a.length-1,r;n>=0;n--)(r=a[n])&&(o=r(l,t,o)||o);return o&&W(l,t,o),o};const y=class y extends F.m(d.kt,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this.language="en",this.data={},this.dataItemLevelDropped=l=>{this.dispatchEvent(new CustomEvent("data-item-dropped",{bubbles:!0,composed:!0,cancelable:!0,detail:{data:l}}))}}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDraggable()}firstUpdated(l){this._cleanupDraggable=f.draggable({element:this,canDrag:()=>!this.disabled,onDragStart:()=>{this.style.opacity="0.5"},onDrop:()=>{this.style.opacity="1",this.dataItemLevelDropped(this.data)},getInitialData:()=>{const t={...this.data};return this.label&&this.language&&!this.sublevel&&(t.label={},t.label[this.language]=this.label),this.description&&this.language&&(t.description={},t.description[this.language]=this.description),t},onGenerateDragPreview:t=>{const v=t.nativeSetDragImage;f.setCustomNativeDragPreview({render({container:o}){const n=U(t);o.append(n)},nativeSetDragImage:v})}})}render(){var v,o,n,r,s,m,u,c,h,p;const l=this.label??((o=(v=this.data)==null?void 0:v.label)==null?void 0:o[this.language])??((s=(n=this.data)==null?void 0:n.label)==null?void 0:s[Object.keys((r=this.data)==null?void 0:r.label)[0]])??"Untitled",t=this.description??((u=(m=this.data)==null?void 0:m.description)==null?void 0:u[this.language])??((p=(c=this.data)==null?void 0:c.description)==null?void 0:p[Object.keys((h=this.data)==null?void 0:h.description)[0]]);return d.x`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../get-css-variable-DLiZYZEi.cjs"),e=require("../luzmo-icons-lvebt6bp.cjs");require("../index-B3417kqb.cjs");require("../index-Cz9Cvq1K.cjs");const i=require("../focusable-Cu_m_GTh.cjs"),M=require("../sized-mixin-Cqlxwicw.cjs"),R=require("../localize-r7ALOUy_.cjs"),U=":host{font-family:var(--luzmo-draggable-data-item-level-font-family, var(--luzmo-font-family));color:var(--luzmo-draggable-data-item-level-font-color, var(--draggable-data-item-level-font-color))}.draggable-data-item-level{transition:background-color var(--luzmo-animation-duration);background-color:var(--luzmo-draggable-data-item-level-background-color, var(--draggable-data-item-level-background-color));display:flex;justify-content:space-between;align-items:center;padding:0 var(--luzmo-draggable-data-item-level-horizontal-padding, var(--draggable-data-item-level-horizontal-padding));gap:var(--luzmo-draggable-data-item-level-gap, var(--draggable-data-item-level-gap));border-radius:var(--luzmo-draggable-data-item-level-border-radius, var(--draggable-data-item-level-border-radius));border-width:var(--luzmo-draggable-data-item-level-border-width, var(--draggable-data-item-level-border-width));border-style:var(--luzmo-draggable-data-item-level-border-style, var(--draggable-data-item-level-border-style));border-color:var(--luzmo-draggable-data-item-level-border-color, var(--draggable-data-item-level-border-color));height:var(--luzmo-draggable-data-item-level-height, var(--draggable-data-item-level-height));cursor:move}.draggable-data-item-level:hover{background-color:var(--luzmo-draggable-data-item-level-background-color-hover, var(--draggable-data-item-level-background-color-hover));color:var(--luzmo-draggable-data-item-level-font-color-hover, var(--draggable-data-item-level-font-color-hover));border-color:var(--luzmo-draggable-data-item-level-border-color-hover, var(--draggable-data-item-level-border-color-hover))}.draggable-data-item-level .data-label{font-size:var(--luzmo-draggable-data-item-level-label-font-size, var(--draggable-data-item-level-label-font-size));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([sublevel]) .draggable-data-item-level{height:var(--luzmo-draggable-data-item-level-sublevel-height, var(--draggable-data-item-level-sublevel-height));background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color, var(--draggable-data-item-level-sublevel-background-color));border-color:var(--luzmo-draggable-data-item-level-sublevel-border-color, var(--draggable-data-item-level-sublevel-border-color));margin-inline-start:var(--luzmo-draggable-data-item-level-sublevel-margin-inline-start, var(--draggable-data-item-level-sublevel-margin-inline-start))}:host([sublevel]) .draggable-data-item-level:hover{background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color-hover, var(--draggable-data-item-level-sublevel-background-color-hover))}:host([sublevel]) .draggable-data-item-level .drag-handle-icon{width:var(--luzmo-draggable-data-item-level-sublevel-drag-handle-width, var(--draggable-data-item-level-sublevel-drag-handle-width));text-align:center}:host([disabled]) .draggable-data-item-level{background-color:var(--luzmo-draggable-data-item-level-background-color-disabled, var(--draggable-data-item-level-background-color-disabled));color:var(--luzmo-draggable-data-item-level-color-disabled, var(--draggable-data-item-level-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25}:host([sublevel][disabled]) .draggable-data-item-level{background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color-disabled, var(--draggable-data-item-level-sublevel-background-color-disabled))}.drag-handle-icon{opacity:.6;font-size:var(--luzmo-draggable-data-item-level-drag-handle-size, var(--luzmo-draggable-data-item-level-drag-handle-size));width:var(--luzmo-draggable-data-item-level-drag-handle-width, var(--luzmo-draggable-data-item-level-drag-handle-width));text-align:center}.data-icon-type{width:var(--luzmo-draggable-data-item-level-data-icon-width, var(--luzmo-draggable-data-item-level-data-icon-width));text-align:center}.data-label{flex-grow:1}.data-description{height:100%;display:flex;align-items:center;background-color:transparent;outline:none;border:none;color:var(--luzmo-draggable-data-item-level-font-color, var(--draggable-data-item-level-font-color));font-size:var(--luzmo-draggable-data-item-level-label-font-size, var(--draggable-data-item-level-label-font-size))}:host([variant=highlight]){--draggable-data-item-level-background-color: var( --luzmo-background-color-highlight );--draggable-data-item-level-border-color: var( --luzmo-background-color-highlight );--draggable-data-item-level-background-color-hover: var( --luzmo-background-color-highlight-hover );--draggable-data-item-level-font-color-hover: var(--luzmo-font-color-hover);--draggable-data-item-level-border-color-hover: var( --luzmo-background-color-highlight-hover )}:host{--draggable-data-item-level-height: var(--luzmo-component-height);--draggable-data-item-level-label-font-size: var(--luzmo-font-size);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-width: var(--luzmo-border-width);--draggable-data-item-level-border-style: solid;--draggable-data-item-level-border-color: var(--luzmo-border-color-hover);--draggable-data-item-level-border-radius: var(--luzmo-border-radius);--draggable-data-item-level-gap: var(--luzmo-spacing-4);--draggable-data-item-level-font-color: var(--luzmo-font-color);--draggable-data-item-level-color-disabled: var(--luzmo-color-disabled);--draggable-data-item-level-background-color-disabled: var( --luzmo-background-color-disabled );--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-s);--luzmo-draggable-data-item-level-drag-handle-width: var( --draggable-data-item-level-icon-type-size );--luzmo-draggable-data-item-level-data-icon-width: calc( var(--draggable-data-item-level-icon-type-size) + var(--luzmo-spacing-3) );--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-s);--draggable-data-item-level-sublevel-border-color: transparent;--draggable-data-item-level-sublevel-background-color: transparent;--draggable-data-item-level-sublevel-background-color-disabled: transparent;--draggable-data-item-level-sublevel-margin-inline-start: calc( var(--draggable-data-item-level-gap) + var(--luzmo-draggable-data-item-level-drag-handle-width) );--luzmo-draggable-data-item-level-sublevel-drag-handle-width: var( --luzmo-draggable-data-item-level-data-icon-width );--draggable-data-item-level-sublevel-background-color-hover: rgba( var(--luzmo-border-color-rgb), .05 )}:host([hide-type-icon]){--draggable-data-item-level-sublevel-margin-inline-start: var( --draggable-data-item-level-gap )}:host([size=s]){--draggable-data-item-level-height: var(--luzmo-component-height-s);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-s);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-s);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-4);--draggable-data-item-level-border-radius: var(--luzmo-border-radius);--draggable-data-item-level-gap: var(--luzmo-spacing-3);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-xs);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-xs)}:host([size=l]){--draggable-data-item-level-height: var(--luzmo-component-height-l);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-l);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-l);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-radius: var(--luzmo-border-radius-l);--draggable-data-item-level-gap: var(--luzmo-spacing-5);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size)}:host([size=xl]){--draggable-data-item-level-height: var(--luzmo-component-height-xl);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-xl);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-xl);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-radius: var(--luzmo-border-radius-xl);--draggable-data-item-level-gap: var(--luzmo-spacing-5);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-l);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-l)}:host{box-sizing:border-box}",d={array:{s:e.D0,m:e.w0,l:e.x0,xl:e.x0},coordinates:{s:e.A0,m:e.Z0,l:e.u0,xl:e.u0},currency:{s:e.V0,m:e.H0,l:e.p0,xl:e.p0},date:{s:e.a0,m:e.o0,l:e.t,xl:e.t},datetime:{s:e.n0,m:e.z0,l:e.l0,xl:e.l0},duration:{s:e.k0,m:e.S0,l:e.f0,xl:e.f0},hierarchy:{s:e.E0,m:e.P0,l:e.U0,xl:e.U0},image:{s:e.O0,m:e.Q0,l:e.N0,xl:e.N0},numeric:{s:e.X0,m:e.Y0,l:e._0,xl:e._0},time:{s:e.M2,m:e.L2,l:e.r2,xl:e.r2},topography:{s:e.W1,m:e.W1,l:e.W1,xl:e.W1},ipaddress:{s:e.x2,m:e.B2,l:e.F2,xl:e.F2}},j=(a,l)=>(l==null?void 0:l.type)==="array"?d.array[a]:(l==null?void 0:l.type)==="image"?d.image[a]:(l==null?void 0:l.type)==="spatial"?(l==null?void 0:l.subtype)==="topography"?d.topography[a]:d.coordinates[a]:(l==null?void 0:l.type)==="numeric"?(l==null?void 0:l.subtype)==="currency"?d.currency[a]:(l==null?void 0:l.subtype)==="duration"?d.duration[a]:d.numeric[a]:(l==null?void 0:l.type)==="datetime"?(l==null?void 0:l.subtype)==="time"?d.time[a]:(l==null?void 0:l.subtype)==="date"?d.date[a]:d.datetime[a]:(l==null?void 0:l.type)==="hierarchy"&&(l==null?void 0:l.subtype)==="ipaddress"?d.ipaddress[a]:d.hierarchy[a],W=a=>{var u,c,h,p,x,k,w,S,C,D,O,P,E,$,q,I,_;const l=a.source.element;let t="";(p=(h=(c=(u=a.source)==null?void 0:u.element)==null?void 0:c.renderRoot)==null?void 0:h.querySelector(".data-label"))!=null&&p.textContent&&(t=(w=(k=(x=a.source)==null?void 0:x.element)==null?void 0:k.renderRoot)==null?void 0:w.querySelector(".data-label").textContent),t||(t=R.localize((C=(S=a==null?void 0:a.source)==null?void 0:S.data)==null?void 0:C.label,(O=(D=a==null?void 0:a.source)==null?void 0:D.element)==null?void 0:O.language),t=t||"Untitled");const v=(E=(P=a==null?void 0:a.source)==null?void 0:P.data)==null?void 0:E.type,o=(q=($=a==null?void 0:a.source)==null?void 0:$.data)==null?void 0:q.subtype,n=j(l.size,{type:v,subtype:o}),r={};[["borderColor","--luzmo-draggable-data-item-level-border-color","--draggable-data-item-level-border-color"],["backgroundColor","--luzmo-draggable-data-item-level-background-color","--draggable-data-item-level-background-color"],["color","--luzmo-draggable-data-item-level-font-color","--draggable-data-item-level-font-color"],["fontSize","--luzmo-draggable-data-item-level-label-font-size","--draggable-data-item-level-label-font-size"],["height","--luzmo-draggable-data-item-level-height","--draggable-data-item-level-height"],["borderRadius","--luzmo-draggable-data-item-level-border-radius","--draggable-data-item-level-border-radius"],["fontFamily","--luzmo-draggable-data-item-level-font-family","--luzmo-font-family"],["horizontalPadding","--luzmo-draggable-data-item-level-horizontal-padding","--draggable-data-item-level-horizontal-padding"],["gap","--luzmo-draggable-data-item-level-gap","--draggable-data-item-level-gap"]].forEach(([z,T,V])=>{const F=f.getCssVariableValue(l,T)||f.getCssVariableValue(l,V);r[z]=F});const s=document.createElement("div"),m=document.createElement("div");if(s.innerHTML=t,!((_=(I=a==null?void 0:a.source)==null?void 0:I.element)!=null&&_.sublevel)){const z=document.createElement("luzmo-icon");z.icon=n,m.append(z)}return m.append(s),Object.assign(m.style,{display:"flex",alignItems:"center",height:r.height,border:`1px solid ${r.borderColor}`,backgroundColor:r.backgroundColor,borderRadius:r.borderRadius,fontFamily:r.fontFamily,fontSize:r.fontSize,color:r.color,padding:`0 ${r.horizontalPadding}`,gap:r.gap}),m};var B=Object.defineProperty,b=(a,l,t,v)=>{for(var o=void 0,n=a.length-1,r;n>=0;n--)(r=a[n])&&(o=r(l,t,o)||o);return o&&B(l,t,o),o};const y=class y extends M.SizedMixin(i.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this.language="en",this.data={},this.dataItemLevelDropped=l=>{this.dispatchEvent(new CustomEvent("data-item-dropped",{bubbles:!0,composed:!0,cancelable:!0,detail:{data:l}}))}}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDraggable()}firstUpdated(l){this._cleanupDraggable=f.draggable({element:this,canDrag:()=>!this.disabled,onDragStart:()=>{this.style.opacity="0.5"},onDrop:()=>{this.style.opacity="1",this.dataItemLevelDropped(this.data)},getInitialData:()=>{const t={...this.data};return this.label&&this.language&&!this.sublevel&&(t.label={},t.label[this.language]=this.label),this.description&&this.language&&(t.description={},t.description[this.language]=this.description),t},onGenerateDragPreview:t=>{const v=t.nativeSetDragImage;f.setCustomNativeDragPreview({render({container:o}){const n=W(t);o.append(n)},nativeSetDragImage:v})}})}render(){var v,o,n,r,s,m,u,c,h,p;const l=this.label??((o=(v=this.data)==null?void 0:v.label)==null?void 0:o[this.language])??((s=(n=this.data)==null?void 0:n.label)==null?void 0:s[Object.keys((r=this.data)==null?void 0:r.label)[0]])??"Untitled",t=this.description??((u=(m=this.data)==null?void 0:m.description)==null?void 0:u[this.language])??((p=(c=this.data)==null?void 0:c.description)==null?void 0:p[Object.keys((h=this.data)==null?void 0:h.description)[0]]);return i.x`
       <div class="draggable-data-item-level">
         <div class="drag-handle-icon">
           ${this.sublevel?e.O2(e.b0):e.O2(e.W)}
         </div>
-        ${this.sublevel||this.hideTypeIcon?"":d.x`<div class="data-icon-type">
+        ${this.sublevel||this.hideTypeIcon?"":i.x`<div class="data-icon-type">
               ${e.O2(j(this.size,this.data))}
             </div>`}
         <div class="data-label">${l}</div>
-        ${!this.sublevel&&t?d.x`<button class="data-description">
+        ${!this.sublevel&&t?i.x`<button class="data-description">
               ${e.O2(e.p1)}
               <luzmo-tooltip self-managed placement="top" size=${this.size}>
                 ${t}
               </luzmo-tooltip>
             </button>`:""}
       </div>
-    `}};y.styles=d.r$1(R);let g=y;b([d.n({type:String,reflect:!0})],g.prototype,"variant");b([d.n({type:Boolean,reflect:!0,attribute:"hide-type-icon"})],g.prototype,"hideTypeIcon");b([d.n({type:Boolean,reflect:!0})],g.prototype,"sublevel");b([d.n({type:String,reflect:!0})],g.prototype,"language");b([d.n({type:Boolean,reflect:!0})],g.prototype,"disabled");b([d.n({type:String,reflect:!0})],g.prototype,"label");b([d.n({type:String,reflect:!0})],g.prototype,"description");b([d.n({type:Object})],g.prototype,"data");customElements.get("luzmo-draggable-data-item-level")||customElements.define("luzmo-draggable-data-item-level",g);exports.LuzmoDraggableDataItemLevel=g;
+    `}};y.styles=i.r(U);let g=y;b([i.n({type:String,reflect:!0})],g.prototype,"variant");b([i.n({type:Boolean,reflect:!0,attribute:"hide-type-icon"})],g.prototype,"hideTypeIcon");b([i.n({type:Boolean,reflect:!0})],g.prototype,"sublevel");b([i.n({type:String,reflect:!0})],g.prototype,"language");b([i.n({type:Boolean,reflect:!0})],g.prototype,"disabled");b([i.n({type:String,reflect:!0})],g.prototype,"label");b([i.n({type:String,reflect:!0})],g.prototype,"description");b([i.n({type:Object})],g.prototype,"data");customElements.get("luzmo-draggable-data-item-level")||customElements.define("luzmo-draggable-data-item-level",g);exports.LuzmoDraggableDataItemLevel=g;

package/components/draggable-data-item-level/index.js CHANGED Viewed

@@ -18,11 +18,11 @@
  * SOFTWARE.
  * */
 import { g as U, a as Y, s as J } from "../get-css-variable-Bhbr-Kr1.js";
-import { o as B, s as ee, t as le, N as F, Q as ae, u as oe, y as p, z as H, Z as re, A as te, H as T, K as ie, V as de, L as V, R as ge, X as ne, a0 as A, a1 as me, a2 as se, a3 as N, a4 as ue, a5 as be, a6 as q, a7 as ce, a8 as ve, a9 as M, aa as ze, ab as he, ac as G, ad as pe, ae as fe, af as L, ag as ye, ah as xe, O as f, ai as ke, W as we, p as Se } from "../luzmo-icons-BE2T8vWu.js";
-import "../index-ymMEPngt.js";
-import "../index-C8IL2IZ6.js";
-import { k as Ce, a as De, x as y, n as g } from "../property-B2F7x7Cz.js";
-import { m as Ee } from "../sized-mixin-BxMraZLS-B_y0PzR3.js";
+import { o as B, s as ee, t as le, N as F, Q as ae, u as oe, y as p, z as H, Z as re, A as te, H as T, K as ie, V as de, L as V, R as ge, X as ne, a0 as A, a1 as me, a2 as se, a3 as L, a4 as ue, a5 as be, a6 as M, a7 as ce, a8 as ve, a9 as N, aa as ze, ab as he, ac as q, ad as pe, ae as fe, af as G, ag as ye, ah as xe, O as f, ai as ke, W as we, p as Se } from "../luzmo-icons-CmY3chvZ.js";
+import "../index-fheP_kQJ.js";
+import "../index-zFIy9Mwl.js";
+import { L as Ce, r as De, x as y, n as g } from "../focusable-Dw_pMNQL.js";
+import { S as Ee } from "../sized-mixin-DMuOVsw0.js";
 import { l as Pe } from "../localize-BX7q0S0M.js";
 const K = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
@@ -53,14 +53,14 @@ const $e = ":host{font-family:var(--luzmo-draggable-data-item-level-font-family,
   date: {
     s: ve,
     m: ce,
-    l: q,
-    xl: q
+    l: M,
+    xl: M
   },
   datetime: {
     s: he,
     m: ze,
-    l: M,
-    xl: M
+    l: N,
+    xl: N
   },
   duration: {
     s: ne,
@@ -71,8 +71,8 @@ const $e = ":host{font-family:var(--luzmo-draggable-data-item-level-font-family,
   hierarchy: {
     s: xe,
     m: ye,
-    l: L,
-    xl: L
+    l: G,
+    xl: G
   },
   image: {
     s: oe,
@@ -89,8 +89,8 @@ const $e = ":host{font-family:var(--luzmo-draggable-data-item-level-font-family,
   time: {
     s: be,
     m: ue,
-    l: N,
-    xl: N
+    l: L,
+    xl: L
   },
   topography: {
     s: p,
@@ -101,8 +101,8 @@ const $e = ":host{font-family:var(--luzmo-draggable-data-item-level-font-family,
   ipaddress: {
     s: fe,
     m: pe,
-    l: G,
-    xl: G
+    l: q,
+    xl: q
   }
 }, Q = (l, e) => (e == null ? void 0 : e.type) === "array" ? t.array[l] : (e == null ? void 0 : e.type) === "image" ? t.image[l] : (e == null ? void 0 : e.type) === "spatial" ? (e == null ? void 0 : e.subtype) === "topography" ? t.topography[l] : t.coordinates[l] : (e == null ? void 0 : e.type) === "numeric" ? (e == null ? void 0 : e.subtype) === "currency" ? t.currency[l] : (e == null ? void 0 : e.subtype) === "duration" ? t.duration[l] : t.numeric[l] : (e == null ? void 0 : e.type) === "datetime" ? (e == null ? void 0 : e.subtype) === "time" ? t.time[l] : (e == null ? void 0 : e.subtype) === "date" ? t.date[l] : t.datetime[l] : (e == null ? void 0 : e.type) === "hierarchy" && (e == null ? void 0 : e.subtype) === "ipaddress" ? t.ipaddress[l] : t.hierarchy[l], Oe = (l) => {
   var b, c, v, z, k, w, S, C, D, E, P, $, O, I, R, _, j;

package/components/droppable-slot/droppable-slot.d.ts CHANGED Viewed

@@ -1,11 +1,11 @@
 import { Placement } from '@floating-ui/dom';
 import '@luzmo/lucero/tooltip';
-import { LuzmoElement } from '@luzmo/lucero/utils';
 import { PropertyValues } from 'lit';
+import { LuzmoElement } from '../../utils/base';
 import './../slot-menu';
 declare const LuzmoDroppableSlot_base: typeof LuzmoElement & {
-    new (...args: any[]): import("@luzmo/lucero").SizedElementInterface;
-    prototype: import("@luzmo/lucero").SizedElementInterface;
+    new (...args: any[]): import("../../utils/base/sized-mixin").SizedElementInterface;
+    prototype: import("../../utils/base/sized-mixin").SizedElementInterface;
 };
 /**
  * @element luzmo-droppable-slot
@@ -30,8 +30,8 @@ export declare class LuzmoDroppableSlot extends LuzmoDroppableSlot_base {
      * Placement of the slot menu. Only relevant for 'popup' and 'draggable' menu type
      */
     placement: Placement;
-    hideDelete?: string;
-    hideConfiguration?: string;
+    hideDelete?: boolean;
+    hideConfiguration?: boolean;
     private _droppableSlotLabelElement;
     private changedSlotContents;
     private _cleanupDroppable;

package/components/droppable-slot/index.cjs CHANGED Viewed

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("../get-css-variable-DLiZYZEi.cjs"),a=require("../set-locale-ByIApH40.cjs"),y=require("../task-B8yMzxui.cjs"),h=require("../luzmo-icons-XsFsTAl3.cjs");require("../index-ByjLd3bT.cjs");const r=require("../property-0L4eB11h.cjs"),C=require("../sized-mixin-BxMraZLS-DEFWqo8f.cjs"),S=require("../localize-r7ALOUy_.cjs"),q=require("../query-D5qWDopr.cjs");require("../slot-menu/index.cjs");const P=":host{font-family:var(--luzmo-droppable-slot-font-family, var(--luzmo-font-family))}.droppable-slot[filled]{cursor:pointer;border:var(--luzmo-droppable-slot-filled-border-width, var(--droppable-slot-filled-border-width)) var(--luzmo-droppable-slot-filled-border-style, var(--droppable-slot-filled-border-style)) var(--luzmo-droppable-slot-filled-border-color, var(--droppable-slot-filled-border-color));background-color:var(--luzmo-droppable-slot-filled-background-color, var(--droppable-slot-filled-background-color));color:var(--luzmo-droppable-slot-filled-color, var(--droppable-slot-filled-color))}.droppable-slot{color:var(--luzmo-droppable-slot-font-color, var(--droppable-slot-font-color));border:var(--luzmo-droppable-slot-border-width, var(--droppable-slot-border-width)) var(--luzmo-droppable-slot-border-style, var(--droppable-slot-border-style)) var(--luzmo-droppable-slot-border-color, var(--droppable-slot-border-color));background-color:var(--luzmo-droppable-slot-background-color, var(--droppable-slot-background-color));display:flex;justify-content:space-between;align-items:center;padding-left:var(--luzmo-droppable-slot-edge-to-label, var(--droppable-slot-edge-to-label));gap:var(--luzmo-spacing-5);border-radius:var(--luzmo-border-radius);height:var(--luzmo-droppable-slot-height, var(--droppable-slot-height));cursor:move}:host([disabled]) .droppable-slot{background-color:var(--luzmo-droppable-slot-background-color-disabled, var(--droppable-slot-background-color-disabled));color:var(--luzmo-droppable-slot-color-disabled, var(--droppable-slot-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25;font-size:12px}.drag-handle-icon{opacity:.5;font-size:12px}.droppable-slot-label{font-size:var(--luzmo-droppable-slot-label-font-size, var(--droppable-slot-label-font-size));flex-grow:1;margin-right:var(--luzmo-droppable-slot-text-to-controls, var(--droppable-slot-text-to-controls));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls{height:100%;display:flex;align-items:center;gap:var(--luzmo-droppable-slot-controls-gap, var(--droppable-slot-controls-gap));background-color:var(--luzmo-droppable-slot-controls-background-color, var(--droppable-slot-controls-background-color));color:var(--luzmo-droppable-slot-controls-color, var(--droppable-slot-controls-color));margin-right:var(--luzmo-droppable-slot-controls-to-edge, var(--droppable-slot-controls-to-edge));padding:0 var(--luzmo-droppable-slot-controls-horizontal-padding, var(--droppable-slot-controls-horizontal-padding))}.controls div{cursor:pointer;height:100%;display:flex;align-items:center;padding:0 var(--luzmo-droppable-slot-controls-control-horizontal-padding, var(--droppable-slot-controls-control-horizontal-padding))}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-droppable-slot-overlay-vertical-gap, var(--droppable-slot-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-droppable-slot-overlay-horizontal-gap, var(--droppable-slot-overlay-horizontal-gap))}:host{--droppable-slot-border-width: var(--luzmo-border-width);--droppable-slot-border-style: dashed;--droppable-slot-border-color: var(--luzmo-border-color);--droppable-slot-background-color: transparent;--droppable-slot-font-color: var(--luzmo-font-color);--droppable-slot-controls-background-color: var(--luzmo-primary-down);--droppable-slot-controls-color: var(--luzmo-primary-inverse-color);--droppable-slot-text-to-controls: var(--luzmo-spacing-3);--droppable-slot-controls-to-edge: 0;--droppable-slot-controls-gap: var(--luzmo-spacing-2);--droppable-slot-controls-horizontal-padding: var(--luzmo-spacing-2);--droppable-slot-controls-control-horizontal-padding: var(--luzmo-spacing-3);--droppable-slot-filled-background-color: var(--luzmo-primary);--droppable-slot-filled-color: var(--luzmo-primary-inverse-color);--droppable-slot-filled-border-width: var(--luzmo-border-width);--droppable-slot-filled-border-style: solid;--droppable-slot-filled-border-color: var(--luzmo-primary-down);--droppable-slot-height: var(--luzmo-component-height);--droppable-slot-label-font-size: var(--luzmo-font-size);--droppable-slot-icon-type-font-size: var(--luzmo-font-size);--droppable-slot-edge-to-label: var(--luzmo-spacing-5);--droppable-slot-color-disabled: var(--luzmo-color-disabled);--droppable-slot-background-color-disabled: var( --luzmo-background-color-disabled )}:host([accept-drag]){--droppable-slot-filled-background-color: var(--luzmo-color-positive);--droppable-slot-filled-color: white;--droppable-slot-filled-border-color: var(--luzmo-color-positive-down);--droppable-slot-controls-background-color: var(--luzmo-color-positive-down);--droppable-slot-controls-color: white;--droppable-slot-background-color: var(--luzmo-color-positive);--droppable-slot-font-color: white}:host{--droppable-slot-height: var(--luzmo-component-height);--droppable-slot-label-font-size: var(--luzmo-font-size);--droppable-slot-icon-type-font-size: var(--luzmo-font-size);--droppable-slot-horizontal-padding: var(--luzmo-spacing-4);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-4);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=s]){--droppable-slot-height: var(--luzmo-component-height-s);--droppable-slot-label-font-size: var(--luzmo-font-size-s);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-s);--droppable-slot-horizontal-padding: var(--luzmo-spacing-4);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-4);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=l]){--droppable-slot-height: var(--luzmo-component-height-l);--droppable-slot-label-font-size: var(--luzmo-font-size-l);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-l);--droppable-slot-horizontal-padding: var(--luzmo-spacing-5);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-5);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-5)}:host([size=xl]){--droppable-slot-height: var(--luzmo-component-height-xl);--droppable-slot-label-font-size: var(--luzmo-font-size-xl);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-xl);--droppable-slot-horizontal-padding: var(--luzmo-spacing-5);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-5);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-5)}:host{box-sizing:border-box}",v={Category:()=>a.msg("Category",{desc:"Category label"}),Measure:()=>a.msg("Measure",{desc:"Measure label"}),Legend:()=>a.msg("Legend",{desc:"Legend label"}),"Y-Axis":()=>a.msg("Y-Axis",{desc:"Y-Axis label"}),"X-Axis":()=>a.msg("X-Axis",{desc:"X-Axis label"}),"Group by":()=>a.msg("Group by",{desc:"Group by label"})};var L=Object.defineProperty,x=Object.getOwnPropertyDescriptor,n=(g,o,t,e)=>{for(var l=e>1?void 0:e?x(o,t):o,s=g.length-1,i;s>=0;s--)(i=g[s])&&(l=(e?i(o,t,l):i(l))||l);return e&&l&&L(o,t,l),l};exports.LuzmoDroppableSlot=class extends C.m(r.kt,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this._loadSlotsConfig=new y.h(this,{task:async([o])=>{if(o&&o!==this._itemTypeLoaded){const t=Object.assign({"../../item-definitions/area-chart/area-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../area-chart-slots.config-CIfDfftd.cjs")),"../../item-definitions/bar-chart/bar-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bar-chart-slots.config-DszaQhMd.cjs")),"../../item-definitions/box-plot/box-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../box-plot-slots.config-DZxyy3sS.cjs")),"../../item-definitions/bubble-chart/bubble-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bubble-chart-slots.config-BwSwgleO.cjs")),"../../item-definitions/bullet-chart/bullet-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bullet-chart-slots.config-DQarxMR7.cjs")),"../../item-definitions/choropleth-map/choropleth-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../choropleth-map-slots.config-PNwSR0XY.cjs")),"../../item-definitions/circle-pack-chart/circle-pack-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../circle-pack-chart-slots.config-C-_ganmv.cjs")),"../../item-definitions/circular-gauge/circular-gauge-slots.config.ts":()=>Promise.resolve().then(()=>require("../circular-gauge-slots.config-Cd-nkNPm.cjs")),"../../item-definitions/column-chart/column-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../column-chart-slots.config-C7MhpoR8.cjs")),"../../item-definitions/combination-chart/combination-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../combination-chart-slots.config-crMO01EO.cjs")),"../../item-definitions/conditional-number/conditional-number-slots.config.ts":()=>Promise.resolve().then(()=>require("../conditional-number-slots.config-CD5ZwXuY.cjs")),"../../item-definitions/date-filter/date-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../date-filter-slots.config-Cb1LcT9W.cjs")),"../../item-definitions/donut-chart/donut-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../donut-chart-slots.config-DIp-24lO.cjs")),"../../item-definitions/dropdown-filter/dropdown-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../dropdown-filter-slots.config-I2n4b_6V.cjs")),"../../item-definitions/evolution-number/evolution-number-slots.config.ts":()=>Promise.resolve().then(()=>require("../evolution-number-slots.config-BI-sFIug.cjs")),"../../item-definitions/funnel-chart/funnel-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../funnel-chart-slots.config-WrokHS7f.cjs")),"../../item-definitions/heat-map/heat-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../heat-map-slots.config-CSxSsQwX.cjs")),"../../item-definitions/heat-table/heat-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../heat-table-slots.config-GGX3BCh1.cjs")),"../../item-definitions/hexbin-map/hexbin-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../hexbin-map-slots.config-CSxSsQwX.cjs")),"../../item-definitions/image/image-slots.config.ts":()=>Promise.resolve().then(()=>require("../image-slots.config-mPXMR1CE.cjs")),"../../item-definitions/line-chart/line-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../line-chart-slots.config-CIfDfftd.cjs")),"../../item-definitions/marker-map/marker-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../marker-map-slots.config-CSxSsQwX.cjs")),"../../item-definitions/ohlc-chart/ohlc-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../ohlc-chart-slots.config-DMomcHMV.cjs")),"../../item-definitions/parallel-coordinates-plot/parallel-coordinates-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../parallel-coordinates-plot-slots.config-BRXA5nUl.cjs")),"../../item-definitions/pivot-table/pivot-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../pivot-table-slots.config-DzGWM3Ez.cjs")),"../../item-definitions/pyramid-chart/pyramid-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../pyramid-chart-slots.config-DeWrVApy.cjs")),"../../item-definitions/radar-chart/radar-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../radar-chart-slots.config-Dxx5fKnS.cjs")),"../../item-definitions/regular-table/regular-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../regular-table-slots.config-ChrvnRDb.cjs")),"../../item-definitions/route-map/route-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../route-map-slots.config-BfbIWCr0.cjs")),"../../item-definitions/sankey-diagram/sankey-diagram-slots.config.ts":()=>Promise.resolve().then(()=>require("../sankey-diagram-slots.config-B7Q-ZfUP.cjs")),"../../item-definitions/scatter-plot/scatter-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../scatter-plot-slots.config-wlX_PVu8.cjs")),"../../item-definitions/search-filter/search-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../search-filter-slots.config-DOlr8VaD.cjs")),"../../item-definitions/slicer-filter/slicer-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../slicer-filter-slots.config-Dyte3aGp.cjs")),"../../item-definitions/slider-filter/slider-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../slider-filter-slots.config-Cr5oXbok.cjs")),"../../item-definitions/speedometer-chart/speedometer-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../speedometer-chart-slots.config-Cd-nkNPm.cjs")),"../../item-definitions/spike-map/spike-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../spike-map-slots.config-Drga6_j0.cjs")),"../../item-definitions/strip-plot/strip-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../strip-plot-slots.config-JvkKY5Ga.cjs")),"../../item-definitions/sunburst-chart/sunburst-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../sunburst-chart-slots.config-C-_ganmv.cjs")),"../../item-definitions/symbol-map/symbol-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../symbol-map-slots.config-DtW-3xkd.cjs")),"../../item-definitions/text/text-slots.config.ts":()=>Promise.resolve().then(()=>require("../text-slots.config-BMBEkf0O.cjs")),"../../item-definitions/treemap-chart/treemap-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../treemap-chart-slots.config-C3bnHCyy.cjs")),"../../item-definitions/venn-diagram/venn-diagram-slots.config.ts":()=>Promise.resolve().then(()=>require("../venn-diagram-slots.config-CpOPbUjs.cjs")),"../../item-definitions/video/video-slots.config.ts":()=>Promise.resolve().then(()=>require("../video-slots.config-mPXMR1CE.cjs")),"../../item-definitions/wordcloud-chart/wordcloud-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../wordcloud-chart-slots.config-D7CiYopX.cjs"))});if(t[`../../item-definitions/${o}/${o}-slots.config.ts`]){const e=await t[`../../item-definitions/${o}/${o}-slots.config.ts`]();this._slotsConfig=(e==null?void 0:e.default)??{}}return this._slotsConfig}},args:()=>[this.itemType,this.language]}),this.slotConfiguration={},this.slotContents=[],this.language="en",this.menu="default",this.placement="bottom-end",this.changedSlotContents=o=>{this.dispatchEvent(new CustomEvent("slot-contents-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:o}}))},this._currentSlotContents=[]}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDroppable()}emptySlotContents(o){o.preventDefault(),o.stopPropagation(),this.slotContents=[],this.changedSlotContents([])}willUpdate(o){o.has("language")&&([...a.targetLocales].includes(this.language)||this.language==="en")&&(a.setLocale(this.language),this.requestUpdate()),o.has("slotContents")&&(this._currentSlotContents=structuredClone(this.slotContents))}firstUpdated(o){this._cleanupDroppable||(this._cleanupDroppable=z.dropTargetForElements({element:this,onDrop:t=>{var i,p,d,c;const e={...(i=t.source)==null?void 0:i.data},l={...(e==null?void 0:e.label)??{en:"Untitled"}},s=e==null?void 0:e.type;if(s==="datetime"&&!e.level&&(e.level=e.lowestLevel??(e.subtype==="date"?5:9)),s==="datetime"&&((d=(p=t==null?void 0:t.source)==null?void 0:p.element)!=null&&d.hasAttribute("sublevel"))){const u=["(Yr)","(Qtr)","(Mth)","(Wk)","(Date)","(Hr)","(Min)","(Sec)","(Msec)"],m=(e==null?void 0:e.level)??1,b=Object.keys(l);for(const f of b)l[f]=`${l[f]} ${u[m-1]}`;e.label=l}this.slotContents=(c=this.slotConfiguration)!=null&&c.canAcceptMultipleColumns?[...this.slotContents??[],e]:[e],this.removeAttribute("accept-drag"),this.changedSlotContents(this.slotContents)},canDrop:({source:t})=>{var l,s,i,p,d,c,u,m,b;if(!["LUZMO-DRAGGABLE-DATA-ITEM-LEVEL","LUZMO-DRAGGABLE-DATA-ITEM"].includes((l=t.element)==null?void 0:l.tagName))return!1;const e=((i=(s=this.slotConfiguration)==null?void 0:s.acceptableColumnTypes)==null?void 0:i.length)>0?this.slotConfiguration.acceptableColumnTypes:["numeric","hierarchy","datetime"];return(p=t==null?void 0:t.data)!=null&&p.type&&!e.includes((d=t==null?void 0:t.data)==null?void 0:d.type)?!1:!((c=t==null?void 0:t.data)!=null&&c.subtype&&((m=(u=this.slotConfiguration)==null?void 0:u.acceptableColumnSubtypes)==null?void 0:m.length)>0&&!this.slotConfiguration.acceptableColumnSubtypes.includes((b=t==null?void 0:t.data)==null?void 0:b.subtype))},getDropEffect:()=>"link",onDragEnter:()=>{this.setAttribute("accept-drag","")},onDragLeave:()=>{this.removeAttribute("accept-drag")}}))}updated(){this.createFullLabel()}_onSlotMenuChanges(o){var t;o.preventDefault(),o.stopPropagation(),this.slotContents.length===((t=o.detail.slotContents)==null?void 0:t.length)?(this._currentSlotContents=o.detail.slotContents,this.createFullLabel(),this.changedSlotContents(this._currentSlotContents)):(this.slotContents=o.detail.slotContents,this.changedSlotContents(this.slotContents))}createFullLabel(){var l,s,i,p,d,c,u,m,b;let o="";const t=v[(l=this.slotConfiguration)==null?void 0:l.label]?v[(s=this.slotConfiguration)==null?void 0:s.label]():(i=this.slotConfiguration)==null?void 0:i.label;((p=this._currentSlotContents)==null?void 0:p.length)===1?o=S.localize((c=(d=this._currentSlotContents)==null?void 0:d[0])==null?void 0:c.label,this.language)??"Untitled":((u=this._currentSlotContents)==null?void 0:u.length)>1&&(o=`${this._currentSlotContents.length} items`);let e="";this.label?e=this.label:t&&(e=t),e=e||"Untitled",((m=this._currentSlotContents)==null?void 0:m.length)>0&&(e+=((b=this._currentSlotContents)==null?void 0:b.length)>1?`: ${this._currentSlotContents.length} items`:`: ${o}`),this._droppableSlotLabelElement&&(this._droppableSlotLabelElement.textContent=e)}droppableSlotMarkup(){var o,t,e,l;return r.x`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("../get-css-variable-DLiZYZEi.cjs"),a=require("../set-locale-ByIApH40.cjs"),y=require("../task-fQFUVV8e.cjs"),h=require("../luzmo-icons-lvebt6bp.cjs");require("../index-Cz9Cvq1K.cjs");const C=require("../localize-r7ALOUy_.cjs"),r=require("../focusable-Cu_m_GTh.cjs"),S=require("../query-D5qWDopr.cjs"),q=require("../sized-mixin-Cqlxwicw.cjs");require("../slot-menu/index.cjs");const P=":host{font-family:var(--luzmo-droppable-slot-font-family, var(--luzmo-font-family))}.droppable-slot[filled]{cursor:pointer;border:var(--luzmo-droppable-slot-filled-border-width, var(--droppable-slot-filled-border-width)) var(--luzmo-droppable-slot-filled-border-style, var(--droppable-slot-filled-border-style)) var(--luzmo-droppable-slot-filled-border-color, var(--droppable-slot-filled-border-color));background-color:var(--luzmo-droppable-slot-filled-background-color, var(--droppable-slot-filled-background-color));color:var(--luzmo-droppable-slot-filled-color, var(--droppable-slot-filled-color))}.droppable-slot{color:var(--luzmo-droppable-slot-font-color, var(--droppable-slot-font-color));border:var(--luzmo-droppable-slot-border-width, var(--droppable-slot-border-width)) var(--luzmo-droppable-slot-border-style, var(--droppable-slot-border-style)) var(--luzmo-droppable-slot-border-color, var(--droppable-slot-border-color));background-color:var(--luzmo-droppable-slot-background-color, var(--droppable-slot-background-color));display:flex;justify-content:space-between;align-items:center;padding-left:var(--luzmo-droppable-slot-edge-to-label, var(--droppable-slot-edge-to-label));gap:var(--luzmo-spacing-5);border-radius:var(--luzmo-border-radius);height:var(--luzmo-droppable-slot-height, var(--droppable-slot-height));cursor:move}:host([disabled]) .droppable-slot{background-color:var(--luzmo-droppable-slot-background-color-disabled, var(--droppable-slot-background-color-disabled));color:var(--luzmo-droppable-slot-color-disabled, var(--droppable-slot-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25;font-size:12px}.drag-handle-icon{opacity:.5;font-size:12px}.droppable-slot-label{font-size:var(--luzmo-droppable-slot-label-font-size, var(--droppable-slot-label-font-size));flex-grow:1;margin-right:var(--luzmo-droppable-slot-text-to-controls, var(--droppable-slot-text-to-controls));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls{height:100%;display:flex;align-items:center;gap:var(--luzmo-droppable-slot-controls-gap, var(--droppable-slot-controls-gap));background-color:var(--luzmo-droppable-slot-controls-background-color, var(--droppable-slot-controls-background-color));color:var(--luzmo-droppable-slot-controls-color, var(--droppable-slot-controls-color));margin-right:var(--luzmo-droppable-slot-controls-to-edge, var(--droppable-slot-controls-to-edge));padding:0 var(--luzmo-droppable-slot-controls-horizontal-padding, var(--droppable-slot-controls-horizontal-padding))}.controls div{cursor:pointer;height:100%;display:flex;align-items:center;padding:0 var(--luzmo-droppable-slot-controls-control-horizontal-padding, var(--droppable-slot-controls-control-horizontal-padding))}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-droppable-slot-overlay-vertical-gap, var(--droppable-slot-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-droppable-slot-overlay-horizontal-gap, var(--droppable-slot-overlay-horizontal-gap))}:host{--droppable-slot-border-width: var(--luzmo-border-width);--droppable-slot-border-style: dashed;--droppable-slot-border-color: var(--luzmo-border-color);--droppable-slot-background-color: transparent;--droppable-slot-font-color: var(--luzmo-font-color);--droppable-slot-controls-background-color: var(--luzmo-primary-down);--droppable-slot-controls-color: var(--luzmo-primary-inverse-color);--droppable-slot-text-to-controls: var(--luzmo-spacing-3);--droppable-slot-controls-to-edge: 0;--droppable-slot-controls-gap: var(--luzmo-spacing-2);--droppable-slot-controls-horizontal-padding: var(--luzmo-spacing-2);--droppable-slot-controls-control-horizontal-padding: var(--luzmo-spacing-3);--droppable-slot-filled-background-color: var(--luzmo-primary);--droppable-slot-filled-color: var(--luzmo-primary-inverse-color);--droppable-slot-filled-border-width: var(--luzmo-border-width);--droppable-slot-filled-border-style: solid;--droppable-slot-filled-border-color: var(--luzmo-primary-down);--droppable-slot-height: var(--luzmo-component-height);--droppable-slot-label-font-size: var(--luzmo-font-size);--droppable-slot-icon-type-font-size: var(--luzmo-font-size);--droppable-slot-edge-to-label: var(--luzmo-spacing-5);--droppable-slot-color-disabled: var(--luzmo-color-disabled);--droppable-slot-background-color-disabled: var( --luzmo-background-color-disabled )}:host([accept-drag]){--droppable-slot-filled-background-color: var(--luzmo-color-positive);--droppable-slot-filled-color: white;--droppable-slot-filled-border-color: var(--luzmo-color-positive-down);--droppable-slot-controls-background-color: var(--luzmo-color-positive-down);--droppable-slot-controls-color: white;--droppable-slot-background-color: var(--luzmo-color-positive);--droppable-slot-font-color: white}:host{--droppable-slot-height: var(--luzmo-component-height);--droppable-slot-label-font-size: var(--luzmo-font-size);--droppable-slot-icon-type-font-size: var(--luzmo-font-size);--droppable-slot-horizontal-padding: var(--luzmo-spacing-4);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-4);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=s]){--droppable-slot-height: var(--luzmo-component-height-s);--droppable-slot-label-font-size: var(--luzmo-font-size-s);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-s);--droppable-slot-horizontal-padding: var(--luzmo-spacing-4);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-4);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=l]){--droppable-slot-height: var(--luzmo-component-height-l);--droppable-slot-label-font-size: var(--luzmo-font-size-l);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-l);--droppable-slot-horizontal-padding: var(--luzmo-spacing-5);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-5);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-5)}:host([size=xl]){--droppable-slot-height: var(--luzmo-component-height-xl);--droppable-slot-label-font-size: var(--luzmo-font-size-xl);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-xl);--droppable-slot-horizontal-padding: var(--luzmo-spacing-5);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-5);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-5)}:host{box-sizing:border-box}",v={Category:()=>a.msg("Category",{desc:"Category label"}),Measure:()=>a.msg("Measure",{desc:"Measure label"}),Legend:()=>a.msg("Legend",{desc:"Legend label"}),"Y-Axis":()=>a.msg("Y-Axis",{desc:"Y-Axis label"}),"X-Axis":()=>a.msg("X-Axis",{desc:"X-Axis label"}),"Group by":()=>a.msg("Group by",{desc:"Group by label"})};var L=Object.defineProperty,x=Object.getOwnPropertyDescriptor,n=(g,o,t,e)=>{for(var l=e>1?void 0:e?x(o,t):o,s=g.length-1,i;s>=0;s--)(i=g[s])&&(l=(e?i(o,t,l):i(l))||l);return e&&l&&L(o,t,l),l};exports.LuzmoDroppableSlot=class extends q.SizedMixin(r.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this._loadSlotsConfig=new y.h(this,{task:async([o])=>{if(o&&o!==this._itemTypeLoaded){const t=Object.assign({"../../item-definitions/area-chart/area-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../area-chart-slots.config-CIfDfftd.cjs")),"../../item-definitions/bar-chart/bar-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bar-chart-slots.config-DszaQhMd.cjs")),"../../item-definitions/box-plot/box-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../box-plot-slots.config-DZxyy3sS.cjs")),"../../item-definitions/bubble-chart/bubble-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bubble-chart-slots.config-BwSwgleO.cjs")),"../../item-definitions/bullet-chart/bullet-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bullet-chart-slots.config-DQarxMR7.cjs")),"../../item-definitions/choropleth-map/choropleth-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../choropleth-map-slots.config-PNwSR0XY.cjs")),"../../item-definitions/circle-pack-chart/circle-pack-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../circle-pack-chart-slots.config-C-_ganmv.cjs")),"../../item-definitions/circular-gauge/circular-gauge-slots.config.ts":()=>Promise.resolve().then(()=>require("../circular-gauge-slots.config-Cd-nkNPm.cjs")),"../../item-definitions/column-chart/column-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../column-chart-slots.config-C7MhpoR8.cjs")),"../../item-definitions/combination-chart/combination-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../combination-chart-slots.config-crMO01EO.cjs")),"../../item-definitions/conditional-number/conditional-number-slots.config.ts":()=>Promise.resolve().then(()=>require("../conditional-number-slots.config-CD5ZwXuY.cjs")),"../../item-definitions/date-filter/date-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../date-filter-slots.config-Cb1LcT9W.cjs")),"../../item-definitions/donut-chart/donut-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../donut-chart-slots.config-DIp-24lO.cjs")),"../../item-definitions/dropdown-filter/dropdown-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../dropdown-filter-slots.config-I2n4b_6V.cjs")),"../../item-definitions/evolution-number/evolution-number-slots.config.ts":()=>Promise.resolve().then(()=>require("../evolution-number-slots.config-BI-sFIug.cjs")),"../../item-definitions/funnel-chart/funnel-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../funnel-chart-slots.config-WrokHS7f.cjs")),"../../item-definitions/heat-map/heat-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../heat-map-slots.config-CSxSsQwX.cjs")),"../../item-definitions/heat-table/heat-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../heat-table-slots.config-GGX3BCh1.cjs")),"../../item-definitions/hexbin-map/hexbin-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../hexbin-map-slots.config-CSxSsQwX.cjs")),"../../item-definitions/image/image-slots.config.ts":()=>Promise.resolve().then(()=>require("../image-slots.config-mPXMR1CE.cjs")),"../../item-definitions/line-chart/line-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../line-chart-slots.config-CIfDfftd.cjs")),"../../item-definitions/marker-map/marker-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../marker-map-slots.config-CSxSsQwX.cjs")),"../../item-definitions/ohlc-chart/ohlc-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../ohlc-chart-slots.config-DMomcHMV.cjs")),"../../item-definitions/parallel-coordinates-plot/parallel-coordinates-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../parallel-coordinates-plot-slots.config-BRXA5nUl.cjs")),"../../item-definitions/pivot-table/pivot-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../pivot-table-slots.config-DzGWM3Ez.cjs")),"../../item-definitions/pyramid-chart/pyramid-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../pyramid-chart-slots.config-DeWrVApy.cjs")),"../../item-definitions/radar-chart/radar-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../radar-chart-slots.config-Dxx5fKnS.cjs")),"../../item-definitions/regular-table/regular-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../regular-table-slots.config-ChrvnRDb.cjs")),"../../item-definitions/route-map/route-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../route-map-slots.config-BfbIWCr0.cjs")),"../../item-definitions/sankey-diagram/sankey-diagram-slots.config.ts":()=>Promise.resolve().then(()=>require("../sankey-diagram-slots.config-B7Q-ZfUP.cjs")),"../../item-definitions/scatter-plot/scatter-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../scatter-plot-slots.config-wlX_PVu8.cjs")),"../../item-definitions/search-filter/search-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../search-filter-slots.config-DOlr8VaD.cjs")),"../../item-definitions/slicer-filter/slicer-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../slicer-filter-slots.config-Dyte3aGp.cjs")),"../../item-definitions/slider-filter/slider-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../slider-filter-slots.config-Cr5oXbok.cjs")),"../../item-definitions/speedometer-chart/speedometer-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../speedometer-chart-slots.config-Cd-nkNPm.cjs")),"../../item-definitions/spike-map/spike-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../spike-map-slots.config-Drga6_j0.cjs")),"../../item-definitions/strip-plot/strip-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../strip-plot-slots.config-JvkKY5Ga.cjs")),"../../item-definitions/sunburst-chart/sunburst-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../sunburst-chart-slots.config-C-_ganmv.cjs")),"../../item-definitions/symbol-map/symbol-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../symbol-map-slots.config-DtW-3xkd.cjs")),"../../item-definitions/text/text-slots.config.ts":()=>Promise.resolve().then(()=>require("../text-slots.config-BMBEkf0O.cjs")),"../../item-definitions/treemap-chart/treemap-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../treemap-chart-slots.config-C3bnHCyy.cjs")),"../../item-definitions/venn-diagram/venn-diagram-slots.config.ts":()=>Promise.resolve().then(()=>require("../venn-diagram-slots.config-CpOPbUjs.cjs")),"../../item-definitions/video/video-slots.config.ts":()=>Promise.resolve().then(()=>require("../video-slots.config-mPXMR1CE.cjs")),"../../item-definitions/wordcloud-chart/wordcloud-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../wordcloud-chart-slots.config-D7CiYopX.cjs"))});if(t[`../../item-definitions/${o}/${o}-slots.config.ts`]){const e=await t[`../../item-definitions/${o}/${o}-slots.config.ts`]();this._slotsConfig=(e==null?void 0:e.default)??{}}return this._slotsConfig}},args:()=>[this.itemType,this.language]}),this.slotConfiguration={},this.slotContents=[],this.language="en",this.menu="default",this.placement="bottom-end",this.changedSlotContents=o=>{this.dispatchEvent(new CustomEvent("slot-contents-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:o}}))},this._currentSlotContents=[]}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDroppable()}emptySlotContents(o){o.preventDefault(),o.stopPropagation(),this.slotContents=[],this.changedSlotContents([])}willUpdate(o){o.has("language")&&([...a.targetLocales].includes(this.language)||this.language==="en")&&(a.setLocale(this.language),this.requestUpdate()),o.has("slotContents")&&(this._currentSlotContents=structuredClone(this.slotContents))}firstUpdated(o){this._cleanupDroppable||(this._cleanupDroppable=z.dropTargetForElements({element:this,onDrop:t=>{var i,p,d,c;const e={...(i=t.source)==null?void 0:i.data},l={...(e==null?void 0:e.label)??{en:"Untitled"}},s=e==null?void 0:e.type;if(s==="datetime"&&!e.level&&(e.level=e.lowestLevel??(e.subtype==="date"?5:9)),s==="datetime"&&((d=(p=t==null?void 0:t.source)==null?void 0:p.element)!=null&&d.hasAttribute("sublevel"))){const u=["(Yr)","(Qtr)","(Mth)","(Wk)","(Date)","(Hr)","(Min)","(Sec)","(Msec)"],m=(e==null?void 0:e.level)??1,b=Object.keys(l);for(const f of b)l[f]=`${l[f]} ${u[m-1]}`;e.label=l}this.slotContents=(c=this.slotConfiguration)!=null&&c.canAcceptMultipleColumns?[...this.slotContents??[],e]:[e],this.removeAttribute("accept-drag"),this.changedSlotContents(this.slotContents)},canDrop:({source:t})=>{var l,s,i,p,d,c,u,m,b;if(!["LUZMO-DRAGGABLE-DATA-ITEM-LEVEL","LUZMO-DRAGGABLE-DATA-ITEM"].includes((l=t.element)==null?void 0:l.tagName))return!1;const e=((i=(s=this.slotConfiguration)==null?void 0:s.acceptableColumnTypes)==null?void 0:i.length)>0?this.slotConfiguration.acceptableColumnTypes:["numeric","hierarchy","datetime"];return(p=t==null?void 0:t.data)!=null&&p.type&&!e.includes((d=t==null?void 0:t.data)==null?void 0:d.type)?!1:!((c=t==null?void 0:t.data)!=null&&c.subtype&&((m=(u=this.slotConfiguration)==null?void 0:u.acceptableColumnSubtypes)==null?void 0:m.length)>0&&!this.slotConfiguration.acceptableColumnSubtypes.includes((b=t==null?void 0:t.data)==null?void 0:b.subtype))},getDropEffect:()=>"link",onDragEnter:()=>{this.setAttribute("accept-drag","")},onDragLeave:()=>{this.removeAttribute("accept-drag")}}))}updated(){this.createFullLabel()}_onSlotMenuChanges(o){var t;o.preventDefault(),o.stopPropagation(),this.slotContents.length===((t=o.detail.slotContents)==null?void 0:t.length)?(this._currentSlotContents=o.detail.slotContents,this.createFullLabel(),this.changedSlotContents(this._currentSlotContents)):(this.slotContents=o.detail.slotContents,this.changedSlotContents(this.slotContents))}createFullLabel(){var l,s,i,p,d,c,u,m,b;let o="";const t=v[(l=this.slotConfiguration)==null?void 0:l.label]?v[(s=this.slotConfiguration)==null?void 0:s.label]():(i=this.slotConfiguration)==null?void 0:i.label;((p=this._currentSlotContents)==null?void 0:p.length)===1?o=C.localize((c=(d=this._currentSlotContents)==null?void 0:d[0])==null?void 0:c.label,this.language)??"Untitled":((u=this._currentSlotContents)==null?void 0:u.length)>1&&(o=`${this._currentSlotContents.length} items`);let e="";this.label?e=this.label:t&&(e=t),e=e||"Untitled",((m=this._currentSlotContents)==null?void 0:m.length)>0&&(e+=((b=this._currentSlotContents)==null?void 0:b.length)>1?`: ${this._currentSlotContents.length} items`:`: ${o}`),this._droppableSlotLabelElement&&(this._droppableSlotLabelElement.textContent=e)}droppableSlotMarkup(){var o,t,e,l;return r.x`
       <div
         class="droppable-slot"
         ?filled=${((o=this.slotContents)==null?void 0:o.length)>0}
@@ -66,4 +66,4 @@
           Could not load droppable slot: '${this.slotName}' of chart
           '${this.itemType}': ${o}.
         </div>
-      `})}};exports.LuzmoDroppableSlot.styles=r.r$1(P);n([r.n({type:String,reflect:!0,attribute:"item-type"})],exports.LuzmoDroppableSlot.prototype,"itemType",2);n([r.n({type:String,reflect:!0,attribute:"slot-name"})],exports.LuzmoDroppableSlot.prototype,"slotName",2);n([r.n({type:Object})],exports.LuzmoDroppableSlot.prototype,"slotConfiguration",2);n([r.n({type:Object})],exports.LuzmoDroppableSlot.prototype,"slotContents",2);n([r.n({type:String,reflect:!0})],exports.LuzmoDroppableSlot.prototype,"label",2);n([r.n({type:String,reflect:!0})],exports.LuzmoDroppableSlot.prototype,"language",2);n([r.n({type:String,reflect:!0})],exports.LuzmoDroppableSlot.prototype,"menu",2);n([r.n({type:String,reflect:!0})],exports.LuzmoDroppableSlot.prototype,"placement",2);n([r.n({type:Boolean,reflect:!0,attribute:"hide-delete"})],exports.LuzmoDroppableSlot.prototype,"hideDelete",2);n([r.n({type:Boolean,reflect:!0,attribute:"hide-configuration"})],exports.LuzmoDroppableSlot.prototype,"hideConfiguration",2);n([q.e(".droppable-slot-label")],exports.LuzmoDroppableSlot.prototype,"_droppableSlotLabelElement",2);exports.LuzmoDroppableSlot=n([a.localized()],exports.LuzmoDroppableSlot);customElements.get("luzmo-droppable-slot")||customElements.define("luzmo-droppable-slot",exports.LuzmoDroppableSlot);
+      `})}};exports.LuzmoDroppableSlot.styles=r.r(P);n([r.n({type:String,reflect:!0,attribute:"item-type"})],exports.LuzmoDroppableSlot.prototype,"itemType",2);n([r.n({type:String,reflect:!0,attribute:"slot-name"})],exports.LuzmoDroppableSlot.prototype,"slotName",2);n([r.n({type:Object})],exports.LuzmoDroppableSlot.prototype,"slotConfiguration",2);n([r.n({type:Object})],exports.LuzmoDroppableSlot.prototype,"slotContents",2);n([r.n({type:String,reflect:!0})],exports.LuzmoDroppableSlot.prototype,"label",2);n([r.n({type:String,reflect:!0})],exports.LuzmoDroppableSlot.prototype,"language",2);n([r.n({type:String,reflect:!0})],exports.LuzmoDroppableSlot.prototype,"menu",2);n([r.n({type:String,reflect:!0})],exports.LuzmoDroppableSlot.prototype,"placement",2);n([r.n({type:Boolean,reflect:!0,attribute:"hide-delete"})],exports.LuzmoDroppableSlot.prototype,"hideDelete",2);n([r.n({type:Boolean,reflect:!0,attribute:"hide-configuration"})],exports.LuzmoDroppableSlot.prototype,"hideConfiguration",2);n([S.e(".droppable-slot-label")],exports.LuzmoDroppableSlot.prototype,"_droppableSlotLabelElement",2);exports.LuzmoDroppableSlot=n([a.localized()],exports.LuzmoDroppableSlot);customElements.get("luzmo-droppable-slot")||customElements.define("luzmo-droppable-slot",exports.LuzmoDroppableSlot);

package/components/droppable-slot/index.js CHANGED Viewed

@@ -18,14 +18,14 @@
  * SOFTWARE.
  * */
 import { d as x } from "../get-css-variable-Bhbr-Kr1.js";
-import { m as f, t as C, s as w, l as S } from "../set-locale-DJYT4V7U.js";
-import { h as k } from "../task-Cr9aRIbV.js";
-import { O as z, M as _, v as L } from "../luzmo-icons-BE2T8vWu.js";
-import "../index-C8IL2IZ6.js";
-import { k as $, x as g, a as A, n as p } from "../property-B2F7x7Cz.js";
-import { m as D } from "../sized-mixin-BxMraZLS-B_y0PzR3.js";
-import { l as E } from "../localize-BX7q0S0M.js";
-import { e as M } from "../query-Ddbd72Um.js";
+import { m as f, t as C, s as S, l as w } from "../set-locale-DJYT4V7U.js";
+import { h as k } from "../task-gE27tBDv.js";
+import { O as z, M as _, v as L } from "../luzmo-icons-CmY3chvZ.js";
+import "../index-zFIy9Mwl.js";
+import { l as $ } from "../localize-BX7q0S0M.js";
+import { L as A, x as g, r as D, n as p } from "../focusable-Dw_pMNQL.js";
+import { e as E } from "../query-Ddbd72Um.js";
+import { S as M } from "../sized-mixin-DMuOVsw0.js";
 import "../slot-menu/index.js";
 const y = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
@@ -47,7 +47,7 @@ var T = Object.defineProperty, U = Object.getOwnPropertyDescriptor, n = (o, t, l
     (a = o[s]) && (r = (e ? a(t, l, r) : a(r)) || r);
   return e && r && T(t, l, r), r;
 };
-let i = class extends D($, {
+let i = class extends M(A, {
   validSizes: ["s", "m", "l", "xl"],
   noDefaultSize: !0
 }) {
@@ -129,7 +129,7 @@ let i = class extends D($, {
     o.preventDefault(), o.stopPropagation(), this.slotContents = [], this.changedSlotContents([]);
   }
   willUpdate(o) {
-    o.has("language") && ([...C].includes(this.language) || this.language === "en") && (w(this.language), this.requestUpdate()), o.has("slotContents") && (this._currentSlotContents = structuredClone(this.slotContents));
+    o.has("language") && ([...C].includes(this.language) || this.language === "en") && (S(this.language), this.requestUpdate()), o.has("slotContents") && (this._currentSlotContents = structuredClone(this.slotContents));
   }
   firstUpdated(o) {
     this._cleanupDroppable || (this._cleanupDroppable = x({
@@ -191,7 +191,7 @@ let i = class extends D($, {
     var e, r, s, a, d, c, m, u, b;
     let o = "";
     const t = v[(e = this.slotConfiguration) == null ? void 0 : e.label] ? v[(r = this.slotConfiguration) == null ? void 0 : r.label]() : (s = this.slotConfiguration) == null ? void 0 : s.label;
-    ((a = this._currentSlotContents) == null ? void 0 : a.length) === 1 ? o = E((c = (d = this._currentSlotContents) == null ? void 0 : d[0]) == null ? void 0 : c.label, this.language) ?? "Untitled" : ((m = this._currentSlotContents) == null ? void 0 : m.length) > 1 && (o = `${this._currentSlotContents.length} items`);
+    ((a = this._currentSlotContents) == null ? void 0 : a.length) === 1 ? o = $((c = (d = this._currentSlotContents) == null ? void 0 : d[0]) == null ? void 0 : c.label, this.language) ?? "Untitled" : ((m = this._currentSlotContents) == null ? void 0 : m.length) > 1 && (o = `${this._currentSlotContents.length} items`);
     let l = "";
     this.label ? l = this.label : t && (l = t), l = l || "Untitled", ((u = this._currentSlotContents) == null ? void 0 : u.length) > 0 && (l += ((b = this._currentSlotContents) == null ? void 0 : b.length) > 1 ? `: ${this._currentSlotContents.length} items` : `: ${o}`), this._droppableSlotLabelElement && (this._droppableSlotLabelElement.textContent = l);
   }
@@ -264,7 +264,7 @@ let i = class extends D($, {
     });
   }
 };
-i.styles = A(O);
+i.styles = D(O);
 n([
   p({ type: String, reflect: !0, attribute: "item-type" })
 ], i.prototype, "itemType", 2);
@@ -296,10 +296,10 @@ n([
   p({ type: Boolean, reflect: !0, attribute: "hide-configuration" })
 ], i.prototype, "hideConfiguration", 2);
 n([
-  M(".droppable-slot-label")
+  E(".droppable-slot-label")
 ], i.prototype, "_droppableSlotLabelElement", 2);
 i = n([
-  S()
+  w()
 ], i);
 customElements.get("luzmo-droppable-slot") || customElements.define("luzmo-droppable-slot", i);
 export {

package/components/edit-item/edit-item.d.ts CHANGED Viewed

@@ -1,9 +1,10 @@
 import '@luzmo/lucero/accordion';
 import '@luzmo/lucero/divider';
-import { ElementSize, LuzmoElement } from '@luzmo/lucero/utils';
+import { ElementSize, LuzmoElement } from '../../utils/base';
 import './../edit-option';
 /**
  * @element luzmo-edit-item
+ * @fires options-changed - Announces that the `options` of the element have changed
  */
 export declare class LuzmoEditItem extends LuzmoElement {
     static styles: import("lit").CSSResult;
@@ -47,6 +48,7 @@ export declare class LuzmoEditItem extends LuzmoElement {
     private _isCustomOptionsConfiguration;
     private renderAllGroups;
     private renderGroup;
+    private changedOptions;
     private renderOptionControl;
     private renderDivider;
     render(): import("lit-html").TemplateResult<1> | undefined;