@furo/layout/dist/impl/FuroResizer.d.ts

Layout components for furo

import { LitElement } from 'lit';
declare const FuroResizer_base: (new (...args: any[]) => import("@furo/fbp/dist/LitFBPAC").LitFBPAC) & typeof LitElement;
/**
 * `furo-resizer`
 *  container which let you resize its width.
 *
 *  Double-click on the handler to reset the width.
 *  You need a counter part which flexes.
 *
 *
 *```html
 *   <furo-horizontal-flex>
 *     <div flex> the flexible part </div>
 *     <!-- you have to set at leas one handle to resize the content -->
 *     <furo-resizer righthandle remember="logv" minwidth="280" maxwidth="780">
 *       <some-content></some-content>
 *     </furo-resizer>
 *   </furo-horizontal-flex>
 *```
 *
 * @attribute {void} righthandle - add a handle to the right side.
 * @attribute {void} lefthandle - add a handle to the left side.
 * @slot {HTMLElement [0..n]} - default slot to add content.
 * @summary resizable box
 * @demo demo-furo-resizer  Basic usage
 * @customElement
 * @appliesMixin FBP
 */
export declare class FuroResizer extends FuroResizer_base {
    /**
     * remember the size after resizing.
     * Give the id for the rememberer, you can use the id on different views
     *
     */
    remember: string | undefined;
    /**
     * Set the maximal width of the resizer
     */
    maxwidth: number | undefined;
    /**
     * Set the minimal width of the resizer
     */
    minwidth: number | undefined;
    private _positions;
    /**
     * remove the listeners
     */
    private _unregister;
    /**
     * capture the mouse movement and resize the width
     * @param e MouseEvent
     * @private
     */
    private _movementHandler;
    /**
     * register the left handler
     * @param e
     * @private
     */
    private _startTrackingLeft;
    /**
     * register the right handler
     * @param e
     * @private
     */
    private _startTrackingRight;
    /**
     * Start mouse move tracking
     * @param e
     * @private
     */
    private _startTracking;
    /**
     * removes remember and set to the initial size
     */
    resetSize(): void;
    private leftHandle;
    private rightHandle;
    private initialWidthSetByStyle;
    private _startwidth;
    private _handleLRM;
    /**
     * flow is ready lifecycle method
     * @private
     */
    _FBPReady(): void;
    /**
     * Themable Styles
     * @private
     * @return {CSSResult}
     */
    static get styles(): import("lit").CSSResult;
    /**
     * @private
     * @returns {TemplateResult}
     * @private
     */
    render(): import("lit").TemplateResult<1>;
}
export {};