@luzmo/analytics-components-kit 1.0.1-alpha.86 → 1.0.1-alpha.89

package/angular/esm/components/draggable-data-item.component.js

@@ -6,29 +6,23 @@ export class DraggableDataItemComponent {
     disabled;
     hideSublevels;
     hideTypeIcon;
-    secondaryIconType;
-    label;
-    description;
     data;
     size;
     dataItemDropped = new EventEmitter();
     dataItemDragStarted = new EventEmitter();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: DraggableDataItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: DraggableDataItemComponent, isStandalone: true, selector: "luzmo-draggable-data-item", inputs: { variant: "variant", language: "language", disabled: "disabled", hideSublevels: "hideSublevels", hideTypeIcon: "hideTypeIcon", secondaryIconType: "secondaryIconType", label: "label", description: "description", data: "data", size: "size" }, outputs: { dataItemDropped: "dataItemDropped", dataItemDragStarted: "dataItemDragStarted" }, ngImport: i0, template: `<luzmo-draggable-data-item
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: DraggableDataItemComponent, isStandalone: true, selector: "luzmo-draggable-data-item", inputs: { variant: "variant", language: "language", disabled: "disabled", hideSublevels: "hideSublevels", hideTypeIcon: "hideTypeIcon", data: "data", size: "size" }, outputs: { dataItemDropped: "dataItemDropped", dataItemDragStarted: "dataItemDragStarted" }, ngImport: i0, template: `<luzmo-draggable-data-item
         [attr.variant]="variant"
         [attr.language]="language"
         [attr.disabled]="disabled"
         [attr.hide-sublevels]="hideSublevels"
         [attr.hide-type-icon]="hideTypeIcon"
-        [attr.secondary-icon-type]="secondaryIconType"
-        [attr.label]="label"
-        [attr.description]="description"
         [attr.data]="data"
         [attr.size]="size"
         (data-item-dropped)="dataItemDropped.emit($event)"
         (data-item-drag-started)="dataItemDragStarted.emit($event)">
   <ng-content></ng-content>
-</luzmo-draggable-data-item>`, isInline: true, dependencies: [{ kind: "component", type: DraggableDataItemComponent, selector: "luzmo-draggable-data-item", inputs: ["variant", "language", "disabled", "hideSublevels", "hideTypeIcon", "secondaryIconType", "label", "description", "data", "size"], outputs: ["dataItemDropped", "dataItemDragStarted"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+</luzmo-draggable-data-item>`, isInline: true, dependencies: [{ kind: "component", type: DraggableDataItemComponent, selector: "luzmo-draggable-data-item", inputs: ["variant", "language", "disabled", "hideSublevels", "hideTypeIcon", "data", "size"], outputs: ["dataItemDropped", "dataItemDragStarted"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: DraggableDataItemComponent, decorators: [{
             type: Component,
@@ -42,9 +36,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
         [attr.disabled]="disabled"
         [attr.hide-sublevels]="hideSublevels"
         [attr.hide-type-icon]="hideTypeIcon"
-        [attr.secondary-icon-type]="secondaryIconType"
-        [attr.label]="label"
-        [attr.description]="description"
         [attr.data]="data"
         [attr.size]="size"
         (data-item-dropped)="dataItemDropped.emit($event)"
@@ -62,12 +53,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
                 type: Input
             }], hideTypeIcon: [{
                 type: Input
-            }], secondaryIconType: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], description: [{
-                type: Input
             }], data: [{
                 type: Input
             }], size: [{

package/angular/esm/components/droppable-slot/index.d.ts

@@ -0,0 +1 @@
+export * from './types';

package/angular/esm/components/droppable-slot/index.js

@@ -0,0 +1 @@
+export * from './types';

package/angular/esm/components/droppable-slot/types.d.ts

@@ -0,0 +1,9 @@
+import { ColumnType, FormulaType, GenericSlotContent, SlotConfig } from '@luzmo/dashboard-contents-types';
+export type DroppableSlotConfiguration = Omit<SlotConfig, 'acceptableColumnTypes' | 'canAcceptMultipleColumns'> & {
+    acceptableDataItemTypes?: (ColumnType | FormulaType)[];
+    canAcceptMultipleDataItems?: boolean;
+};
+export interface SlotContentsChangedEventDetail {
+    slotContents: GenericSlotContent[];
+    linkedDatasetsIds: string[];
+}

package/angular/esm/components/droppable-slot/types.js

@@ -0,0 +1 @@
+export {};

package/angular/esm/components/droppable-slot.component.d.ts

@@ -1,14 +1,15 @@
 import { EventEmitter } from '@angular/core';
-import type { VizItemType, SlotName, VizItemSlots, Placement } from '../types';
+import type { VizItemType, SlotName, DroppableSlotConfiguration, VizItemSlots, Placement, SlotContentsChangedEventDetail } from '../types';
 import * as i0 from "@angular/core";
 export declare class DroppableSlotComponent {
     itemType?: VizItemType;
     slotName?: SlotName;
-    slotConfiguration?: any;
+    slotConfiguration?: DroppableSlotConfiguration;
     slotsContents?: VizItemSlots;
     label?: string;
     language?: string;
     dragBoundary?: string;
+    rotate?: boolean;
     apiUrl?: string;
     authKey?: string;
     authToken?: string;
@@ -20,7 +21,7 @@ export declare class DroppableSlotComponent {
     slotMenuInactive: EventEmitter<CustomEvent<any>>;
     slotMenuActive: EventEmitter<CustomEvent<any>>;
     slotMenuHighlight: EventEmitter<CustomEvent<any>>;
-    slotContentsChanged: EventEmitter<CustomEvent<any>>;
+    slotContentsChanged: EventEmitter<CustomEvent<SlotContentsChangedEventDetail>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DroppableSlotComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DroppableSlotComponent, "luzmo-droppable-slot", never, { "itemType": { "alias": "itemType"; "required": false; }; "slotName": { "alias": "slotName"; "required": false; }; "slotConfiguration": { "alias": "slotConfiguration"; "required": false; }; "slotsContents": { "alias": "slotsContents"; "required": false; }; "label": { "alias": "label"; "required": false; }; "language": { "alias": "language"; "required": false; }; "dragBoundary": { "alias": "dragBoundary"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "hideDelete": { "alias": "hideDelete"; "required": false; }; "hideConfiguration": { "alias": "hideConfiguration"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "slotMenuInactive": "slotMenuInactive"; "slotMenuActive": "slotMenuActive"; "slotMenuHighlight": "slotMenuHighlight"; "slotContentsChanged": "slotContentsChanged"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DroppableSlotComponent, "luzmo-droppable-slot", never, { "itemType": { "alias": "itemType"; "required": false; }; "slotName": { "alias": "slotName"; "required": false; }; "slotConfiguration": { "alias": "slotConfiguration"; "required": false; }; "slotsContents": { "alias": "slotsContents"; "required": false; }; "label": { "alias": "label"; "required": false; }; "language": { "alias": "language"; "required": false; }; "dragBoundary": { "alias": "dragBoundary"; "required": false; }; "rotate": { "alias": "rotate"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "hideDelete": { "alias": "hideDelete"; "required": false; }; "hideConfiguration": { "alias": "hideConfiguration"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "slotMenuInactive": "slotMenuInactive"; "slotMenuActive": "slotMenuActive"; "slotMenuHighlight": "slotMenuHighlight"; "slotContentsChanged": "slotContentsChanged"; }, never, ["*"], true, never>;
 }

package/angular/esm/components/droppable-slot.component.js

@@ -8,6 +8,7 @@ export class DroppableSlotComponent {
     label;
     language;
     dragBoundary;
+    rotate;
     apiUrl;
     authKey;
     authToken;
@@ -21,7 +22,7 @@ export class DroppableSlotComponent {
     slotMenuHighlight = new EventEmitter();
     slotContentsChanged = new EventEmitter();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: DroppableSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: DroppableSlotComponent, isStandalone: true, selector: "luzmo-droppable-slot", inputs: { itemType: "itemType", slotName: "slotName", slotConfiguration: "slotConfiguration", slotsContents: "slotsContents", label: "label", language: "language", dragBoundary: "dragBoundary", apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", menu: "menu", placement: "placement", hideDelete: "hideDelete", hideConfiguration: "hideConfiguration", size: "size" }, outputs: { slotMenuInactive: "slotMenuInactive", slotMenuActive: "slotMenuActive", slotMenuHighlight: "slotMenuHighlight", slotContentsChanged: "slotContentsChanged" }, ngImport: i0, template: `<luzmo-droppable-slot
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: DroppableSlotComponent, isStandalone: true, selector: "luzmo-droppable-slot", inputs: { itemType: "itemType", slotName: "slotName", slotConfiguration: "slotConfiguration", slotsContents: "slotsContents", label: "label", language: "language", dragBoundary: "dragBoundary", rotate: "rotate", apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", menu: "menu", placement: "placement", hideDelete: "hideDelete", hideConfiguration: "hideConfiguration", size: "size" }, outputs: { slotMenuInactive: "slotMenuInactive", slotMenuActive: "slotMenuActive", slotMenuHighlight: "slotMenuHighlight", slotContentsChanged: "slotContentsChanged" }, ngImport: i0, template: `<luzmo-droppable-slot
         [attr.item-type]="itemType"
         [attr.slot-name]="slotName"
         [attr.slotConfiguration]="slotConfiguration"
@@ -29,6 +30,7 @@ export class DroppableSlotComponent {
         [attr.label]="label"
         [attr.language]="language"
         [attr.drag-boundary]="dragBoundary"
+        [attr.rotate]="rotate"
         [attr.api-url]="apiUrl"
         [attr.auth-key]="authKey"
         [attr.auth-token]="authToken"
@@ -42,7 +44,7 @@ export class DroppableSlotComponent {
         (slot-menu-highlight)="slotMenuHighlight.emit($event)"
         (slot-contents-changed)="slotContentsChanged.emit($event)">
   <ng-content></ng-content>
-</luzmo-droppable-slot>`, isInline: true, dependencies: [{ kind: "component", type: DroppableSlotComponent, selector: "luzmo-droppable-slot", inputs: ["itemType", "slotName", "slotConfiguration", "slotsContents", "label", "language", "dragBoundary", "apiUrl", "authKey", "authToken", "menu", "placement", "hideDelete", "hideConfiguration", "size"], outputs: ["slotMenuInactive", "slotMenuActive", "slotMenuHighlight", "slotContentsChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+</luzmo-droppable-slot>`, isInline: true, dependencies: [{ kind: "component", type: DroppableSlotComponent, selector: "luzmo-droppable-slot", inputs: ["itemType", "slotName", "slotConfiguration", "slotsContents", "label", "language", "dragBoundary", "rotate", "apiUrl", "authKey", "authToken", "menu", "placement", "hideDelete", "hideConfiguration", "size"], outputs: ["slotMenuInactive", "slotMenuActive", "slotMenuHighlight", "slotContentsChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: DroppableSlotComponent, decorators: [{
             type: Component,
@@ -58,6 +60,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
         [attr.label]="label"
         [attr.language]="language"
         [attr.drag-boundary]="dragBoundary"
+        [attr.rotate]="rotate"
         [attr.api-url]="apiUrl"
         [attr.auth-key]="authKey"
         [attr.auth-token]="authToken"
@@ -87,6 +90,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
                 type: Input
             }], dragBoundary: [{
                 type: Input
+            }], rotate: [{
+                type: Input
             }], apiUrl: [{
                 type: Input
             }], authKey: [{

package/angular/esm/components/slot-menu/index.d.ts

@@ -0,0 +1 @@
+export * from './types';

package/angular/esm/components/slot-menu/index.js

@@ -0,0 +1 @@
+export * from './types';

package/angular/esm/components/slot-menu/types.d.ts

@@ -0,0 +1,25 @@
+import { GenericSlotContent } from '@luzmo/dashboard-contents-types';
+import { DatasetColumnMetadata } from '@utils/data-broker';
+import type { SlotContentsChangedEventDetail } from '../droppable-slot/types';
+export type { SlotContentsChangedEventDetail } from '../droppable-slot/types';
+export interface MeasureColumnsItem {
+    datasetId: string;
+    datasetName: Record<string, string>;
+    columns: DatasetColumnMetadata[];
+}
+export interface SlotMenuActiveEventDetail {
+    datasetId: string;
+}
+export interface SlotMenuHighlightEventDetail {
+    datasetId: string;
+    level: number;
+    columnId?: string;
+    formulaId?: string;
+}
+export interface SlotContentChangedEventDetail {
+    slotContent: SlotContentsChangedEventDetail['slotContents'][number];
+}
+export interface SlotListChangedEventDetail {
+    slotContents: GenericSlotContent[];
+    activeIndex: number;
+}

package/angular/esm/components/slot-menu/types.js

@@ -0,0 +1 @@
+export {};

package/angular/esm/components/slot-menu-list.component.d.ts

@@ -1,8 +1,9 @@
+import type { GenericSlotContent } from '../types';
 import * as i0 from "@angular/core";
 export declare class SlotMenuListComponent {
     language?: string;
     contentLanguage?: string;
-    slotContents?: any;
+    slotContents?: GenericSlotContent[];
     activeIndex?: number;
     size?: any;
     static ɵfac: i0.ɵɵFactoryDeclaration<SlotMenuListComponent, never>;

package/angular/esm/components/slot-menu.component.d.ts

@@ -1,12 +1,12 @@
 import { EventEmitter } from '@angular/core';
-import type { SlotName, GenericSlotContent } from '../types';
+import type { SlotName, VizItemType, GenericSlotContent } from '../types';
 import * as i0 from "@angular/core";
 export declare class SlotMenuComponent {
     language?: string;
     contentLanguage?: string;
-    slotType?: string;
+    slotType?: 'numeric' | 'categorical' | 'mixed';
     slotName?: SlotName;
-    itemType?: string;
+    itemType?: VizItemType;
     noDrag?: boolean;
     noClose?: boolean;
     variant?: 'popup' | 'draggable' | 'default';

package/angular/esm/types.d.ts

@@ -3,11 +3,14 @@
  * This file contains the types for all the lit components and functions.
  * This file should be comprehensive and should not be missing any types.
  */
-import { VizItemType } from '@luzmo/dashboard-contents-types';
-import { IconDefinition } from '@luzmo/icons';
-import { Placement } from '@luzmo/lucero';
+import type { VizItemType } from '@luzmo/dashboard-contents-types';
+import type { IconDefinition } from '@luzmo/icons';
+import type { Placement } from '@luzmo/lucero';
 import { TemplateResult } from 'lit';
 export type { Column, ColumnSubtype, ColumnType, GenericSlotContent, SlotName, VizItemSlots, VizItemType } from '@luzmo/dashboard-contents-types';
+export type { DraggableDataItemData } from './components/draggable-data-item';
+export type { DroppableSlotConfiguration, SlotContentsChangedEventDetail } from './components/droppable-slot';
+export type { MeasureColumnsItem, SlotContentChangedEventDetail, SlotListChangedEventDetail, SlotMenuActiveEventDetail, SlotMenuHighlightEventDetail } from './components/slot-menu';
 export declare enum PeriodOverPeriodCondition {
     HasDatetimeColumnAndNoComparisonFilters = "hasDatetimeColumnAndNoComparisonFilters",
     NoDatetimeColumnAndNoComparisonFilters = "noDatetimeColumnAndNoComparisonFilters",
@@ -79,6 +82,9 @@ export interface DatasetIcon {
     };
 }
 export type { ElementSize, Placement } from '@luzmo/lucero';
+export type { DataBrokerConfig } from './utils/data-broker/index';
+export type { DatasetMetadata } from './utils/data-broker/index';
+export type { DatasetWithDraggableDataItems } from './utils/transformations/convert-datasets-to-draggable-items';
 export interface Dataset {
     id: string;
     name: string | {

package/angular/tsconfig.json

@@ -19,6 +19,9 @@
       ],
       "@luzmo/analytics-components-kit": [
         "./luzmo-stub.d.ts"
+      ],
+      "@utils/*": [
+        "./utils/*"
       ]
     }
   },

package/angular/types.ts

@@ -4,9 +4,9 @@
  * This file should be comprehensive and should not be missing any types.
  */
 
-import { VizItemType } from '@luzmo/dashboard-contents-types';
-import { IconDefinition } from '@luzmo/icons';
-import { Placement } from '@luzmo/lucero';
+import type { VizItemType } from '@luzmo/dashboard-contents-types';
+import type { IconDefinition } from '@luzmo/icons';
+import type { Placement } from '@luzmo/lucero';
 import { TemplateResult } from 'lit';
 
 export type {
@@ -19,6 +19,21 @@ export type {
   VizItemType
 } from '@luzmo/dashboard-contents-types';
 
+export type { DraggableDataItemData } from './components/draggable-data-item';
+
+export type {
+  DroppableSlotConfiguration,
+  SlotContentsChangedEventDetail
+} from './components/droppable-slot';
+
+export type {
+  MeasureColumnsItem,
+  SlotContentChangedEventDetail,
+  SlotListChangedEventDetail,
+  SlotMenuActiveEventDetail,
+  SlotMenuHighlightEventDetail
+} from './components/slot-menu';
+
 export enum PeriodOverPeriodCondition {
   HasDatetimeColumnAndNoComparisonFilters = 'hasDatetimeColumnAndNoComparisonFilters',
   NoDatetimeColumnAndNoComparisonFilters = 'noDatetimeColumnAndNoComparisonFilters',
@@ -106,6 +121,12 @@ export interface DatasetIcon {
 
 export type { ElementSize, Placement } from '@luzmo/lucero';
 
+export type { DataBrokerConfig } from './utils/data-broker/index';
+
+export type { DatasetMetadata } from './utils/data-broker/index';
+
+export type { DatasetWithDraggableDataItems } from './utils/transformations/convert-datasets-to-draggable-items';
+
 // Dataset interface for dataset selector components
 export interface Dataset {
   id: string;

package/angular/utils/base/base.d.ts

@@ -0,0 +1,16 @@
+import { LitElement, ReactiveElement } from 'lit';
+type Constructor<T = Record<string, unknown>> = {
+    new (...args: any[]): T;
+    prototype: T;
+};
+export interface LuzmoInterface {
+    shadowRoot: ShadowRoot;
+    isLTR: boolean;
+    hasVisibleFocusInTree(): boolean;
+    dir: 'ltr' | 'rtl';
+}
+export declare function LuzmoMixin<T extends Constructor<ReactiveElement>>(constructor: T): T & Constructor<LuzmoInterface>;
+declare const LuzmoElement_base: typeof LitElement & Constructor<LuzmoInterface>;
+export declare class LuzmoElement extends LuzmoElement_base {
+}
+export {};

package/angular/utils/base/focus-visible.d.ts

@@ -0,0 +1,29 @@
+declare global {
+    interface Window {
+        applyFocusVisiblePolyfill?: (scope: Document | ShadowRoot) => void;
+    }
+}
+type Constructor<T = Record<string, unknown>> = {
+    new (...args: any[]): T;
+    prototype: T;
+};
+interface OptionalLifecycleCallbacks {
+    connectedCallback?(): void;
+    disconnectedCallback?(): void;
+    manageAutoFocus?(): void;
+}
+type MixableBaseClass = HTMLElement & OptionalLifecycleCallbacks;
+/**
+ * This mixin function is designed to be applied to a class that inherits
+ * from HTMLElement. It makes it easy for a custom element to coordinate with
+ * the :focus-visible polyfill.
+ *
+ * NOTE(cdata): The code here was adapted from an example proposed with the
+ * introduction of ShadowDOM support in the :focus-visible polyfill.
+ *
+ * @see https://github.com/WICG/focus-visible/pull/196
+ * @param SuperClass The base class implementation to decorate with
+ * implementation that coordinates with the :focus-visible polyfill
+ */
+export declare const FocusVisiblePolyfillMixin: <T extends Constructor<MixableBaseClass>>(SuperClass: T) => T;
+export {};

package/angular/utils/base/focusable.d.ts

@@ -0,0 +1,58 @@
+import { PropertyValues } from 'lit';
+import { LuzmoElement } from './base';
+type DisableableElement = HTMLElement & {
+    disabled?: boolean;
+};
+declare const Focusable_base: typeof LuzmoElement;
+/**
+ * Focusable base class handles tabindex setting into shadowed elements automatically.
+ *
+ * This implementation is based heavily on the aybolit delegate-focus-mixin at
+ * https://github.com/web-padawan/aybolit/blob/master/packages/core/src/mixins/delegate-focus-mixin.js
+ */
+export declare class Focusable extends Focusable_base {
+    /**
+     * Disable this control. It will not receive focus or events
+     */
+    disabled: boolean;
+    /**
+     * When this control is rendered, focus it automatically
+     *
+     * @private
+     */
+    autofocus: boolean;
+    /**
+     * The tab index to apply to this control. See general documentation about
+     * the tabindex HTML property
+     *
+     * @private
+     */
+    get tabIndex(): number;
+    set tabIndex(tabIndex: number);
+    private _tabIndex;
+    private onPointerdownManagementOfTabIndex;
+    private manageFocusElementTabindex;
+    private manipulatingTabindex;
+    /**
+     * @private
+     */
+    get focusElement(): DisableableElement;
+    /**
+     * @public
+     * @returns whether the component should manage its focusElement tab-index or not
+     * Needed for action-menu to be supported in action-group in an accessible way
+     */
+    get selfManageFocusElement(): boolean;
+    focus(options?: FocusOptions): void;
+    blur(): void;
+    click(): void;
+    protected manageAutoFocus(): void;
+    protected firstUpdated(changes: PropertyValues): void;
+    protected update(changedProperties: PropertyValues): void;
+    protected updated(changedProperties: PropertyValues): void;
+    private handleDisabledChanged;
+    protected getUpdateComplete(): Promise<boolean>;
+    private autofocusReady;
+    connectedCallback(): void;
+}
+export {};

package/angular/utils/base/index.d.ts

@@ -0,0 +1,4 @@
+export { LuzmoElement, LuzmoMixin } from './base';
+export { Focusable } from './focusable';
+export { ElementSizes, SizedMixin } from './sized-mixin';
+export type { ElementSize } from './sized-mixin';

package/angular/utils/base/sized-mixin.d.ts

@@ -0,0 +1,17 @@
+import { ReactiveElement } from 'lit';
+type Constructor<T = Record<string, unknown>> = {
+    new (...args: any[]): T;
+    prototype: T;
+};
+export type ElementSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
+export declare const ElementSizes: Record<string, ElementSize>;
+export type DefaultElementSize = Exclude<ElementSize, 'xxs' | 'xs' | 'xxl'>;
+export interface SizedElementInterface {
+    size: ElementSize;
+}
+export declare function SizedMixin<T extends Constructor<ReactiveElement>>(constructor: T, { validSizes, noDefaultSize, defaultSize }?: {
+    validSizes?: ElementSize[];
+    noDefaultSize?: boolean;
+    defaultSize?: ElementSize;
+}): T & Constructor<SizedElementInterface>;
+export {};

package/angular/utils/color/color-palettes.d.ts

@@ -0,0 +1,17 @@
+export type ColorValue = {
+    colors3?: string[];
+    colors4?: string[];
+    colors5?: string[];
+    colors6?: string[];
+    colors7?: string[];
+    colors8?: string[];
+    colors9?: string[];
+    colors10?: string[];
+    colors11?: string[];
+    colors12?: string[];
+    type: 'divergent' | 'qualitative' | 'sequential' | 'heat';
+};
+export type ColorMap = Record<ColorsClassKey, ColorValue>;
+export type ColorsClassKey = 'Spectral' | 'RdYlGn' | 'RdBu' | 'PiYG' | 'PRGn' | 'RdYlBu' | 'BrBG' | 'RdGy' | 'PuOr' | 'Paired' | 'Set1' | 'Set3' | 'OrRd' | 'PuBu' | 'BuPu' | 'Oranges' | 'BuGn' | 'GnBu' | 'YlOrBr' | 'YlGn' | 'Reds' | 'RdPu' | 'Greens' | 'YlGnBu' | 'Purples' | 'Greys' | 'YlOrRd' | 'PuRd' | 'Blues' | 'PuBuGn' | 'Spectrum' | 'BlueRed' | 'Plasma' | 'Viris' | 'Incan' | 'Fire' | 'Inferno' | 'Ocean' | 'Sunrise';
+export declare function getColorMaps(): ColorMap;
+export declare function getColorMapKeys(type?: 'divergent' | 'qualitative' | 'sequential' | 'heat'): string[];

package/angular/utils/color/extrapolate-color.d.ts

@@ -0,0 +1 @@
+export declare const extrapolateNewColor: (colorStrings: string[], percent?: number) => string;

package/angular/utils/data/load-draggable-items-for-datasets.d.ts

@@ -0,0 +1,24 @@
+import { type DataBrokerConfig } from '../data-broker/index';
+import { DatasetWithDraggableDataItems } from '../transformations/convert-datasets-to-draggable-items';
+export interface LoadDraggableItemsOptions {
+    dataBrokerConfig: Pick<DataBrokerConfig, 'apiUrl' | 'authKey' | 'authToken'>;
+}
+/**
+ * Convenience helper that configures the shared DataBroker instance,
+ * loads the requested datasets with their metadata, and converts them into
+ * draggable data items the UI components understand.
+ *
+ * @param datasetIds - Array of dataset IDs to fetch and convert
+ * @param options.dataBrokerConfig - Required DataBroker configuration
+ * @param options.dataBrokerConfig.apiUrl - Luzmo API endpoint URL
+ * @param options.dataBrokerConfig.authKey - Authentication key for Luzmo API access
+ * @param options.dataBrokerConfig.authToken - Authentication token for Luzmo API access
+ * @returns Promise that resolves to an array of datasets with their draggable data items
+ * @throws {Error} When datasetIds is empty or invalid
+ * @throws {Error} When dataBrokerConfig is missing
+ * @throws {Error} When required authentication credentials are missing
+ * @throws {Error} When apiUrl is missing or invalid
+ * @throws {Error} When API authentication fails
+ * @throws {Error} When dataset fetching fails
+ */
+export declare const loadDraggableItemsForDatasets: (datasetIds: string[], options: LoadDraggableItemsOptions) => Promise<DatasetWithDraggableDataItems[]>;