@dativa-lv/lx-builders 2.3.5 → 2.3.6

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 (6) hide show
  1. package/dist/dativa-lx-builders.esm.js +945 -914
  2. package/dist/dativa-lx-builders.umd.js +1 -1
  3. package/dist/styles/lx-constructor.css +1 -1
  4. package/dist/types/components/constructor/Constructor.vue.d.ts +5 -1
  5. package/dist/types/components/constructor/PropRendererItem.vue.d.ts +65 -30
  6. package/package.json +3 -5
package/dist/styles/lx-constructor.css CHANGED
@@ -1 +1 @@
1
- .lx-panel>.panel-side{background-color:var(--color-region);width:var(--aside-size)}.lx-panel>.panel-side .config-header{height:var(--row-size);background-color:var(--color-layout-background);padding:0 .5rem}.lx-panel>.panel-side .config-header>.lx-context-container .popper-wrapper{width:100%}.lx-panel>.panel-side .config-header .header-wrapper{height:var(--row-size);justify-content:space-between;align-items:center;gap:.25rem;width:100%;display:flex}.lx-panel>.panel-side .config-header .header-wrapper>p{color:var(--color-nav-foreground);font-weight:var(--font-weight-bold)}.lx-panel>.panel-side .config-header .header-wrapper>svg{height:1.5rem;fill:var(--color-nav-foreground)}.lx-panel>.panel-side .config-header .lx-dropdown-toggler .header-wrapper:has(p){cursor:pointer}.lx-panel>.panel-side .panel-main>.button-group{border:var(--border-width-1) solid var(--color-chrome);border-right:none;grid-template-columns:1fr 1fr;display:grid}.lx-panel>.panel-side .settings-wrapper{padding:var(--space-0750);gap:var(--space-0750);flex-direction:column;display:flex}.lx-panel>.panel-side .panel-main>.button-group>.lx-button{--color-button-secondary-background:var(--color-region-2);--color-button-secondary-text:var(--color-data);--color-button-secondary-icon:var(--color-data);--button-secondary-border:var(--border-width-2) solid transparent}.lx-panel>.panel-side .button-group>.lx-button:first-child:after{content:" ";border-right:var(--border-width-1) solid var(--color-chrome);opacity:1;z-index:1;height:2rem;transition:opacity .1s ease-out;position:absolute;right:0}.lx-panel>.panel-side .button-group>.lx-button:first-child:hover:not(.lx-disabled):after{opacity:0}.lx-panel{top:calc(var(--nav-row-size) + 10vh);z-index:1000;flex-direction:row-reverse;display:flex;position:fixed;right:0}#constructor-overlay{z-index:100;pointer-events:none;width:100%;height:100dvh;position:absolute;top:0;left:0}.highlight{box-sizing:border-box;border:var(--border-width-2) solid var(--color-blue);z-index:100;pointer-events:none;background:0 0;transition:left .1s ease-out,top .1s ease-out;position:absolute}.highlight .highlight-toolbar{background:var(--color-blue);pointer-events:all;height:1.5rem;display:flex;position:absolute;top:-1.5rem;left:-.125rem}.highlight .highlight-toolbar>span{padding-inline:var(--space-0250);color:#fff}.highlight .highlight-toolbar .lx-button{--button-ghost-icon-only-height:1.5rem;--button-ghost-icon-only-width:1.5rem;--button-ghost-icon-only-min-width:1.5rem;--color-button-ghost-icon:white;--color-button-ghost-icon-focus:white;--button-ghost-icon-size:1.25rem}.lx:not(.lx-theme-contrast) .lx-panel .panel-side{--region-border-transparent:var(--border-width-1) solid var(--color-chrome)}.lx.lx-no-transparency .lx-panel .panel-side{--shadow-dropdown:inset 0 0 0 var(--border-width-1) var(--color-chrome)}.lx-panel .panel-side{box-shadow:var(--shadow-dropdown)}.lx-panel .panel-main{max-height:70vh;max-width:var(--aside-size);overflow-y:overlay}.lx-panel .panel-main .lx-form-grid .lx-main.lx-compact-sections>.lx-form-section{padding-left:calc(var(--gap-form) / 4);padding-right:calc(var(--gap-form) / 4)}.no-component-wrapper{padding:var(--space-0250)}.no-component-wrapper>.lx-empty-state-wrapper{width:100%}.panel-main .lx-form-grid>.lx-main .lx-row{max-width:calc(var(--aside-size) - 2rem)}.code-display>.code{white-space:pre;font-family:var(--font-family-mono);padding:var(--space-2000);background-color:var(--color-region-2);grid-column:1/3;margin:0;overflow:auto}.import-switcher{padding-bottom:var(--space-1000)}.highlight .highlight-toolbar-remove{right:-.125rem;left:unset}.custom-auto-complete-item-with-icon{grid-template-columns:auto 1fr;align-items:center;column-gap:.5rem;width:100%;height:1.5rem;display:grid}.custom-auto-complete-item-with-icon p.lx-data{align-self:center;min-height:0;margin:0;padding:0;font-weight:400}.custom-auto-complete-item-with-icon svg{width:1.5rem;height:1.5rem}.component-add-text{margin-bottom:var(--space-1000)}.lx-panel>.panel-side .config-header.has-selected-element{background-color:var(--color-blue);cursor:pointer}.lx-panel>.panel-side .config-header.has-selected-element:hover{background-color:var(--color-interactive-hover-background)}.lx-panel>.button-side>.lx-button{--color-button-secondary-background:var(--color-nav-background);--color-button-secondary-background-hover:var(--color-interactive-hover-background);--color-button-active-mode-background:var(--color-nav-item-background-selected);--color-button-secondary-icon:var(--color-nav-foreground);--color-button-active-mode-icon:var(--color-nav-item-icon-selected);--button-secondary-border:var(--button-secondary-border-width) solid transparent}.lx-panel>.panel-side .prop-search{border-left:var(--border-width-1) solid var(--color-chrome)}.lx-panel>.panel-side .config-header.has-selected-element .header-wrapper p{color:var(--color-focus-foreground)}.lx-panel>.panel-side .config-header.has-selected-element .header-wrapper svg{fill:var(--color-focus-foreground)}.lx-theme-contrast .highlight{border:var(--border-width-2) solid var(--contrast-hover)}.lx-theme-contrast .highlight .highlight-toolbar>span{color:var(--contrast-background)}.lx-theme-contrast .highlight .highlight-toolbar .lx-button{--color-button-ghost-icon:var(--contrast-background);--color-button-ghost-icon-focus:var(--contrast-background)}.lx-theme-contrast .lx-panel .button-side{border-top:var(--border-width-2) solid var(--contrast-foreground);border-bottom:var(--border-width-2) solid var(--contrast-foreground);height:fit-content}.lx-theme-contrast .lx-panel:not(:has(>.panel-side)){border-left:var(--border-width-2) solid var(--contrast-foreground)}.lx-theme-contrast .lx-panel>.panel-side{border:var(--border-width-2) solid var(--contrast-foreground)}.lx-theme-contrast .lx-panel .panel-side{box-shadow:none}.lx-theme-contrast .lx-panel>.panel-side .prop-search{border-left:none}.lx-theme-contrast .lx-panel>.panel-side .panel-main>.button-group,.lx-theme-contrast .lx-panel .panel-main .lx-form-grid{border:none}
1
+ .lx-panel>.panel-side{background-color:var(--color-region);width:var(--aside-size)}.lx-panel>.panel-side .config-header{height:var(--row-size);background-color:var(--color-layout-background);padding:0 .5rem}.lx-panel>.panel-side .config-header>.lx-context-container .popper-wrapper{width:100%}.lx-panel>.panel-side .config-header .header-wrapper{height:var(--row-size);justify-content:space-between;align-items:center;gap:.25rem;width:100%;display:flex}.lx-panel>.panel-side .config-header .header-wrapper>p{color:var(--color-nav-foreground);font-weight:var(--font-weight-bold)}.lx-panel>.panel-side .config-header .header-wrapper>svg{height:1.5rem;fill:var(--color-nav-foreground)}.lx-panel>.panel-side .config-header .lx-dropdown-toggler .header-wrapper:has(p){cursor:pointer}.lx-panel>.panel-side .panel-main>.button-group{border:var(--border-width-1) solid var(--color-chrome);border-right:none;grid-template-columns:1fr 1fr;display:grid}.lx-panel>.panel-side .settings-wrapper{padding:var(--space-0750);gap:var(--space-0750);flex-direction:column;display:flex}.lx-panel>.panel-side .panel-main>.button-group>.lx-button{--color-button-secondary-background:var(--color-region-2);--color-button-secondary-text:var(--color-data);--color-button-secondary-icon:var(--color-data);--button-secondary-border:var(--border-width-2) solid transparent}.lx-panel>.panel-side .button-group>.lx-button:first-child:after{content:" ";border-right:var(--border-width-1) solid var(--color-chrome);opacity:1;z-index:1;height:2rem;transition:opacity .1s ease-out;position:absolute;right:0}.lx-panel>.panel-side .button-group>.lx-button:first-child:hover:not(.lx-disabled):after{opacity:0}.lx-panel{top:calc(var(--nav-row-size) + 10vh);z-index:1000;flex-direction:row-reverse;display:flex;position:fixed;right:0}#constructor-overlay{z-index:100;pointer-events:none;width:100%;height:100dvh;position:absolute;top:0;left:0}.highlight{box-sizing:border-box;border:var(--border-width-2) solid var(--color-blue);z-index:100;pointer-events:none;background:0 0;transition:left .1s ease-out,top .1s ease-out;position:absolute}.highlight .highlight-toolbar{background:var(--color-blue);pointer-events:all;height:1.5rem;display:flex;position:absolute;top:-1.5rem;left:-.125rem}.highlight .highlight-toolbar>span{padding-inline:var(--space-0250);color:#fff}.highlight .highlight-toolbar .lx-button{--button-ghost-icon-only-height:1.5rem;--button-ghost-icon-only-width:1.5rem;--button-ghost-icon-only-min-width:1.5rem;--color-button-ghost-icon:white;--color-button-ghost-icon-focus:white;--button-ghost-icon-size:1.25rem}.lx:not(.lx-theme-contrast) .lx-panel .panel-side{--region-border-transparent:var(--border-width-1) solid var(--color-chrome)}.lx.lx-no-transparency .lx-panel .panel-side{--shadow-dropdown:inset 0 0 0 var(--border-width-1) var(--color-chrome)}.lx-panel .panel-side{box-shadow:var(--shadow-dropdown)}.lx-panel .panel-main{max-height:70vh;max-width:var(--aside-size);overflow-y:overlay}.lx-panel .panel-main .lx-form-grid .lx-main.lx-compact-sections>.lx-form-section{padding-left:calc(var(--gap-form) / 4);padding-right:calc(var(--gap-form) / 4)}.no-component-wrapper{padding:var(--space-0250)}.no-component-wrapper>.lx-empty-state-wrapper{width:100%}.panel-main .lx-form-grid>.lx-main .lx-row{max-width:calc(var(--aside-size) - 2rem)}.code-display>.code{white-space:pre;font-family:var(--font-family-mono);padding:var(--space-2000);background-color:var(--color-region-2);grid-column:1/3;margin:0;overflow:auto}.import-switcher{padding-bottom:var(--space-1000)}.highlight .highlight-toolbar-remove{right:-.125rem;left:unset}.custom-auto-complete-item-with-icon{grid-template-columns:auto 1fr;align-items:center;column-gap:.5rem;width:100%;height:1.5rem;display:grid}.custom-auto-complete-item-with-icon p.lx-data{align-self:center;min-height:0;margin:0;padding:0;font-weight:400}.custom-auto-complete-item-with-icon svg{width:1.5rem;height:1.5rem}.component-add-text{margin-bottom:var(--space-1000)}.lx-panel>.panel-side .config-header.has-selected-element{background-color:var(--color-blue);cursor:pointer}.lx-panel>.panel-side .config-header.has-selected-element:hover{background-color:var(--color-interactive-hover-background)}.lx-panel>.button-side>.lx-button{--color-button-secondary-background:var(--color-nav-background);--color-button-secondary-background-hover:var(--color-interactive-hover-background);--color-button-active-mode-background:var(--color-nav-item-background-selected);--color-button-secondary-icon:var(--color-nav-foreground);--color-button-active-mode-icon:var(--color-nav-item-icon-selected);--button-secondary-border:var(--button-secondary-border-width) solid transparent}.lx-panel>.panel-side .prop-search{border-left:var(--border-width-1) solid var(--color-chrome)}.lx-panel>.panel-side .config-header.has-selected-element .header-wrapper p{color:var(--color-focus-foreground)}.lx-panel>.panel-side .config-header.has-selected-element .header-wrapper svg{fill:var(--color-focus-foreground)}.lx-theme-contrast .highlight{border:var(--border-width-2) solid var(--contrast-hover)}.lx-theme-contrast .highlight .highlight-toolbar>span{color:var(--contrast-background)}.lx-theme-contrast .highlight .highlight-toolbar .lx-button{--color-button-ghost-icon:var(--contrast-background);--color-button-ghost-icon-focus:var(--contrast-background)}.lx-theme-contrast .lx-panel .button-side{border-top:var(--border-width-2) solid var(--contrast-foreground);border-bottom:var(--border-width-2) solid var(--contrast-foreground);height:fit-content}.lx-theme-contrast .lx-panel:not(:has(>.panel-side)){border-left:var(--border-width-2) solid var(--contrast-foreground)}.lx-theme-contrast .lx-panel>.panel-side{border:var(--border-width-2) solid var(--contrast-foreground)}.lx-theme-contrast .lx-panel .panel-side{box-shadow:none}.lx-theme-contrast .lx-panel>.panel-side .prop-search{border-left:none}.lx-theme-contrast .lx-panel>.panel-side .panel-main>.button-group,.lx-theme-contrast .lx-panel .panel-main .lx-form-grid{border:none}.lx-constructor .empty-schema .lx-view-layout .default-container{width:100%;height:50vh}
package/dist/types/components/constructor/Constructor.vue.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { nextTick } from 'vue';
2
+ declare function selectElement(e: any): void;
2
3
  declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
3
4
  schema: {
4
5
  type: ObjectConstructor;
@@ -16,7 +17,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
16
17
  type: StringConstructor;
17
18
  default: any;
18
19
  };
19
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
20
+ }>, {
21
+ selectElement: typeof selectElement;
22
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
20
23
  error: (...args: any[]) => void;
21
24
  "update:modelValue": (...args: any[]) => void;
22
25
  "update:schema": (...args: any[]) => void;
@@ -49,6 +52,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
49
52
  schema: Record<string, any>;
50
53
  panelTeleportTarget: string;
51
54
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
55
+ highlightToolbar: HTMLDivElement;
52
56
  exportModal: {
53
57
  $: import('vue').ComponentInternalInstance;
54
58
  $data: {};
package/dist/types/components/constructor/PropRendererItem.vue.d.ts CHANGED
@@ -120,6 +120,7 @@ declare const _default: import('vue').DefineComponent<{}, {
120
120
  [x: string]: unknown;
121
121
  } & {
122
122
  wrapperRef: HTMLDivElement;
123
+ listRef: HTMLDivElement;
123
124
  };
124
125
  $slots: Readonly<{
125
126
  [name: string]: import('vue').Slot<any>;
@@ -145,6 +146,7 @@ declare const _default: import('vue').DefineComponent<{}, {
145
146
  selectableAttribute: string;
146
147
  hasSelecting: boolean;
147
148
  toolbarActionDefinitions: unknown[];
149
+ hasVirtualization: boolean;
148
150
  columnCount: number;
149
151
  requiredMode: string;
150
152
  expandable: boolean;
@@ -174,6 +176,7 @@ declare const _default: import('vue').DefineComponent<{}, {
174
176
  readonly selectableAttribute?: string;
175
177
  readonly hasSelecting?: boolean;
176
178
  readonly toolbarActionDefinitions?: unknown[];
179
+ readonly hasVirtualization?: boolean;
177
180
  readonly columnCount?: number;
178
181
  readonly requiredMode?: string;
179
182
  readonly expandable?: boolean;
@@ -210,7 +213,7 @@ declare const _default: import('vue').DefineComponent<{}, {
210
213
  $forceUpdate: () => void;
211
214
  $nextTick: typeof import('vue').nextTick;
212
215
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
213
- } & Readonly<{}> & Omit<Readonly<{}>, "$props" | "$emit" | "modelValue" | "readOnly" | "columnCount" | "kind" | "requiredMode" | "canAddItems" | "texts" | "id" | "actionDefinitions" | "idAttribute" | "nameAttribute" | "selectionKind" | "labelId" | "uppercase" | "toolbarActionDefinitions" | "clearModel" | "stickyToolbar" | "selectableAttribute" | "hasSelecting" | "expandable" | "defaultExpanded" | "expandedAttribute" | "invalidAttribute" | "descriptionAttribute" | "iconAttribute" | "hideRemoveAttribute" | "removeEnableByAttribute" | "removeVisibleByAttribute" | "selectedValues"> & {
216
+ } & Readonly<{}> & Omit<Readonly<{}>, "$props" | "$emit" | "modelValue" | "readOnly" | "columnCount" | "kind" | "requiredMode" | "canAddItems" | "texts" | "id" | "actionDefinitions" | "idAttribute" | "nameAttribute" | "selectionKind" | "labelId" | "uppercase" | "toolbarActionDefinitions" | "clearModel" | "stickyToolbar" | "selectableAttribute" | "hasSelecting" | "hasVirtualization" | "expandable" | "defaultExpanded" | "expandedAttribute" | "invalidAttribute" | "descriptionAttribute" | "iconAttribute" | "hideRemoveAttribute" | "removeEnableByAttribute" | "removeVisibleByAttribute" | "selectedValues"> & {
214
217
  clearModel: () => any[];
215
218
  $emit: (event: "update:modelValue" | "actionClick" | "toolbarActionClick" | "update:selectedValues", ...args: any[]) => void;
216
219
  id: string;
@@ -226,6 +229,7 @@ declare const _default: import('vue').DefineComponent<{}, {
226
229
  selectableAttribute: string;
227
230
  hasSelecting: boolean;
228
231
  toolbarActionDefinitions: unknown[];
232
+ hasVirtualization: boolean;
229
233
  columnCount: number;
230
234
  requiredMode: string;
231
235
  expandable: boolean;
@@ -255,6 +259,7 @@ declare const _default: import('vue').DefineComponent<{}, {
255
259
  readonly selectableAttribute?: string;
256
260
  readonly hasSelecting?: boolean;
257
261
  readonly toolbarActionDefinitions?: unknown[];
262
+ readonly hasVirtualization?: boolean;
258
263
  readonly columnCount?: number;
259
264
  readonly requiredMode?: string;
260
265
  readonly expandable?: boolean;
@@ -273,16 +278,18 @@ declare const _default: import('vue').DefineComponent<{}, {
273
278
  };
274
279
  } & {} & import('vue').ComponentCustomProperties & {} & {
275
280
  $slots: {
281
+ leftToolbar?(_: {}): any;
282
+ toolbar?(_: {}): any;
276
283
  customItem?(_: {
277
- item: unknown;
278
- index: number;
284
+ item: any;
285
+ index: any;
279
286
  }): any;
280
287
  customItem?(_: {
281
- item: unknown;
282
- index: number;
288
+ item: any;
289
+ index: any;
283
290
  }): any;
284
291
  customHeader?(_: {
285
- item: unknown;
292
+ item: any;
286
293
  expanded: any;
287
294
  }): any;
288
295
  };
@@ -392,6 +399,7 @@ declare const _default: import('vue').DefineComponent<{}, {
392
399
  [x: string]: unknown;
393
400
  } & {
394
401
  wrapperRef: HTMLDivElement;
402
+ listRef: HTMLDivElement;
395
403
  };
396
404
  $slots: Readonly<{
397
405
  [name: string]: import('vue').Slot<any>;
@@ -417,6 +425,7 @@ declare const _default: import('vue').DefineComponent<{}, {
417
425
  selectableAttribute: string;
418
426
  hasSelecting: boolean;
419
427
  toolbarActionDefinitions: unknown[];
428
+ hasVirtualization: boolean;
420
429
  columnCount: number;
421
430
  requiredMode: string;
422
431
  expandable: boolean;
@@ -446,6 +455,7 @@ declare const _default: import('vue').DefineComponent<{}, {
446
455
  readonly selectableAttribute?: string;
447
456
  readonly hasSelecting?: boolean;
448
457
  readonly toolbarActionDefinitions?: unknown[];
458
+ readonly hasVirtualization?: boolean;
449
459
  readonly columnCount?: number;
450
460
  readonly requiredMode?: string;
451
461
  readonly expandable?: boolean;
@@ -482,7 +492,7 @@ declare const _default: import('vue').DefineComponent<{}, {
482
492
  $forceUpdate: () => void;
483
493
  $nextTick: typeof import('vue').nextTick;
484
494
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
485
- } & Readonly<{}> & Omit<Readonly<{}>, "$props" | "$emit" | "modelValue" | "readOnly" | "columnCount" | "kind" | "requiredMode" | "canAddItems" | "texts" | "id" | "actionDefinitions" | "idAttribute" | "nameAttribute" | "selectionKind" | "labelId" | "uppercase" | "toolbarActionDefinitions" | "clearModel" | "stickyToolbar" | "selectableAttribute" | "hasSelecting" | "expandable" | "defaultExpanded" | "expandedAttribute" | "invalidAttribute" | "descriptionAttribute" | "iconAttribute" | "hideRemoveAttribute" | "removeEnableByAttribute" | "removeVisibleByAttribute" | "selectedValues"> & {
495
+ } & Readonly<{}> & Omit<Readonly<{}>, "$props" | "$emit" | "modelValue" | "readOnly" | "columnCount" | "kind" | "requiredMode" | "canAddItems" | "texts" | "id" | "actionDefinitions" | "idAttribute" | "nameAttribute" | "selectionKind" | "labelId" | "uppercase" | "toolbarActionDefinitions" | "clearModel" | "stickyToolbar" | "selectableAttribute" | "hasSelecting" | "hasVirtualization" | "expandable" | "defaultExpanded" | "expandedAttribute" | "invalidAttribute" | "descriptionAttribute" | "iconAttribute" | "hideRemoveAttribute" | "removeEnableByAttribute" | "removeVisibleByAttribute" | "selectedValues"> & {
486
496
  clearModel: () => any[];
487
497
  $emit: (event: "update:modelValue" | "actionClick" | "toolbarActionClick" | "update:selectedValues", ...args: any[]) => void;
488
498
  id: string;
@@ -498,6 +508,7 @@ declare const _default: import('vue').DefineComponent<{}, {
498
508
  selectableAttribute: string;
499
509
  hasSelecting: boolean;
500
510
  toolbarActionDefinitions: unknown[];
511
+ hasVirtualization: boolean;
501
512
  columnCount: number;
502
513
  requiredMode: string;
503
514
  expandable: boolean;
@@ -527,6 +538,7 @@ declare const _default: import('vue').DefineComponent<{}, {
527
538
  readonly selectableAttribute?: string;
528
539
  readonly hasSelecting?: boolean;
529
540
  readonly toolbarActionDefinitions?: unknown[];
541
+ readonly hasVirtualization?: boolean;
530
542
  readonly columnCount?: number;
531
543
  readonly requiredMode?: string;
532
544
  readonly expandable?: boolean;
@@ -545,16 +557,18 @@ declare const _default: import('vue').DefineComponent<{}, {
545
557
  };
546
558
  } & {} & import('vue').ComponentCustomProperties & {} & {
547
559
  $slots: {
560
+ leftToolbar?(_: {}): any;
561
+ toolbar?(_: {}): any;
548
562
  customItem?(_: {
549
- item: unknown;
550
- index: number;
563
+ item: any;
564
+ index: any;
551
565
  }): any;
552
566
  customItem?(_: {
553
- item: unknown;
554
- index: number;
567
+ item: any;
568
+ index: any;
555
569
  }): any;
556
570
  customHeader?(_: {
557
- item: unknown;
571
+ item: any;
558
572
  expanded: any;
559
573
  }): any;
560
574
  };
@@ -664,6 +678,7 @@ declare const _default: import('vue').DefineComponent<{}, {
664
678
  [x: string]: unknown;
665
679
  } & {
666
680
  wrapperRef: HTMLDivElement;
681
+ listRef: HTMLDivElement;
667
682
  };
668
683
  $slots: Readonly<{
669
684
  [name: string]: import('vue').Slot<any>;
@@ -689,6 +704,7 @@ declare const _default: import('vue').DefineComponent<{}, {
689
704
  selectableAttribute: string;
690
705
  hasSelecting: boolean;
691
706
  toolbarActionDefinitions: unknown[];
707
+ hasVirtualization: boolean;
692
708
  columnCount: number;
693
709
  requiredMode: string;
694
710
  expandable: boolean;
@@ -718,6 +734,7 @@ declare const _default: import('vue').DefineComponent<{}, {
718
734
  readonly selectableAttribute?: string;
719
735
  readonly hasSelecting?: boolean;
720
736
  readonly toolbarActionDefinitions?: unknown[];
737
+ readonly hasVirtualization?: boolean;
721
738
  readonly columnCount?: number;
722
739
  readonly requiredMode?: string;
723
740
  readonly expandable?: boolean;
@@ -754,7 +771,7 @@ declare const _default: import('vue').DefineComponent<{}, {
754
771
  $forceUpdate: () => void;
755
772
  $nextTick: typeof import('vue').nextTick;
756
773
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
757
- } & Readonly<{}> & Omit<Readonly<{}>, "$props" | "$emit" | "modelValue" | "readOnly" | "columnCount" | "kind" | "requiredMode" | "canAddItems" | "texts" | "id" | "actionDefinitions" | "idAttribute" | "nameAttribute" | "selectionKind" | "labelId" | "uppercase" | "toolbarActionDefinitions" | "clearModel" | "stickyToolbar" | "selectableAttribute" | "hasSelecting" | "expandable" | "defaultExpanded" | "expandedAttribute" | "invalidAttribute" | "descriptionAttribute" | "iconAttribute" | "hideRemoveAttribute" | "removeEnableByAttribute" | "removeVisibleByAttribute" | "selectedValues"> & {
774
+ } & Readonly<{}> & Omit<Readonly<{}>, "$props" | "$emit" | "modelValue" | "readOnly" | "columnCount" | "kind" | "requiredMode" | "canAddItems" | "texts" | "id" | "actionDefinitions" | "idAttribute" | "nameAttribute" | "selectionKind" | "labelId" | "uppercase" | "toolbarActionDefinitions" | "clearModel" | "stickyToolbar" | "selectableAttribute" | "hasSelecting" | "hasVirtualization" | "expandable" | "defaultExpanded" | "expandedAttribute" | "invalidAttribute" | "descriptionAttribute" | "iconAttribute" | "hideRemoveAttribute" | "removeEnableByAttribute" | "removeVisibleByAttribute" | "selectedValues"> & {
758
775
  clearModel: () => any[];
759
776
  $emit: (event: "update:modelValue" | "actionClick" | "toolbarActionClick" | "update:selectedValues", ...args: any[]) => void;
760
777
  id: string;
@@ -770,6 +787,7 @@ declare const _default: import('vue').DefineComponent<{}, {
770
787
  selectableAttribute: string;
771
788
  hasSelecting: boolean;
772
789
  toolbarActionDefinitions: unknown[];
790
+ hasVirtualization: boolean;
773
791
  columnCount: number;
774
792
  requiredMode: string;
775
793
  expandable: boolean;
@@ -799,6 +817,7 @@ declare const _default: import('vue').DefineComponent<{}, {
799
817
  readonly selectableAttribute?: string;
800
818
  readonly hasSelecting?: boolean;
801
819
  readonly toolbarActionDefinitions?: unknown[];
820
+ readonly hasVirtualization?: boolean;
802
821
  readonly columnCount?: number;
803
822
  readonly requiredMode?: string;
804
823
  readonly expandable?: boolean;
@@ -817,16 +836,18 @@ declare const _default: import('vue').DefineComponent<{}, {
817
836
  };
818
837
  } & {} & import('vue').ComponentCustomProperties & {} & {
819
838
  $slots: {
839
+ leftToolbar?(_: {}): any;
840
+ toolbar?(_: {}): any;
820
841
  customItem?(_: {
821
- item: unknown;
822
- index: number;
842
+ item: any;
843
+ index: any;
823
844
  }): any;
824
845
  customItem?(_: {
825
- item: unknown;
826
- index: number;
846
+ item: any;
847
+ index: any;
827
848
  }): any;
828
849
  customHeader?(_: {
829
- item: unknown;
850
+ item: any;
830
851
  expanded: any;
831
852
  }): any;
832
853
  };
@@ -936,6 +957,7 @@ declare const _default: import('vue').DefineComponent<{}, {
936
957
  [x: string]: unknown;
937
958
  } & {
938
959
  wrapperRef: HTMLDivElement;
960
+ listRef: HTMLDivElement;
939
961
  };
940
962
  $slots: Readonly<{
941
963
  [name: string]: import('vue').Slot<any>;
@@ -961,6 +983,7 @@ declare const _default: import('vue').DefineComponent<{}, {
961
983
  selectableAttribute: string;
962
984
  hasSelecting: boolean;
963
985
  toolbarActionDefinitions: unknown[];
986
+ hasVirtualization: boolean;
964
987
  columnCount: number;
965
988
  requiredMode: string;
966
989
  expandable: boolean;
@@ -990,6 +1013,7 @@ declare const _default: import('vue').DefineComponent<{}, {
990
1013
  readonly selectableAttribute?: string;
991
1014
  readonly hasSelecting?: boolean;
992
1015
  readonly toolbarActionDefinitions?: unknown[];
1016
+ readonly hasVirtualization?: boolean;
993
1017
  readonly columnCount?: number;
994
1018
  readonly requiredMode?: string;
995
1019
  readonly expandable?: boolean;
@@ -1026,7 +1050,7 @@ declare const _default: import('vue').DefineComponent<{}, {
1026
1050
  $forceUpdate: () => void;
1027
1051
  $nextTick: typeof import('vue').nextTick;
1028
1052
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
1029
- } & Readonly<{}> & Omit<Readonly<{}>, "$props" | "$emit" | "modelValue" | "readOnly" | "columnCount" | "kind" | "requiredMode" | "canAddItems" | "texts" | "id" | "actionDefinitions" | "idAttribute" | "nameAttribute" | "selectionKind" | "labelId" | "uppercase" | "toolbarActionDefinitions" | "clearModel" | "stickyToolbar" | "selectableAttribute" | "hasSelecting" | "expandable" | "defaultExpanded" | "expandedAttribute" | "invalidAttribute" | "descriptionAttribute" | "iconAttribute" | "hideRemoveAttribute" | "removeEnableByAttribute" | "removeVisibleByAttribute" | "selectedValues"> & {
1053
+ } & Readonly<{}> & Omit<Readonly<{}>, "$props" | "$emit" | "modelValue" | "readOnly" | "columnCount" | "kind" | "requiredMode" | "canAddItems" | "texts" | "id" | "actionDefinitions" | "idAttribute" | "nameAttribute" | "selectionKind" | "labelId" | "uppercase" | "toolbarActionDefinitions" | "clearModel" | "stickyToolbar" | "selectableAttribute" | "hasSelecting" | "hasVirtualization" | "expandable" | "defaultExpanded" | "expandedAttribute" | "invalidAttribute" | "descriptionAttribute" | "iconAttribute" | "hideRemoveAttribute" | "removeEnableByAttribute" | "removeVisibleByAttribute" | "selectedValues"> & {
1030
1054
  clearModel: () => any[];
1031
1055
  $emit: (event: "update:modelValue" | "actionClick" | "toolbarActionClick" | "update:selectedValues", ...args: any[]) => void;
1032
1056
  id: string;
@@ -1042,6 +1066,7 @@ declare const _default: import('vue').DefineComponent<{}, {
1042
1066
  selectableAttribute: string;
1043
1067
  hasSelecting: boolean;
1044
1068
  toolbarActionDefinitions: unknown[];
1069
+ hasVirtualization: boolean;
1045
1070
  columnCount: number;
1046
1071
  requiredMode: string;
1047
1072
  expandable: boolean;
@@ -1071,6 +1096,7 @@ declare const _default: import('vue').DefineComponent<{}, {
1071
1096
  readonly selectableAttribute?: string;
1072
1097
  readonly hasSelecting?: boolean;
1073
1098
  readonly toolbarActionDefinitions?: unknown[];
1099
+ readonly hasVirtualization?: boolean;
1074
1100
  readonly columnCount?: number;
1075
1101
  readonly requiredMode?: string;
1076
1102
  readonly expandable?: boolean;
@@ -1089,16 +1115,18 @@ declare const _default: import('vue').DefineComponent<{}, {
1089
1115
  };
1090
1116
  } & {} & import('vue').ComponentCustomProperties & {} & {
1091
1117
  $slots: {
1118
+ leftToolbar?(_: {}): any;
1119
+ toolbar?(_: {}): any;
1092
1120
  customItem?(_: {
1093
- item: unknown;
1094
- index: number;
1121
+ item: any;
1122
+ index: any;
1095
1123
  }): any;
1096
1124
  customItem?(_: {
1097
- item: unknown;
1098
- index: number;
1125
+ item: any;
1126
+ index: any;
1099
1127
  }): any;
1100
1128
  customHeader?(_: {
1101
- item: unknown;
1129
+ item: any;
1102
1130
  expanded: any;
1103
1131
  }): any;
1104
1132
  };
@@ -1304,6 +1332,7 @@ declare const _default: import('vue').DefineComponent<{}, {
1304
1332
  [x: string]: unknown;
1305
1333
  } & {
1306
1334
  wrapperRef: HTMLDivElement;
1335
+ listRef: HTMLDivElement;
1307
1336
  };
1308
1337
  $slots: Readonly<{
1309
1338
  [name: string]: import('vue').Slot<any>;
@@ -1329,6 +1358,7 @@ declare const _default: import('vue').DefineComponent<{}, {
1329
1358
  selectableAttribute: string;
1330
1359
  hasSelecting: boolean;
1331
1360
  toolbarActionDefinitions: unknown[];
1361
+ hasVirtualization: boolean;
1332
1362
  columnCount: number;
1333
1363
  requiredMode: string;
1334
1364
  expandable: boolean;
@@ -1358,6 +1388,7 @@ declare const _default: import('vue').DefineComponent<{}, {
1358
1388
  readonly selectableAttribute?: string;
1359
1389
  readonly hasSelecting?: boolean;
1360
1390
  readonly toolbarActionDefinitions?: unknown[];
1391
+ readonly hasVirtualization?: boolean;
1361
1392
  readonly columnCount?: number;
1362
1393
  readonly requiredMode?: string;
1363
1394
  readonly expandable?: boolean;
@@ -1394,7 +1425,7 @@ declare const _default: import('vue').DefineComponent<{}, {
1394
1425
  $forceUpdate: () => void;
1395
1426
  $nextTick: typeof import('vue').nextTick;
1396
1427
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
1397
- } & Readonly<{}> & Omit<Readonly<{}>, "$props" | "$emit" | "modelValue" | "readOnly" | "columnCount" | "kind" | "requiredMode" | "canAddItems" | "texts" | "id" | "actionDefinitions" | "idAttribute" | "nameAttribute" | "selectionKind" | "labelId" | "uppercase" | "toolbarActionDefinitions" | "clearModel" | "stickyToolbar" | "selectableAttribute" | "hasSelecting" | "expandable" | "defaultExpanded" | "expandedAttribute" | "invalidAttribute" | "descriptionAttribute" | "iconAttribute" | "hideRemoveAttribute" | "removeEnableByAttribute" | "removeVisibleByAttribute" | "selectedValues"> & {
1428
+ } & Readonly<{}> & Omit<Readonly<{}>, "$props" | "$emit" | "modelValue" | "readOnly" | "columnCount" | "kind" | "requiredMode" | "canAddItems" | "texts" | "id" | "actionDefinitions" | "idAttribute" | "nameAttribute" | "selectionKind" | "labelId" | "uppercase" | "toolbarActionDefinitions" | "clearModel" | "stickyToolbar" | "selectableAttribute" | "hasSelecting" | "hasVirtualization" | "expandable" | "defaultExpanded" | "expandedAttribute" | "invalidAttribute" | "descriptionAttribute" | "iconAttribute" | "hideRemoveAttribute" | "removeEnableByAttribute" | "removeVisibleByAttribute" | "selectedValues"> & {
1398
1429
  clearModel: () => any[];
1399
1430
  $emit: (event: "update:modelValue" | "actionClick" | "toolbarActionClick" | "update:selectedValues", ...args: any[]) => void;
1400
1431
  id: string;
@@ -1410,6 +1441,7 @@ declare const _default: import('vue').DefineComponent<{}, {
1410
1441
  selectableAttribute: string;
1411
1442
  hasSelecting: boolean;
1412
1443
  toolbarActionDefinitions: unknown[];
1444
+ hasVirtualization: boolean;
1413
1445
  columnCount: number;
1414
1446
  requiredMode: string;
1415
1447
  expandable: boolean;
@@ -1439,6 +1471,7 @@ declare const _default: import('vue').DefineComponent<{}, {
1439
1471
  readonly selectableAttribute?: string;
1440
1472
  readonly hasSelecting?: boolean;
1441
1473
  readonly toolbarActionDefinitions?: unknown[];
1474
+ readonly hasVirtualization?: boolean;
1442
1475
  readonly columnCount?: number;
1443
1476
  readonly requiredMode?: string;
1444
1477
  readonly expandable?: boolean;
@@ -1457,16 +1490,18 @@ declare const _default: import('vue').DefineComponent<{}, {
1457
1490
  };
1458
1491
  } & {} & import('vue').ComponentCustomProperties & {} & {
1459
1492
  $slots: {
1493
+ leftToolbar?(_: {}): any;
1494
+ toolbar?(_: {}): any;
1460
1495
  customItem?(_: {
1461
- item: unknown;
1462
- index: number;
1496
+ item: any;
1497
+ index: any;
1463
1498
  }): any;
1464
1499
  customItem?(_: {
1465
- item: unknown;
1466
- index: number;
1500
+ item: any;
1501
+ index: any;
1467
1502
  }): any;
1468
1503
  customHeader?(_: {
1469
- item: unknown;
1504
+ item: any;
1470
1505
  expanded: any;
1471
1506
  }): any;
1472
1507
  };
package/package.json CHANGED
@@ -33,7 +33,7 @@
33
33
  "./dist/styles/*": "./dist/styles/*"
34
34
  },
35
35
  "packageManager": "bun@1.3.14",
36
- "version": "2.3.5",
36
+ "version": "2.3.6",
37
37
  "scripts": {
38
38
  "dev": "vite --host",
39
39
  "build:lib": "bun vite build --mode lib",
@@ -44,7 +44,7 @@
44
44
  "test": "bun vitest --mode lib"
45
45
  },
46
46
  "dependencies": {
47
- "@dativa-lv/lx-ui": "2.3.5",
47
+ "@dativa-lv/lx-ui": "2.3.6",
48
48
  "@vue/test-utils": "^2.4.3",
49
49
  "@vuelidate/core": "^2.0.3",
50
50
  "@vuelidate/validators": "^2.0.4",
@@ -79,8 +79,6 @@
79
79
  "ajv": "^8.5.0"
80
80
  },
81
81
  "overrides": {
82
- "brace-expansion": "5.0.9",
83
- "minimatch": "10.2.3",
84
82
  "js-cookie": "3.0.7",
85
83
  "flatted": "3.4.2",
86
84
  "markdown-it": "14.2.0",
@@ -90,6 +88,6 @@
90
88
  },
91
89
  "peerDependencies": {
92
90
  "vue": "^3.5.17",
93
- "@dativa-lv/lx-ui": "2.3.5"
91
+ "@dativa-lv/lx-ui": "2.3.6"
94
92
  }
95
93
  }