import { LitElement } from 'lit';
/**
 * GridStack wrapper that includes Shidoka default config and styles.
 * @fires on-grid-init - Emits after GridStack initializes. `detail:{ layout : Object }`
 * @fires on-grid-save - Emits the GridStack save() method results (new layout) on dragstop and resizestop. `detail:{ layout : Object }`
 * @slot unnamed - Slot for .grid-stack container element.
 */
export declare class WidgetGridstack extends LitElement {
    static styles: import("lit").CSSResult;
    /** GridStack layout/widget size/position definitions for each breakpoint. */
    accessor layout: any;
    /** Custom GridStack config. */
    accessor gridstackConfig: any;
    /** Final config passed to gridstack.
     * @internal */
    accessor _gridstackConfig: any;
    /** GridStack instance. */
    accessor gridStack: any;
    /** GridStack grid instance. */
    accessor grid: any;
    /** Use compact grid config. Ignored in case of custom gridstackConfig. */
    accessor compact: boolean;
    /** Make entire widget draggable. Ignored in case of custom gridstackConfig. */
    accessor wholeWidgetDraggable: boolean;
    /** Current breakpoint.
     * @internal
     */
    accessor _breakpoint: string;
    render(): import("lit-html").TemplateResult<1>;
    firstUpdated(): void;
    willUpdate(changedProps: any): void;
    /**
     * The private `_saveLayout` function saves the grid layout by updating each widget's properties and
     * emitting a custom event with the new layout.
     */
    private _saveLayout;
    /**
     * The function `_initGridstack` initializes a GridStack layout with event listeners for drag, resize,
     * and saving layout changes.
     */
    private _initGridstack;
    updated(changedProps: any): void;
    /**
     * The function `_updateWidgetsDensity` iterates through all `kyn-widget` elements and sets their
     * `compact` property based on the parent element's `compact` property.
     */
    private _updateWidgetsDensity;
    private _updateLayout;
    /** @internal */
    private _debounceResize;
    connectedCallback(): void;
    disconnectedCallback(): void;
    /**
     * The function `_setBreakpoint` retrieves and sets the current breakpoint value from the CSS custom
     * property `--kd-current-breakpoint`.
     */
    private _setBreakpoint;
    /**
     * The private `_setMargin` function adjusts the margin of a grid based on a breakpoint value.
     */
    private _setMargin;
}
declare global {
    interface HTMLElementTagNameMap {
        'kyn-widget-gridstack': WidgetGridstack;
    }
}
//# sourceMappingURL=widgetGridstack.d.ts.map