igniteui-grid-lite 0.0.1

package/internal/register.js

@@ -0,0 +1,9 @@
+export function registerComponent(component, ...dependencies) {
+    for (const dependency of dependencies) {
+        dependency.register();
+    }
+    if (!customElements.get(component.tagName)) {
+        customElements.define(component.tagName, component);
+    }
+}
+//# sourceMappingURL=register.js.map

package/internal/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sourceRoot":"","sources":["../../src/internal/register.ts"],"names":[],"mappings":"AAKA,MAAM,UAAU,iBAAiB,CAAC,SAAuB,EAAE,GAAG,YAA4B;IACxF,KAAK,MAAM,UAAU,IAAI,YAAY,EAAE,CAAC;QACtC,UAAU,CAAC,QAAQ,EAAE,CAAC;IACxB,CAAC;IAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC;QAC3C,cAAc,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IACtD,CAAC;AACH,CAAC","sourcesContent":["type IgcComponent = CustomElementConstructor & {\n  tagName: string;\n  register: () => void;\n};\n\nexport function registerComponent(component: IgcComponent, ...dependencies: IgcComponent[]): void {\n  for (const dependency of dependencies) {\n    dependency.register();\n  }\n\n  if (!customElements.get(component.tagName)) {\n    customElements.define(component.tagName, component);\n  }\n}\n"]}

package/internal/tags.d.ts

@@ -0,0 +1,7 @@
+export declare const GRID_TAG: "igc-grid-lite";
+export declare const GRID_BODY: "igc-virtualizer";
+export declare const GRID_HEADER_ROW_TAG: "igc-grid-lite-header-row";
+export declare const GRID_HEADER_TAG: "igc-grid-lite-header";
+export declare const GRID_ROW_TAG: "igc-grid-lite-row";
+export declare const GRID_CELL_TAG: "igc-grid-lite-cell";
+export declare const GRID_FILTER_ROW_TAG: "igc-filter-row";

package/internal/tags.js

@@ -0,0 +1,8 @@
+export const GRID_TAG = 'igc-grid-lite';
+export const GRID_BODY = 'igc-virtualizer';
+export const GRID_HEADER_ROW_TAG = 'igc-grid-lite-header-row';
+export const GRID_HEADER_TAG = 'igc-grid-lite-header';
+export const GRID_ROW_TAG = 'igc-grid-lite-row';
+export const GRID_CELL_TAG = 'igc-grid-lite-cell';
+export const GRID_FILTER_ROW_TAG = 'igc-filter-row';
+//# sourceMappingURL=tags.js.map

package/internal/tags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tags.js","sourceRoot":"","sources":["../../src/internal/tags.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAwB,CAAC;AACjD,MAAM,CAAC,MAAM,SAAS,GAAG,iBAA0B,CAAC;AACpD,MAAM,CAAC,MAAM,mBAAmB,GAAG,0BAAmC,CAAC;AACvE,MAAM,CAAC,MAAM,eAAe,GAAG,sBAA+B,CAAC;AAC/D,MAAM,CAAC,MAAM,YAAY,GAAG,mBAA4B,CAAC;AACzD,MAAM,CAAC,MAAM,aAAa,GAAG,oBAA6B,CAAC;AAC3D,MAAM,CAAC,MAAM,mBAAmB,GAAG,gBAAyB,CAAC","sourcesContent":["export const GRID_TAG = 'igc-grid-lite' as const;\nexport const GRID_BODY = 'igc-virtualizer' as const;\nexport const GRID_HEADER_ROW_TAG = 'igc-grid-lite-header-row' as const;\nexport const GRID_HEADER_TAG = 'igc-grid-lite-header' as const;\nexport const GRID_ROW_TAG = 'igc-grid-lite-row' as const;\nexport const GRID_CELL_TAG = 'igc-grid-lite-cell' as const;\nexport const GRID_FILTER_ROW_TAG = 'igc-filter-row' as const;\n"]}

package/internal/theming.d.ts

@@ -0,0 +1,34 @@
+import type { CSSResult, ReactiveController, ReactiveControllerHost, ReactiveElement } from 'lit';
+type Theme = 'material' | 'bootstrap' | 'indigo' | 'fluent';
+export type Themes = {
+    light: {
+        [K in Theme | 'shared']?: CSSResult;
+    };
+    dark: {
+        [K in Theme | 'shared']?: CSSResult;
+    };
+};
+type ThemeChangedCallback = (theme: Theme) => unknown;
+type ThemingControllerConfig = {
+    themeChange?: ThemeChangedCallback;
+};
+declare class ThemingController implements ReactiveController {
+    private readonly _host;
+    private readonly _themes;
+    private readonly _options?;
+    private _theme;
+    private _variant;
+    get theme(): Theme;
+    constructor(host: ReactiveControllerHost & ReactiveElement, themes: Themes, config?: ThemingControllerConfig);
+    /** @internal */
+    hostConnected(): void;
+    /** @internal */
+    hostDisconnected(): void;
+    /** @internal */
+    handleEvent(): void;
+    private _getStyles;
+    protected _adoptStyles(): void;
+    private _handleThemeChanged;
+}
+export declare function addThemingController(host: ReactiveControllerHost & ReactiveElement, themes: Themes, config?: ThemingControllerConfig): ThemingController;
+export type { ThemingController };

package/internal/theming.js

@@ -0,0 +1,123 @@
+import { adoptStyles, css, isServer } from 'lit';
+const CHANGE_THEME_EVENT = 'igc-change-theme';
+let theme;
+let themeVariant;
+function isStyleRule(rule) {
+    return rule != null && 'style' in rule;
+}
+function cssKeyToJsKey(key) {
+    return key.replace(/^--|-./g, (match) => {
+        return match.startsWith('--') ? '' : match.charAt(1).toUpperCase();
+    });
+}
+function getAllCssVariableNames() {
+    const cssVars = new Set();
+    const styleSheets = Array.from(document.styleSheets);
+    for (const sheet of styleSheets) {
+        let rules;
+        try {
+            rules = sheet.cssRules;
+        }
+        catch {
+            continue;
+        }
+        if (!rules) {
+            continue;
+        }
+        for (const rule of Array.from(rules)) {
+            if (isStyleRule(rule)) {
+                const length = rule.style.length;
+                for (let i = 0; i < length; i++) {
+                    const style = rule.style[i];
+                    if (style.startsWith('--')) {
+                        cssVars.add(style);
+                    }
+                }
+            }
+        }
+    }
+    return cssVars;
+}
+function getElementCssVariables(allCssVars, element, pseudo) {
+    const cssVars = {};
+    const styles = getComputedStyle(element, pseudo);
+    for (const key of allCssVars) {
+        const value = styles.getPropertyValue(key);
+        if (value) {
+            cssVars[cssKeyToJsKey(key)] = value.trim();
+        }
+    }
+    return cssVars;
+}
+function getAllCssVariables() {
+    return isServer ? {} : getElementCssVariables(getAllCssVariableNames(), document.documentElement);
+}
+function isOfTypeTheme(theme) {
+    return ['bootstrap', 'material', 'indigo', 'fluent'].includes(theme);
+}
+function isOfTypeThemeVariant(variant) {
+    return ['light', 'dark'].includes(variant);
+}
+function getTheme() {
+    if (!(theme && themeVariant)) {
+        const cssVars = getAllCssVariables();
+        const foundTheme = cssVars.igTheme;
+        const foundVariant = cssVars.igThemeVariant;
+        theme = isOfTypeTheme(foundTheme) ? foundTheme : 'bootstrap';
+        themeVariant = isOfTypeThemeVariant(foundVariant) ? foundVariant : 'light';
+    }
+    return { theme, themeVariant };
+}
+class ThemingController {
+    get theme() {
+        return this._theme;
+    }
+    constructor(host, themes, config) {
+        this._theme = 'bootstrap';
+        this._variant = 'light';
+        this._host = host;
+        this._themes = themes;
+        this._options = config;
+        this._host.addController(this);
+    }
+    hostConnected() {
+        this._handleThemeChanged();
+        globalThis.addEventListener(CHANGE_THEME_EVENT, this);
+    }
+    hostDisconnected() {
+        globalThis.addEventListener(CHANGE_THEME_EVENT, this);
+    }
+    handleEvent() {
+        this._handleThemeChanged();
+    }
+    _getStyles() {
+        const props = this._themes[this._variant];
+        const styles = { shared: css ``, theme: css `` };
+        for (const [name, sheet] of Object.entries(props)) {
+            if (name === 'shared') {
+                styles.shared = sheet;
+            }
+            if (name === this.theme) {
+                styles.theme = sheet;
+            }
+        }
+        return styles;
+    }
+    _adoptStyles() {
+        const { theme: currentTheme, themeVariant } = getTheme();
+        this._theme = currentTheme;
+        this._variant = themeVariant;
+        const ctor = this._host.constructor;
+        const { shared, theme } = this._getStyles();
+        adoptStyles(this._host.shadowRoot, [...ctor.elementStyles, shared, theme]);
+    }
+    _handleThemeChanged() {
+        this._adoptStyles();
+        this._options?.themeChange?.call(this._host, this._theme);
+        this._host.requestUpdate();
+    }
+}
+export function addThemingController(host, themes, config) {
+    return new ThemingController(host, themes, config);
+}
+//# sourceMappingURL=theming.js.map

package/internal/theming.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theming.js","sourceRoot":"","sources":["../../src/internal/theming.ts"],"names":[],"mappings":"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","sourcesContent":["import type {\n  CSSResult,\n  LitElement,\n  ReactiveController,\n  ReactiveControllerHost,\n  ReactiveElement,\n} from 'lit';\nimport { adoptStyles, css, isServer } from 'lit';\n\ntype Theme = 'material' | 'bootstrap' | 'indigo' | 'fluent';\ntype ThemeVariant = 'light' | 'dark';\n\nexport type Themes = {\n  light: {\n    [K in Theme | 'shared']?: CSSResult;\n  };\n  dark: {\n    [K in Theme | 'shared']?: CSSResult;\n  };\n};\n\ntype ThemeChangedCallback = (theme: Theme) => unknown;\ntype ThemingControllerConfig = {\n  themeChange?: ThemeChangedCallback;\n};\n\nconst CHANGE_THEME_EVENT = 'igc-change-theme';\nlet theme: Theme;\nlet themeVariant: ThemeVariant;\n\nfunction isStyleRule(rule: CSSRule): rule is CSSStyleRule {\n  return rule != null && 'style' in rule;\n}\n\nfunction cssKeyToJsKey(key: string): string {\n  return key.replace(/^--|-./g, (match) => {\n    return match.startsWith('--') ? '' : match.charAt(1).toUpperCase();\n  });\n}\n\nfunction getAllCssVariableNames(): Set<string> {\n  const cssVars = new Set<string>();\n  const styleSheets = Array.from(document.styleSheets);\n\n  for (const sheet of styleSheets) {\n    let rules: CSSRuleList | undefined;\n\n    // Potential CORS or access errors\n    try {\n      rules = sheet.cssRules;\n    } catch {\n      continue;\n    }\n\n    if (!rules) {\n      continue;\n    }\n\n    for (const rule of Array.from(rules)) {\n      if (isStyleRule(rule)) {\n        const length = rule.style.length;\n\n        for (let i = 0; i < length; i++) {\n          const style = rule.style[i];\n\n          if (style.startsWith('--')) {\n            cssVars.add(style);\n          }\n        }\n      }\n    }\n  }\n\n  return cssVars;\n}\n\nfunction getElementCssVariables(\n  allCssVars: Set<string>,\n  element: HTMLElement,\n  pseudo?: string\n): Record<string, string> {\n  const cssVars: Record<string, string> = {};\n  const styles = getComputedStyle(element, pseudo);\n\n  for (const key of allCssVars) {\n    const value = styles.getPropertyValue(key);\n\n    if (value) {\n      cssVars[cssKeyToJsKey(key)] = value.trim();\n    }\n  }\n\n  return cssVars;\n}\n\nfunction getAllCssVariables(): Record<string, string> {\n  /* c8 ignore next 2 */\n  return isServer ? {} : getElementCssVariables(getAllCssVariableNames(), document.documentElement);\n}\n\nfunction isOfTypeTheme(theme: string): theme is Theme {\n  return ['bootstrap', 'material', 'indigo', 'fluent'].includes(theme);\n}\n\nfunction isOfTypeThemeVariant(variant: string): variant is ThemeVariant {\n  return ['light', 'dark'].includes(variant);\n}\n\nfunction getTheme() {\n  if (!(theme && themeVariant)) {\n    const cssVars = getAllCssVariables();\n    const foundTheme = cssVars.igTheme;\n    const foundVariant = cssVars.igThemeVariant;\n\n    theme = isOfTypeTheme(foundTheme) ? foundTheme : 'bootstrap';\n    themeVariant = isOfTypeThemeVariant(foundVariant) ? foundVariant : 'light';\n  }\n\n  return { theme, themeVariant };\n}\n\nclass ThemingController implements ReactiveController {\n  private readonly _host: ReactiveControllerHost & ReactiveElement;\n  private readonly _themes: Themes;\n  private readonly _options?: ThemingControllerConfig;\n\n  private _theme: Theme = 'bootstrap';\n  private _variant: ThemeVariant = 'light';\n\n  public get theme(): Theme {\n    return this._theme;\n  }\n\n  constructor(\n    host: ReactiveControllerHost & ReactiveElement,\n    themes: Themes,\n    config?: ThemingControllerConfig\n  ) {\n    this._host = host;\n    this._themes = themes;\n    this._options = config;\n    this._host.addController(this);\n  }\n\n  /** @internal */\n  public hostConnected(): void {\n    this._handleThemeChanged();\n    globalThis.addEventListener(CHANGE_THEME_EVENT, this);\n  }\n\n  /** @internal */\n  public hostDisconnected(): void {\n    globalThis.addEventListener(CHANGE_THEME_EVENT, this);\n  }\n\n  /** @internal */\n  public handleEvent(): void {\n    this._handleThemeChanged();\n  }\n\n  private _getStyles() {\n    const props = this._themes[this._variant];\n    const styles = { shared: css``, theme: css`` };\n\n    for (const [name, sheet] of Object.entries(props)) {\n      if (name === 'shared') {\n        styles.shared = sheet;\n      }\n      if (name === this.theme) {\n        styles.theme = sheet;\n      }\n    }\n\n    return styles;\n  }\n\n  protected _adoptStyles(): void {\n    const { theme: currentTheme, themeVariant } = getTheme();\n    this._theme = currentTheme;\n    this._variant = themeVariant;\n\n    const ctor = this._host.constructor as typeof LitElement;\n    const { shared, theme } = this._getStyles();\n\n    adoptStyles(this._host.shadowRoot!, [...ctor.elementStyles, shared, theme]);\n  }\n\n  private _handleThemeChanged(): void {\n    this._adoptStyles();\n    this._options?.themeChange?.call(this._host, this._theme);\n    this._host.requestUpdate();\n  }\n}\n\nexport function addThemingController(\n  host: ReactiveControllerHost & ReactiveElement,\n  themes: Themes,\n  config?: ThemingControllerConfig\n): ThemingController {\n  return new ThemingController(host, themes, config);\n}\n\nexport type { ThemingController };\n"]}

package/internal/types.d.ts

@@ -0,0 +1,198 @@
+import type { ReactiveControllerHost, TemplateResult } from 'lit';
+import type IgcGridLiteCell from '../components/cell.js';
+import type { IgcGridLite } from '../components/grid.js';
+import type IgcGridLiteHeader from '../components/header.js';
+import type IgcGridLiteRow from '../components/row.js';
+import type { SortComparer } from '../operations/sort/types.js';
+export type NavigationState = 'previous' | 'current';
+export type GridHost<T extends object> = ReactiveControllerHost & IgcGridLite<T>;
+/**
+ * Helper type for resolving keys of type T.
+ */
+export type Keys<T> = keyof T;
+/**
+ * Helper type for resolving types of type T.
+ */
+export type BasePropertyType<T, K extends Keys<T> = Keys<T>> = T[K];
+/**
+ * Helper type for resolving types of type T.
+ */
+export type PropertyType<T, K extends Keys<T> = Keys<T>> = K extends Keys<T> ? BasePropertyType<T, K> : never;
+/** The data for the current column. */
+export type DataType = 'number' | 'string' | 'boolean';
+/**
+ * Configures the sort behavior for the grid.
+ */
+export interface GridSortConfiguration {
+    /**
+     * Whether multiple sorting is enabled.
+     */
+    multiple: boolean;
+    /**
+     * Whether tri-state sorting is enabled.
+     */
+    triState: boolean;
+}
+/**
+ * Extended sort configuration for a column.
+ */
+export interface BaseColumnSortConfiguration<T, K extends Keys<T> = Keys<T>> {
+    /**
+     * Whether the sort operations will be case sensitive.
+     */
+    caseSensitive?: boolean;
+    /**
+     * Custom comparer function for sort operations for this column.
+     */
+    comparer?: SortComparer<T, K>;
+}
+/**
+ * See {@link BaseColumnSortConfiguration} for the full documentation.
+ */
+export type ColumnSortConfiguration<T, K extends Keys<T> = Keys<T>> = K extends Keys<T> ? BaseColumnSortConfiguration<T, K> : never;
+/**
+ * Extended filter configuration for a column.
+ */
+export interface ColumnFilterConfiguration {
+    /**
+     * Whether the filter operations will be case sensitive.
+     */
+    caseSensitive?: boolean;
+}
+/** Configuration object for grid columns. */
+export interface BaseColumnConfiguration<T extends object, K extends Keys<T> = Keys<T>> {
+    /**
+     * The field for from the data the this column will reference.
+     */
+    key: K;
+    /**
+     * The type of data this column will reference.
+     *
+     * Affects the default filter operands if the column is with filtering enabled.
+     *
+     * @remarks
+     * If not passed, `string` is assumed to be the default type.
+     *
+     */
+    type?: DataType;
+    /**
+     * Optional text to display in the column header. By default, the column key is used
+     * to render the header text.
+     */
+    headerText?: string;
+    /**
+     * Width for the current column.
+     *
+     * Accepts most CSS units for controlling width.
+     *
+     * @remarks
+     * If not passed, the column will try to size itself based on the number of other
+     * columns and the total width of the grid.
+     *
+     */
+    width?: string;
+    /**
+     * Whether the column is hidden or not.
+     */
+    hidden?: boolean;
+    /**
+     * Whether the the column can be resized or not.
+     */
+    resizable?: boolean;
+    /**
+     * Whether the column can be sorted or not.
+     */
+    sort?: ColumnSortConfiguration<T, K> | boolean;
+    /**
+     * Whether filter operation can be applied on the column or not.
+     */
+    filter?: ColumnFilterConfiguration | boolean;
+    /**
+     * Header template callback.
+     */
+    headerTemplate?: (params: IgcHeaderContext<T>) => TemplateResult | unknown;
+    /**
+     * Cell template callback.
+     */
+    cellTemplate?: (params: IgcCellContext<T, K>) => TemplateResult | unknown;
+}
+/**
+ * See {@link BaseColumnConfiguration} for the full documentation.
+ */
+export type ColumnConfiguration<T extends object, K extends Keys<T> = Keys<T>> = K extends Keys<T> ? BaseColumnConfiguration<T, K> : never;
+export interface ActiveNode<T> {
+    column: Keys<T>;
+    row: number;
+}
+/**
+ * Context object for the column header template callback.
+ */
+export interface IgcHeaderContext<T extends object> {
+    /**
+     * The header element parent of the template.
+     */
+    parent: IgcGridLiteHeader<T>;
+    /**
+     * The current configuration for the column.
+     */
+    column: ColumnConfiguration<T>;
+}
+/**
+ * Context object for the row cell template callback.
+ */
+export interface BaseIgcCellContext<T extends object, K extends Keys<T> = Keys<T>> {
+    /**
+     * The cell element parent of the template.
+     */
+    parent: IgcGridLiteCell<T>;
+    /**
+     * The row element containing the cell.
+     */
+    row: IgcGridLiteRow<T>;
+    /**
+     * The current configuration for the column.
+     */
+    column: ColumnConfiguration<T, K>;
+    /**
+     * The value from the data source for this cell.
+     */
+    value: PropertyType<T, K>;
+}
+/**
+ * See {@link BaseIgcCellContext} for the full documentation.
+ */
+export type IgcCellContext<T extends object, K extends Keys<T> = Keys<T>> = K extends Keys<T> ? BaseIgcCellContext<T, K> : never;
+/**
+ * The parameters passed to a {@link DataPipelineHook} callback.
+ */
+export type DataPipelineParams<T extends object> = {
+    /**
+     * The current data state of the grid.
+     */
+    data: T[];
+    /**
+     * The grid component itself.
+     */
+    grid: IgcGridLite<T>;
+    /**
+     * The type of data operation being performed.
+     */
+    type: 'sort' | 'filter';
+};
+/**
+ * Callback function for customizing data operations in the grid.
+ */
+export type DataPipelineHook<T extends object> = (state: DataPipelineParams<T>) => T[] | Promise<T[]>;
+/**
+ * Configuration for customizing the various data operations of the grid.
+ */
+export interface DataPipelineConfiguration<T extends object> {
+    /**
+     * Hook for customizing sort operations.
+     */
+    sort?: DataPipelineHook<T>;
+    /**
+     * Hook for customizing filter operations.
+     */
+    filter?: DataPipelineHook<T>;
+}

package/internal/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/internal/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/internal/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ReactiveControllerHost, TemplateResult } from 'lit';\nimport type IgcGridLiteCell from '../components/cell.js';\nimport type { IgcGridLite } from '../components/grid.js';\nimport type IgcGridLiteHeader from '../components/header.js';\nimport type IgcGridLiteRow from '../components/row.js';\nimport type { SortComparer } from '../operations/sort/types.js';\n\nexport type NavigationState = 'previous' | 'current';\nexport type GridHost<T extends object> = ReactiveControllerHost & IgcGridLite<T>;\n\n/**\n * Helper type for resolving keys of type T.\n */\nexport type Keys<T> = keyof T;\n\n/**\n * Helper type for resolving types of type T.\n */\nexport type BasePropertyType<T, K extends Keys<T> = Keys<T>> = T[K];\n\n/**\n * Helper type for resolving types of type T.\n */\nexport type PropertyType<T, K extends Keys<T> = Keys<T>> = K extends Keys<T>\n  ? BasePropertyType<T, K>\n  : never;\n\n/** The data for the current column. */\nexport type DataType = 'number' | 'string' | 'boolean';\n\n/**\n * Configures the sort behavior for the grid.\n */\nexport interface GridSortConfiguration {\n  /**\n   * Whether multiple sorting is enabled.\n   */\n  multiple: boolean;\n  /**\n   * Whether tri-state sorting is enabled.\n   */\n  triState: boolean;\n}\n\n/**\n * Extended sort configuration for a column.\n */\nexport interface BaseColumnSortConfiguration<T, K extends Keys<T> = Keys<T>> {\n  /**\n   * Whether the sort operations will be case sensitive.\n   */\n  caseSensitive?: boolean;\n  /**\n   * Custom comparer function for sort operations for this column.\n   */\n  comparer?: SortComparer<T, K>;\n}\n\n/**\n * See {@link BaseColumnSortConfiguration} for the full documentation.\n */\nexport type ColumnSortConfiguration<T, K extends Keys<T> = Keys<T>> = K extends Keys<T>\n  ? BaseColumnSortConfiguration<T, K>\n  : never;\n\n/**\n * Extended filter configuration for a column.\n */\nexport interface ColumnFilterConfiguration {\n  /**\n   * Whether the filter operations will be case sensitive.\n   */\n  caseSensitive?: boolean;\n}\n\n/** Configuration object for grid columns. */\nexport interface BaseColumnConfiguration<T extends object, K extends Keys<T> = Keys<T>> {\n  /**\n   * The field for from the data the this column will reference.\n   */\n  key: K;\n  /**\n   * The type of data this column will reference.\n   *\n   * Affects the default filter operands if the column is with filtering enabled.\n   *\n   * @remarks\n   * If not passed, `string` is assumed to be the default type.\n   *\n   */\n  type?: DataType;\n  /**\n   * Optional text to display in the column header. By default, the column key is used\n   * to render the header text.\n   */\n  headerText?: string;\n  /**\n   * Width for the current column.\n   *\n   * Accepts most CSS units for controlling width.\n   *\n   * @remarks\n   * If not passed, the column will try to size itself based on the number of other\n   * columns and the total width of the grid.\n   *\n   */\n  width?: string;\n  /**\n   * Whether the column is hidden or not.\n   */\n  hidden?: boolean;\n  /**\n   * Whether the the column can be resized or not.\n   */\n  resizable?: boolean;\n  /**\n   * Whether the column can be sorted or not.\n   */\n  sort?: ColumnSortConfiguration<T, K> | boolean;\n  /**\n   * Whether filter operation can be applied on the column or not.\n   */\n  filter?: ColumnFilterConfiguration | boolean;\n  /**\n   * Header template callback.\n   */\n  headerTemplate?: (params: IgcHeaderContext<T>) => TemplateResult | unknown;\n  /**\n   * Cell template callback.\n   */\n  cellTemplate?: (params: IgcCellContext<T, K>) => TemplateResult | unknown;\n}\n\n/**\n * See {@link BaseColumnConfiguration} for the full documentation.\n */\nexport type ColumnConfiguration<T extends object, K extends Keys<T> = Keys<T>> = K extends Keys<T>\n  ? BaseColumnConfiguration<T, K>\n  : never;\n\nexport interface ActiveNode<T> {\n  column: Keys<T>;\n  row: number;\n}\n\n/**\n * Context object for the column header template callback.\n */\nexport interface IgcHeaderContext<T extends object> {\n  /**\n   * The header element parent of the template.\n   */\n  parent: IgcGridLiteHeader<T>;\n  /**\n   * The current configuration for the column.\n   */\n  column: ColumnConfiguration<T>;\n}\n\n/**\n * Context object for the row cell template callback.\n */\nexport interface BaseIgcCellContext<T extends object, K extends Keys<T> = Keys<T>> {\n  /**\n   * The cell element parent of the template.\n   */\n  parent: IgcGridLiteCell<T>;\n  /**\n   * The row element containing the cell.\n   */\n  row: IgcGridLiteRow<T>;\n  /**\n   * The current configuration for the column.\n   */\n  column: ColumnConfiguration<T, K>;\n  /**\n   * The value from the data source for this cell.\n   */\n  value: PropertyType<T, K>;\n}\n\n/**\n * See {@link BaseIgcCellContext} for the full documentation.\n */\nexport type IgcCellContext<T extends object, K extends Keys<T> = Keys<T>> = K extends Keys<T>\n  ? BaseIgcCellContext<T, K>\n  : never;\n\n/**\n * The parameters passed to a {@link DataPipelineHook} callback.\n */\nexport type DataPipelineParams<T extends object> = {\n  /**\n   * The current data state of the grid.\n   */\n  data: T[];\n  /**\n   * The grid component itself.\n   */\n  grid: IgcGridLite<T>;\n  /**\n   * The type of data operation being performed.\n   */\n  type: 'sort' | 'filter';\n};\n\n/**\n * Callback function for customizing data operations in the grid.\n */\nexport type DataPipelineHook<T extends object> = (\n  state: DataPipelineParams<T>\n) => T[] | Promise<T[]>;\n\n/**\n * Configuration for customizing the various data operations of the grid.\n */\nexport interface DataPipelineConfiguration<T extends object> {\n  /**\n   * Hook for customizing sort operations.\n   */\n  sort?: DataPipelineHook<T>;\n  /**\n   * Hook for customizing filter operations.\n   */\n  filter?: DataPipelineHook<T>;\n}\n"]}

package/internal/utils.d.ts

@@ -0,0 +1,6 @@
+import type { StyleInfo } from 'lit/directives/style-map.js';
+import type { ColumnConfiguration, GridHost } from './types.js';
+export declare function applyColumnWidths<T extends object>(columns: Array<ColumnConfiguration<T>>): StyleInfo;
+export declare function autoGenerateColumns<T extends object>(grid: GridHost<T>): void;
+export declare function asArray<T>(value: T | T[]): T[];
+export declare function getFilterOperandsFor<T extends object>(column: ColumnConfiguration<T>): Readonly<import("../operations/filter/types.js").FilterOperands<number, import("../operations/filter/operands/number.js").NumberKeys>> | Readonly<import("../operations/filter/types.js").FilterOperands<string, import("../operations/filter/operands/string.js").StringKeys>> | Readonly<import("../operations/filter/types.js").FilterOperands<boolean, import("../operations/filter/operands/boolean.js").BooleanKeys>>;

package/internal/utils.js

@@ -0,0 +1,34 @@
+import { BooleanOperands } from '../operations/filter/operands/boolean.js';
+import { NumberOperands } from '../operations/filter/operands/number.js';
+import { StringOperands } from '../operations/filter/operands/string.js';
+export function applyColumnWidths(columns) {
+    return {
+        'grid-template-columns': columns
+            .filter((each) => !each.hidden)
+            .map(({ width }) => width ?? 'minmax(136px, 1fr)')
+            .join(' '),
+    };
+}
+export function autoGenerateColumns(grid) {
+    if (grid.autoGenerate && grid.columns.length < 1) {
+        const record = grid.data[0] ?? {};
+        grid.columns = Object.entries(record).map(([key, value]) => {
+            const type = typeof value === 'boolean' ? 'boolean' : typeof value === 'number' ? 'number' : 'string';
+            return { key, type };
+        });
+    }
+}
+export function asArray(value) {
+    return Array.isArray(value) ? value : [value];
+}
+export function getFilterOperandsFor(column) {
+    switch (column.type) {
+        case 'boolean':
+            return BooleanOperands;
+        case 'number':
+            return NumberOperands;
+        default:
+            return StringOperands;
+    }
+}
+//# sourceMappingURL=utils.js.map

package/internal/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/internal/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAIzE,MAAM,UAAU,iBAAiB,CAC/B,OAAsC;IAEtC,OAAO;QACL,uBAAuB,EAAE,OAAO;aAC7B,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC;aAC9B,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,oBAAoB,CAAC;aACjD,IAAI,CAAC,GAAG,CAAC;KACb,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAmB,IAAiB;IACrE,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACjD,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QAElC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YACzD,MAAM,IAAI,GACR,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC;YAC3F,OAAO,EAAE,GAAG,EAAE,IAAI,EAA4B,CAAC;QACjD,CAAC,CAAC,CAAC;IACL,CAAC;AACH,CAAC;AAED,MAAM,UAAU,OAAO,CAAI,KAAc;IACvC,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAChD,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAmB,MAA8B;IAEnF,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QACpB,KAAK,SAAS;YACZ,OAAO,eAAe,CAAC;QACzB,KAAK,QAAQ;YACX,OAAO,cAAc,CAAC;QACxB;YACE,OAAO,cAAc,CAAC;IAC1B,CAAC;AACH,CAAC","sourcesContent":["import type { StyleInfo } from 'lit/directives/style-map.js';\nimport { BooleanOperands } from '../operations/filter/operands/boolean.js';\nimport { NumberOperands } from '../operations/filter/operands/number.js';\nimport { StringOperands } from '../operations/filter/operands/string.js';\nimport type { ColumnConfiguration, DataType, GridHost } from './types.js';\n\n// TODO: Revise if this is needed\nexport function applyColumnWidths<T extends object>(\n  columns: Array<ColumnConfiguration<T>>\n): StyleInfo {\n  return {\n    'grid-template-columns': columns\n      .filter((each) => !each.hidden)\n      .map(({ width }) => width ?? 'minmax(136px, 1fr)')\n      .join(' '),\n  };\n}\n\nexport function autoGenerateColumns<T extends object>(grid: GridHost<T>) {\n  if (grid.autoGenerate && grid.columns.length < 1) {\n    const record = grid.data[0] ?? {};\n\n    grid.columns = Object.entries(record).map(([key, value]) => {\n      const type: DataType =\n        typeof value === 'boolean' ? 'boolean' : typeof value === 'number' ? 'number' : 'string';\n      return { key, type } as ColumnConfiguration<T>;\n    });\n  }\n}\n\nexport function asArray<T>(value: T | T[]) {\n  return Array.isArray(value) ? value : [value];\n}\n\nexport function getFilterOperandsFor<T extends object>(column: ColumnConfiguration<T>) {\n  // Check for custom class in the filter config\n  switch (column.type) {\n    case 'boolean':\n      return BooleanOperands;\n    case 'number':\n      return NumberOperands;\n    default:\n      return StringOperands;\n  }\n}\n"]}

package/internal/watch.d.ts

@@ -0,0 +1,5 @@
+interface WatchOptions {
+    waitUntilFirstUpdate?: boolean;
+}
+export declare function watch(propName: string, options?: WatchOptions): (protoOrDescriptor: any, name: string) => any;
+export {};

package/internal/watch.js

@@ -0,0 +1,19 @@
+export function watch(propName, options) {
+    return (protoOrDescriptor, name) => {
+        const { willUpdate } = protoOrDescriptor;
+        const _options = Object.assign({ waitUntilFirstUpdate: false }, options);
+        protoOrDescriptor.willUpdate = function (changedProps) {
+            willUpdate.call(this, changedProps);
+            if (changedProps.has(propName)) {
+                const oldValue = changedProps.get(propName);
+                const newValue = this[propName];
+                if (oldValue !== newValue) {
+                    if (!_options?.waitUntilFirstUpdate || this.hasUpdated) {
+                        this[name].call(this, oldValue, newValue);
+                    }
+                }
+            }
+        };
+    };
+}
+//# sourceMappingURL=watch.js.map

package/internal/watch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"watch.js","sourceRoot":"","sources":["../../src/internal/watch.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,KAAK,CAAC,QAAgB,EAAE,OAAsB;IAC5D,OAAO,CAAC,iBAAsB,EAAE,IAAY,EAAO,EAAE;QACnD,MAAM,EAAE,UAAU,EAAE,GAAG,iBAAiB,CAAC;QAEzC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,oBAAoB,EAAE,KAAK,EAAE,EAAE,OAAO,CAAiB,CAAC;QAEzF,iBAAiB,CAAC,UAAU,GAAG,UAAU,YAA8B;YACrE,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;YAEpC,IAAI,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAC/B,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;gBAC5C,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC;gBAEhC,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;oBAC1B,IAAI,CAAC,QAAQ,EAAE,oBAAoB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;wBACvD,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;oBAC5C,CAAC;gBACH,CAAC;YACH,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC","sourcesContent":["interface WatchOptions {\n  waitUntilFirstUpdate?: boolean;\n}\n\nexport function watch(propName: string, options?: WatchOptions) {\n  return (protoOrDescriptor: any, name: string): any => {\n    const { willUpdate } = protoOrDescriptor;\n\n    const _options = Object.assign({ waitUntilFirstUpdate: false }, options) as WatchOptions;\n\n    protoOrDescriptor.willUpdate = function (changedProps: Map<string, any>) {\n      willUpdate.call(this, changedProps);\n\n      if (changedProps.has(propName)) {\n        const oldValue = changedProps.get(propName);\n        const newValue = this[propName];\n\n        if (oldValue !== newValue) {\n          if (!_options?.waitUntilFirstUpdate || this.hasUpdated) {\n            this[name].call(this, oldValue, newValue);\n          }\n        }\n      }\n    };\n  };\n}\n"]}

package/operations/base.d.ts

@@ -0,0 +1,6 @@
+import type { Keys } from '../internal/types.js';
+export default abstract class DataOperation<T, K extends Keys<T> = Keys<T>> {
+    protected resolveValue(record: T, key: K): T[K];
+    protected resolveCase<U = T[K]>(value: U, caseSensitive?: boolean): U;
+    abstract apply(...args: unknown[]): T[];
+}

package/operations/base.js

@@ -0,0 +1,9 @@
+export default class DataOperation {
+    resolveValue(record, key) {
+        return record[key];
+    }
+    resolveCase(value, caseSensitive) {
+        return typeof value === 'string' && !caseSensitive ? value.toLowerCase() : value;
+    }
+}
+//# sourceMappingURL=base.js.map

package/operations/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sourceRoot":"","sources":["../../src/operations/base.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,OAAgB,aAAa;IAC/B,YAAY,CAAC,MAAS,EAAE,GAAM;QACtC,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC;IACrB,CAAC;IAES,WAAW,CAAW,KAAQ,EAAE,aAAuB;QAC/D,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,aAAa,CAAC,CAAC,CAAE,KAAK,CAAC,WAAW,EAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;IAC1F,CAAC;CAGF","sourcesContent":["import type { Keys } from '../internal/types.js';\n\nexport default abstract class DataOperation<T, K extends Keys<T> = Keys<T>> {\n  protected resolveValue(record: T, key: K) {\n    return record[key];\n  }\n\n  protected resolveCase<U = T[K]>(value: U, caseSensitive?: boolean) {\n    return typeof value === 'string' && !caseSensitive ? (value.toLowerCase() as U) : value;\n  }\n\n  public abstract apply(...args: unknown[]): T[];\n}\n"]}

package/operations/filter/operands/boolean.d.ts

@@ -0,0 +1,3 @@
+import type { FilterOperands } from '../types.js';
+export type BooleanKeys = 'all' | 'true' | 'false' | 'empty' | 'notEmpty';
+export declare const BooleanOperands: Readonly<FilterOperands<boolean, BooleanKeys>>;

package/operations/filter/operands/boolean.js

@@ -0,0 +1,34 @@
+import { isDefined } from '../../../internal/is-defined.js';
+export const BooleanOperands = Object.freeze({
+    all: {
+        name: 'all',
+        label: 'All',
+        unary: true,
+        logic: (_) => true,
+    },
+    true: {
+        name: 'true',
+        label: 'True',
+        unary: true,
+        logic: (target) => target === true,
+    },
+    false: {
+        name: 'false',
+        label: 'False',
+        unary: true,
+        logic: (target) => target === false,
+    },
+    empty: {
+        name: 'empty',
+        label: 'Empty',
+        unary: true,
+        logic: (target) => !isDefined(target),
+    },
+    notEmpty: {
+        name: 'notEmpty',
+        label: 'Not empty',
+        unary: true,
+        logic: (target) => isDefined(target),
+    },
+});
+//# sourceMappingURL=boolean.js.map

package/operations/filter/operands/boolean.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"boolean.js","sourceRoot":"","sources":["../../../../src/operations/filter/operands/boolean.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAK5D,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAuC;IACjF,GAAG,EAAE;QACH,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI;KACnB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,KAAK,IAAI;KACnC;IACD,KAAK,EAAE;QACL,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,KAAK,KAAK;KACpC;IACD,KAAK,EAAE;QACL,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC;KACtC;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC;KACrC;CACF,CAAC,CAAC","sourcesContent":["import { isDefined } from '../../../internal/is-defined.js';\nimport type { FilterOperands } from '../types.js';\n\nexport type BooleanKeys = 'all' | 'true' | 'false' | 'empty' | 'notEmpty';\n\nexport const BooleanOperands = Object.freeze<FilterOperands<boolean, BooleanKeys>>({\n  all: {\n    name: 'all',\n    label: 'All',\n    unary: true,\n    logic: (_) => true,\n  },\n  true: {\n    name: 'true',\n    label: 'True',\n    unary: true,\n    logic: (target) => target === true,\n  },\n  false: {\n    name: 'false',\n    label: 'False',\n    unary: true,\n    logic: (target) => target === false,\n  },\n  empty: {\n    name: 'empty',\n    label: 'Empty',\n    unary: true,\n    logic: (target) => !isDefined(target),\n  },\n  notEmpty: {\n    name: 'notEmpty',\n    label: 'Not empty',\n    unary: true,\n    logic: (target) => isDefined(target),\n  },\n});\n"]}

package/operations/filter/operands/number.d.ts

@@ -0,0 +1,3 @@
+import type { FilterOperands } from '../types.js';
+export type NumberKeys = 'equals' | 'doesNotEqual' | 'greaterThan' | 'lessThan' | 'greaterThanOrEqual' | 'lessThanOrEqual' | 'empty' | 'notEmpty';
+export declare const NumberOperands: Readonly<FilterOperands<number, NumberKeys>>;

package/operations/filter/operands/number.js

@@ -0,0 +1,52 @@
+import { isDefined } from '../../../internal/is-defined.js';
+export const NumberOperands = Object.freeze({
+    equals: {
+        name: 'equals',
+        label: 'Equals',
+        unary: false,
+        logic: (target, term) => target === term,
+    },
+    doesNotEqual: {
+        name: 'doesNotEqual',
+        label: 'Does not equal',
+        unary: false,
+        logic: (target, term) => target !== term,
+    },
+    greaterThan: {
+        name: 'greaterThan',
+        label: 'Greater than',
+        unary: false,
+        logic: (target, term) => target > term,
+    },
+    lessThan: {
+        name: 'lessThan',
+        label: 'Less than',
+        unary: false,
+        logic: (target, term) => target < term,
+    },
+    greaterThanOrEqual: {
+        name: 'greaterThanOrEqual',
+        label: 'Greater than or equal',
+        unary: false,
+        logic: (target, term) => target >= term,
+    },
+    lessThanOrEqual: {
+        name: 'lessThanOrEqual',
+        label: 'Less than or equal',
+        unary: false,
+        logic: (target, term) => target <= term,
+    },
+    empty: {
+        name: 'empty',
+        label: 'Empty',
+        unary: true,
+        logic: (target) => !isDefined(target) || Number.isNaN(target),
+    },
+    notEmpty: {
+        name: 'notEmpty',
+        label: 'Not empty',
+        unary: true,
+        logic: (target) => isDefined(target) && !Number.isNaN(target),
+    },
+});
+//# sourceMappingURL=number.js.map