@luzmo/analytics-components-kit 1.0.1-alpha.140 → 1.0.1-alpha.142

package/components/grid/helpers/grid-rendering.d.ts

@@ -0,0 +1,63 @@
+import { ThemeConfig } from '@luzmo/dashboard-contents-types';
+import type { Placement } from '@luzmo/lucero';
+import { type TemplateResult } from 'lit';
+import { repeat } from 'lit/directives/repeat.js';
+import type { GridItemData, InputActionGroup } from '../types';
+interface RenderOverlayContentArgs {
+    item?: GridItemData;
+    activeAction?: string;
+    defaultItemActionsMenu?: InputActionGroup[];
+    placementItemActionsMenu: Placement;
+    language: string;
+    handleAction: (event: CustomEvent) => void;
+}
+interface RenderGridItemArgs {
+    item: GridItemData;
+    index: number;
+    initialized: boolean;
+    viewMode: boolean;
+    contentLanguage: string;
+    fullTheme?: ThemeConfig;
+    appServer?: string;
+    apiHost?: string;
+    authKey?: string;
+    authToken?: string;
+    handleMouseover: (event: Event) => void;
+    handleMouseout: (event: Event) => void;
+    handleFocus: (event: FocusEvent) => void;
+    handleBlur: (event: FocusEvent) => void;
+}
+interface RenderGridItemsArgs {
+    items: GridItemData[];
+    initialized: boolean;
+    viewMode: boolean;
+    contentLanguage: string;
+    fullTheme?: ThemeConfig;
+    appServer?: string;
+    apiHost?: string;
+    authKey?: string;
+    authToken?: string;
+    renderItem: (item: GridItemData, index: number) => TemplateResult;
+}
+interface RenderGridArgs {
+    items: GridItemData[];
+    initialized: boolean;
+    viewMode: boolean;
+    contentLanguage: string;
+    fullTheme?: ThemeConfig;
+    appServer?: string;
+    apiHost?: string;
+    authKey?: string;
+    authToken?: string;
+    columns: number;
+    ensureGridItemId: (item: GridItemData) => void;
+    handleMouseover: (event: Event) => void;
+    handleMouseout: (event: Event) => void;
+    handleFocus: (event: FocusEvent) => void;
+    handleBlur: (event: FocusEvent) => void;
+}
+export declare const renderOverlayContent: ({ item, activeAction, defaultItemActionsMenu, placementItemActionsMenu, language, handleAction }: RenderOverlayContentArgs) => TemplateResult;
+export declare const renderGridItem: ({ item, index, initialized, viewMode, contentLanguage, fullTheme, appServer, apiHost, authKey, authToken, handleMouseover, handleMouseout, handleFocus, handleBlur }: RenderGridItemArgs) => TemplateResult;
+export declare const renderGridItems: ({ items, initialized, viewMode, contentLanguage, fullTheme, appServer, apiHost, authKey, authToken, renderItem }: RenderGridItemsArgs) => ReturnType<typeof repeat>;
+export declare const renderGrid: ({ items, initialized, viewMode, contentLanguage, fullTheme, appServer, apiHost, authKey, authToken, columns, ensureGridItemId, handleMouseover, handleMouseout, handleFocus, handleBlur }: RenderGridArgs) => TemplateResult;
+export {};

package/components/grid/helpers/grid-stack-lifecycle.d.ts

@@ -0,0 +1,26 @@
+import { ThemeConfig } from '@luzmo/dashboard-contents-types';
+import { GridStack, type GridStackNode } from 'gridstack';
+import type { GridItemData } from '../types';
+interface InitializeGridStackArgs {
+    gridElement: HTMLElement;
+    gridItemElements: NodeListOf<HTMLElement>;
+    items: GridItemData[];
+    columns: number;
+    rowHeight: number;
+    viewMode: boolean;
+    fullTheme?: ThemeConfig;
+    onCreateOrUpdateDimensionsHint: (element: HTMLElement, numberOfColumns: string, numberOfRows: string) => void;
+    onRemoveDimensionsHint: (element: HTMLElement) => void;
+    onChange: (changedItems: GridStackNode[]) => void;
+}
+interface CreateOrUpdateDimensionsHintArgs {
+    element: HTMLElement;
+    numberOfColumns: string;
+    numberOfRows: string;
+    offsetHint: number;
+}
+export declare const initializeGridStack: ({ gridElement, gridItemElements, items, columns, rowHeight, viewMode, fullTheme, onCreateOrUpdateDimensionsHint, onRemoveDimensionsHint, onChange }: InitializeGridStackArgs) => GridStack;
+export declare const applyGridStackChanges: (items: GridItemData[], changedItems: GridStackNode[]) => void;
+export declare const createOrUpdateDimensionsHint: ({ element, numberOfColumns, numberOfRows, offsetHint }: CreateOrUpdateDimensionsHintArgs) => void;
+export declare const removeDimensionsHint: (element: HTMLElement) => void;
+export {};

package/components/grid/helpers/grid-theme.d.ts

@@ -0,0 +1,16 @@
+import type { ThemeConfig } from '@luzmo/dashboard-contents-types';
+export interface GridThemeResolutionArgs {
+    theme?: ThemeConfig;
+    currentTheme?: ThemeConfig;
+}
+export declare const resolveGridTheme: ({ theme, currentTheme }: GridThemeResolutionArgs) => Promise<ThemeConfig | undefined>;
+export declare const getGridHalfMargins: (theme?: {
+    margins?: number[];
+}) => [number, number];
+export declare const getDimensionsHintOffset: (theme?: {
+    margins?: number[];
+}) => number;
+export declare const getGridBoxShadow: (theme?: ThemeConfig) => string;
+export declare const getGridCssVariables: (theme?: ThemeConfig) => ReadonlyMap<string, string | undefined>;
+export declare const isGridDarkBackground: (theme?: ThemeConfig) => boolean;
+export declare const applyThemeProperties: (style: CSSStyleDeclaration, fullTheme?: ThemeConfig) => void;

package/components/grid/helpers/grid-update-cycle.d.ts

@@ -0,0 +1,24 @@
+import type { GridStack } from 'gridstack';
+import type { GridItemData } from '../types';
+interface SyncGridItemsArgs {
+    initialized: boolean;
+    grid?: GridStack;
+    hasItemsChanged: boolean;
+    hasItemAdded: boolean;
+    gridItemElements: NodeListOf<HTMLElement>;
+    items: GridItemData[];
+    gridElement: HTMLElement;
+}
+interface ApplyViewModeChangeArgs {
+    initialized: boolean;
+    grid?: GridStack;
+    hasViewModeChanged: boolean;
+    viewMode: boolean;
+    previousViewMode: unknown;
+    activeItemElement?: HTMLElement;
+    gridElement: HTMLElement;
+    cleanupActiveItem: (item: HTMLElement) => void;
+}
+export declare const syncGridItems: ({ initialized, grid, hasItemsChanged, hasItemAdded, gridItemElements, items, gridElement }: SyncGridItemsArgs) => boolean;
+export declare const applyViewModeChange: ({ initialized, grid, hasViewModeChanged, viewMode, previousViewMode, activeItemElement, gridElement, cleanupActiveItem }: ApplyViewModeChangeArgs) => HTMLElement | undefined;
+export {};

package/components/grid/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../set-locale-CKjJZRH6.cjs`),require(`../localized-mixin-DTvVLuXW.cjs`);const e=require(`../grid-xtLaTdhb.cjs`);exports.LuzmoGrid=e.t,Object.defineProperty(exports,`LuzmoGridItemActionsMenu`,{enumerable:!0,get:function(){return e.n}});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../set-locale-CKjJZRH6.cjs`),require(`../localized-mixin-DTvVLuXW.cjs`);const e=require(`../grid-BNbbl-9p.cjs`);exports.LuzmoGrid=e.t,Object.defineProperty(exports,`LuzmoGridItemActionsMenu`,{enumerable:!0,get:function(){return e.n}});

package/components/grid/index.js

@@ -25,5 +25,5 @@
 })();
 import "../set-locale-Uv6F4uSq.js";
 import "../localized-mixin-cLT0UbaF.js";
-import { n as LuzmoGridItemActionsMenu, t as LuzmoGrid } from "../grid-BW6LPvCu.js";
+import { n as LuzmoGridItemActionsMenu, t as LuzmoGrid } from "../grid-Ca-fxUK1.js";
 export { LuzmoGrid, LuzmoGridItemActionsMenu };