@ptsecurity/mosaic 12.2.2 → 12.3.0

package/fesm2015/ptsecurity-mosaic-popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"ptsecurity-mosaic-popover.js","sources":["../../../packages/mosaic/popover/popover-animations.ts","../../../packages/mosaic/popover/popover.component.ts","../../../packages/mosaic/popover/popover.component.html","../../../packages/mosaic/popover/popover-confirm.component.ts","../../../packages/mosaic/popover/popover-confirm.component.html","../../../packages/mosaic/popover/popover.module.ts","../../../packages/mosaic/popover/ptsecurity-mosaic-popover.ts"],"sourcesContent":["import {\n    animate,\n    AnimationTriggerMetadata,\n    state,\n    style,\n    transition,\n    trigger\n} from '@angular/animations';\n\n\nexport const mcPopoverAnimations: {\n    readonly popoverState: AnimationTriggerMetadata;\n} = {\n    /** Animation that transitions a tooltip in and out. */\n    popoverState: trigger('state', [\n        state('initial', style({\n            opacity: 0,\n            transform: 'scale(1, 0.8)'\n        })),\n        transition('* => visible', animate('120ms cubic-bezier(0, 0, 0.2, 1)', style({\n            opacity: 1,\n            transform: 'scale(1, 1)'\n        }))),\n        transition('* => hidden', animate('100ms linear', style({ opacity: 0 })))\n    ])\n};\n","import { Directionality } from '@angular/cdk/bidi';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n    FlexibleConnectedPositionStrategy,\n    Overlay,\n    ScrollDispatcher,\n    ScrollStrategy\n} from '@angular/cdk/overlay';\nimport { OverlayConfig } from '@angular/cdk/overlay/overlay-config';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    Directive,\n    ElementRef,\n    EventEmitter,\n    Inject,\n    InjectionToken,\n    Input,\n    NgZone,\n    Optional,\n    Output,\n    TemplateRef,\n    Type,\n    ViewContainerRef,\n    ViewEncapsulation\n} from '@angular/core';\nimport {\n    McPopUp,\n    McPopUpTrigger,\n    PopUpPlacements,\n    PopUpSizes,\n    PopUpTriggers,\n    POSITION_TO_CSS_MAP\n} from '@ptsecurity/mosaic/core';\nimport { merge, NEVER } from 'rxjs';\n\nimport { mcPopoverAnimations } from './popover-animations';\n\n\n@Component({\n    selector: 'mc-popover-component',\n    templateUrl: './popover.component.html',\n    preserveWhitespaces: false,\n    styleUrls: ['./popover.scss'],\n    host: {\n        '(keydown.esc)': 'hide(0)'\n    },\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    animations: [mcPopoverAnimations.popoverState]\n})\nexport class McPopoverComponent extends McPopUp {\n    prefix = 'mc-popover';\n\n    header: string | TemplateRef<any>;\n    footer: string | TemplateRef<any>;\n\n    isTrapFocus: boolean = false;\n\n    constructor(changeDetectorRef: ChangeDetectorRef) {\n        super(changeDetectorRef);\n    }\n\n    updateClassMap(placement: string, customClass: string, size: PopUpSizes) {\n        super.updateClassMap(\n            placement,\n            customClass,\n            { [`${this.prefix}_${size}`]: !!size }\n        );\n    }\n\n    updateTrapFocus(isTrapFocus: boolean): void {\n        this.isTrapFocus = isTrapFocus;\n    }\n}\n\nexport const MC_POPOVER_SCROLL_STRATEGY =\n    new InjectionToken<() => ScrollStrategy>('mc-popover-scroll-strategy');\n\n/** @docs-private */\nexport function mcPopoverScrollStrategyFactory(overlay: Overlay): () => ScrollStrategy {\n    return () => overlay.scrollStrategies.reposition({ scrollThrottle: 20 });\n}\n\n/** @docs-private */\nexport const MC_POPOVER_SCROLL_STRATEGY_FACTORY_PROVIDER = {\n    provide: MC_POPOVER_SCROLL_STRATEGY,\n    deps: [Overlay],\n    useFactory: mcPopoverScrollStrategyFactory\n};\n\n/** Creates an error to be thrown if the user supplied an invalid popover position. */\nexport function getMcPopoverInvalidPositionError(position: string) {\n    return Error(`McPopover position \"${position}\" is invalid.`);\n}\n\n\n@Directive({\n    selector: '[mcPopover]',\n    exportAs: 'mcPopover',\n    host: {\n        '[class.mc-popover_open]': 'isOpen',\n        '(keydown)': 'handleKeydown($event)',\n        '(touchend)': 'handleTouchend()'\n    }\n})\nexport class McPopoverTrigger extends McPopUpTrigger<McPopoverComponent> {\n    @Input('mcPopoverVisible')\n    get popoverVisible(): boolean {\n        return this.visible;\n    }\n\n    set popoverVisible(value: boolean) {\n        super.updateVisible(value);\n    }\n\n    @Input('mcPopoverPlacement')\n    get popoverPlacement(): PopUpPlacements {\n        return this.placement;\n    }\n\n    set popoverPlacement(value: PopUpPlacements) {\n        super.updatePlacement(value);\n    }\n\n    @Input('mcPopoverPlacementPriority')\n    get popoverPlacementPriority() {\n        return this.placementPriority;\n    }\n\n    set popoverPlacementPriority(value) {\n        super.updatePlacementPriority(value);\n    }\n\n    @Input()\n    get hasBackdrop(): boolean {\n        return this._hasBackdrop;\n    }\n\n    set hasBackdrop(value: boolean) {\n        this._hasBackdrop = coerceBooleanProperty(value);\n    }\n\n    private _hasBackdrop: boolean = false;\n\n    @Input('mcPopoverHeader')\n    get header(): string | TemplateRef<any> {\n        return this._header;\n    }\n\n    set header(value: string | TemplateRef<any>) {\n        this._header = value;\n\n        this.updateData();\n    }\n\n    private _header: string | TemplateRef<any>;\n\n    @Input('mcPopoverContent')\n    get content(): string | TemplateRef<any> {\n        return this._content;\n    }\n\n    set content(value: string | TemplateRef<any>) {\n        this._content = value;\n\n        this.updateData();\n    }\n\n    @Input('mcPopoverFooter')\n    get footer(): string | TemplateRef<any> {\n        return this._footer;\n    }\n\n    set footer(value: string | TemplateRef<any>) {\n        this._footer = value;\n\n        this.updateData();\n    }\n\n    private _footer: string | TemplateRef<any>;\n\n    @Input('mcPopoverDisabled')\n    get disabled(): boolean {\n        return this._disabled;\n    }\n\n    set disabled(value) {\n        this._disabled = coerceBooleanProperty(value);\n    }\n\n    @Input('mcTrigger')\n    get trigger(): string {\n        return this._trigger;\n    }\n\n    set trigger(value: string) {\n        if (value) {\n            this._trigger = value;\n        } else {\n            this._trigger = PopUpTriggers.Click;\n        }\n\n        this.initListeners();\n    }\n\n    private _trigger: string = PopUpTriggers.Click;\n\n    @Input('mcPopoverSize')\n    get size(): PopUpSizes {\n        return this._size;\n    }\n\n    set size(value: PopUpSizes) {\n        if ([PopUpSizes.Small, PopUpSizes.Normal, PopUpSizes.Large].includes(value)) {\n            this._size = value;\n\n            this.updateClassMap();\n        } else {\n            this._size = PopUpSizes.Normal;\n        }\n    }\n\n    private _size: PopUpSizes = PopUpSizes.Normal;\n\n    @Input('mcPopoverClass')\n    get customClass() {\n        return this._customClass;\n    }\n\n    set customClass(value: string) {\n        this._customClass = value;\n\n        this.updateClassMap();\n    }\n\n    @Input()\n    get closeOnScroll(): boolean {\n        return this._closeOnScroll;\n    }\n\n    set closeOnScroll(value: boolean) {\n        this._closeOnScroll = coerceBooleanProperty(value);\n    }\n\n    private _closeOnScroll: boolean = false;\n\n    @Input() backdropClass: string = 'cdk-overlay-transparent-backdrop';\n\n    @Output('mcPopoverPlacementChange') placementChange = new EventEmitter();\n\n    @Output('mcPopoverVisibleChange') visibleChange = new EventEmitter<boolean>();\n\n    protected originSelector = '.mc-popover';\n\n    protected get overlayConfig(): OverlayConfig {\n        return {\n            panelClass: 'mc-popover__panel',\n            hasBackdrop: this.hasBackdrop,\n            backdropClass: this.backdropClass\n        };\n    }\n\n    constructor(\n        overlay: Overlay,\n        elementRef: ElementRef,\n        ngZone: NgZone,\n        scrollDispatcher: ScrollDispatcher,\n        hostView: ViewContainerRef,\n        @Inject(MC_POPOVER_SCROLL_STRATEGY) scrollStrategy,\n        @Optional() direction: Directionality\n    ) {\n        super(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction);\n    }\n\n    updateData() {\n        if (!this.instance) { return; }\n\n        this.instance.header = this.header;\n        this.instance.content = this.content;\n        this.instance.footer = this.footer;\n\n        this.instance.updateTrapFocus(this.trigger !== PopUpTriggers.Focus);\n\n        if (this.isOpen) {\n            this.updatePosition(true);\n        }\n    }\n\n    /** Updates the position of the current popover. */\n    updatePosition(reapplyPosition: boolean = false) {\n        this.overlayRef = this.createOverlay();\n\n        const position = (this.overlayRef.getConfig().positionStrategy as FlexibleConnectedPositionStrategy)\n            .withPositions(this.getPrioritizedPositions())\n            .withPush(true);\n\n        if (reapplyPosition) {\n            setTimeout(() => position.reapplyLastPosition());\n        }\n    }\n\n    getOverlayHandleComponentType(): Type<McPopoverComponent> {\n        return McPopoverComponent;\n    }\n\n    updateClassMap(newPlacement: string = this.placement) {\n        if (!this.instance) { return; }\n\n        this.instance.updateClassMap(POSITION_TO_CSS_MAP[newPlacement], this.customClass, this.size);\n        this.instance.markForCheck();\n    }\n\n    closingActions() {\n        return merge(\n            this.overlayRef!.backdropClick(),\n            this.hasBackdrop ? NEVER : this.overlayRef!.outsidePointerEvents(),\n            this.closeOnScroll ? this.scrollDispatcher.scrolled() : NEVER,\n            this.overlayRef!.detachments()\n        );\n    }\n}\n","<div class=\"mc-popover\"\n     [cdkTrapFocus]=\"isTrapFocus\"\n     [cdkTrapFocusAutoCapture]=\"isTrapFocus\"\n     [ngClass]=\"classMap\"\n     [@state]=\"visibility\"\n     (@state.start)=\"animationStart()\"\n     (@state.done)=\"animationDone($event)\">\n\n    <div class=\"mc-popover__container\">\n        <div class=\"mc-popover__header\" *ngIf=\"header\">\n            <ng-container *ngIf=\"isTemplateRef(header)\" [ngTemplateOutlet]=\"$any(header)\"></ng-container>\n            <ng-container *ngIf=\"!isTemplateRef(header)\">\n                <div>{{ header }}</div>\n            </ng-container>\n        </div>\n\n        <div class=\"mc-popover__content\" *ngIf=\"content\">\n            <ng-container *ngIf=\"isTemplateRef(content)\" [ngTemplateOutlet]=\"$any(content)\"></ng-container>\n            <ng-container *ngIf=\"!isTemplateRef(content)\">\n                <div>{{ content }}</div>\n            </ng-container>\n        </div>\n\n        <div class=\"mc-popover__footer\" *ngIf=\"footer\">\n            <ng-container *ngIf=\"isTemplateRef(footer)\" [ngTemplateOutlet]=\"$any(footer)\"></ng-container>\n            <ng-container *ngIf=\"!isTemplateRef(footer)\">\n                <div>{{ footer }}</div>\n            </ng-container>\n        </div>\n    </div>\n\n    <div class=\"mc-popover__arrow\" [class.mc-popover__arrow_with-footer]=\"footer\"></div>\n</div>\n","import { Directionality } from '@angular/cdk/bidi';\nimport { Overlay, ScrollDispatcher } from '@angular/cdk/overlay';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    Directive,\n    ElementRef,\n    EventEmitter,\n    Inject,\n    InjectionToken,\n    Input,\n    NgZone,\n    Optional,\n    Output,\n    ViewContainerRef,\n    ViewEncapsulation\n} from '@angular/core';\nimport { ThemePalette } from '@ptsecurity/mosaic/core';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { mcPopoverAnimations } from './popover-animations';\nimport { MC_POPOVER_SCROLL_STRATEGY, McPopoverComponent, McPopoverTrigger } from './popover.component';\n\n\nexport const MC_POPOVER_CONFIRM_TEXT = new InjectionToken<string>('');\nexport const MC_POPOVER_CONFIRM_BUTTON_TEXT = new InjectionToken<string>('');\n\n@Component({\n    selector: 'mc-popover-confirm-component',\n    templateUrl: './popover-confirm.component.html',\n    preserveWhitespaces: false,\n    styleUrls: ['./popover.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    animations: [mcPopoverAnimations.popoverState]\n})\nexport class McPopoverConfirmComponent extends McPopoverComponent {\n    themePalette = ThemePalette;\n\n    onConfirm = new Subject<void>();\n    confirmButtonText: string;\n\n    confirmText: string;\n\n    constructor(changeDetectorRef: ChangeDetectorRef) {\n        super(changeDetectorRef);\n    }\n}\n\n\n@Directive({\n    selector: '[mcPopoverConfirm]',\n    exportAs: 'mcPopoverConfirm',\n    host: {\n        '[class.mc-popover_open]': 'isOpen',\n        '(keydown)': 'handleKeydown($event)',\n        '(touchend)': 'handleTouchend()'\n    }\n})\nexport class McPopoverConfirmTrigger extends McPopoverTrigger {\n    @Output() confirm: EventEmitter<void> = new EventEmitter<void>();\n\n    @Input('mcPopoverConfirmText')\n    get confirmText(): string {\n        return this._confirmText;\n    }\n\n    set confirmText(value: string) {\n        this._confirmText = value;\n\n        this.updateData();\n    }\n\n    private _confirmText: string;\n\n    @Input('mcPopoverConfirmButtonText')\n    get confirmButtonText(): string {\n        return this._confirmButtonText;\n    }\n\n    set confirmButtonText(value: string) {\n        this._confirmButtonText = value;\n\n        this.updateData();\n    }\n\n    private _confirmButtonText: string = 'Да';\n\n    constructor(\n        overlay: Overlay,\n        elementRef: ElementRef,\n        ngZone: NgZone,\n        scrollDispatcher: ScrollDispatcher,\n        hostView: ViewContainerRef,\n        @Inject(MC_POPOVER_SCROLL_STRATEGY) scrollStrategy,\n        @Optional() direction: Directionality,\n        @Optional() @Inject(MC_POPOVER_CONFIRM_TEXT) confirmText: string,\n        @Optional() @Inject(MC_POPOVER_CONFIRM_BUTTON_TEXT) confirmButtonText: string\n    ) {\n        super(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction);\n\n        this.confirmText = confirmText || 'Вы уверены, что хотите продолжить?';\n        this.confirmButtonText = confirmButtonText || 'Да';\n    }\n\n    updateData() {\n        if (!this.instance) { return; }\n        super.updateData();\n        this.setupButtonEvents();\n        this.instance.confirmButtonText = this.confirmButtonText;\n        this.instance.confirmText = this.confirmText;\n    }\n\n    setupButtonEvents() {\n        this.instance.onConfirm.pipe(takeUntil(this.destroyed)).subscribe(() => {\n            this.confirm.emit();\n            this.hide();\n        });\n    }\n\n    getOverlayHandleComponentType() {\n        return McPopoverConfirmComponent;\n    }\n}\n","<div class=\"mc-popover-confirm mc-popover\"\n     cdkTrapFocus=\"true\"\n     cdkTrapFocusAutoCapture=\"true\"\n     [ngClass]=\"classMap\"\n     [@state]=\"visibility\"\n     (@state.start)=\"animationStart()\"\n     (@state.done)=\"animationDone($event)\">\n    <div class=\"mc-popover__content\">\n        <div>{{ confirmText }}</div>\n        <button mc-button [color]=\"themePalette.Primary\" (click)=\"onConfirm.next()\">{{confirmButtonText}}</button>\n    </div>\n\n    <div class=\"mc-popover__arrow\"></div>\n</div>\n","import { A11yModule } from '@angular/cdk/a11y';\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { McButtonModule } from '@ptsecurity/mosaic/button';\n\nimport { McPopoverConfirmComponent, McPopoverConfirmTrigger } from './popover-confirm.component';\nimport { MC_POPOVER_SCROLL_STRATEGY_FACTORY_PROVIDER, McPopoverComponent, McPopoverTrigger } from './popover.component';\n\n\n@NgModule({\n    declarations: [McPopoverComponent, McPopoverTrigger, McPopoverConfirmComponent, McPopoverConfirmTrigger],\n    exports: [McPopoverComponent, McPopoverTrigger, McPopoverConfirmComponent, McPopoverConfirmTrigger],\n    imports: [CommonModule, OverlayModule, McButtonModule, A11yModule],\n    providers: [MC_POPOVER_SCROLL_STRATEGY_FACTORY_PROVIDER],\n    entryComponents: [McPopoverComponent, McPopoverConfirmComponent]\n})\nexport class McPopoverModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ptsecurity-mosaic-popover.js","sources":["../../../packages/mosaic/popover/popover-animations.ts","../../../packages/mosaic/popover/popover.component.ts","../../../packages/mosaic/popover/popover.component.html","../../../packages/mosaic/popover/popover-confirm.component.ts","../../../packages/mosaic/popover/popover-confirm.component.html","../../../packages/mosaic/popover/popover.module.ts","../../../packages/mosaic/popover/ptsecurity-mosaic-popover.ts"],"sourcesContent":["import {\n    animate,\n    AnimationTriggerMetadata,\n    state,\n    style,\n    transition,\n    trigger\n} from '@angular/animations';\n\n\nexport const mcPopoverAnimations: {\n    readonly popoverState: AnimationTriggerMetadata;\n} = {\n    /** Animation that transitions a tooltip in and out. */\n    popoverState: trigger('state', [\n        state('initial', style({\n            opacity: 0,\n            transform: 'scale(1, 0.8)'\n        })),\n        transition('* => visible', animate('120ms cubic-bezier(0, 0, 0.2, 1)', style({\n            opacity: 1,\n            transform: 'scale(1, 1)'\n        }))),\n        transition('* => hidden', animate('100ms linear', style({ opacity: 0 })))\n    ])\n};\n","import { Directionality } from '@angular/cdk/bidi';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n    FlexibleConnectedPositionStrategy,\n    Overlay,\n    ScrollDispatcher,\n    ScrollStrategy\n} from '@angular/cdk/overlay';\nimport { OverlayConfig } from '@angular/cdk/overlay/overlay-config';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    Directive,\n    ElementRef,\n    EventEmitter,\n    Inject,\n    InjectionToken,\n    Input,\n    NgZone,\n    Optional,\n    Output,\n    TemplateRef,\n    Type,\n    ViewContainerRef,\n    ViewEncapsulation\n} from '@angular/core';\nimport {\n    McPopUp,\n    McPopUpTrigger,\n    PopUpPlacements,\n    PopUpSizes,\n    PopUpTriggers,\n    POSITION_TO_CSS_MAP\n} from '@ptsecurity/mosaic/core';\nimport { merge, NEVER } from 'rxjs';\n\nimport { mcPopoverAnimations } from './popover-animations';\n\n\n@Component({\n    selector: 'mc-popover-component',\n    templateUrl: './popover.component.html',\n    preserveWhitespaces: false,\n    styleUrls: ['./popover.scss'],\n    host: {\n        '(keydown.esc)': 'hide(0)'\n    },\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    animations: [mcPopoverAnimations.popoverState]\n})\nexport class McPopoverComponent extends McPopUp {\n    prefix = 'mc-popover';\n\n    header: string | TemplateRef<any>;\n    footer: string | TemplateRef<any>;\n\n    isTrapFocus: boolean = false;\n\n    constructor(changeDetectorRef: ChangeDetectorRef) {\n        super(changeDetectorRef);\n    }\n\n    updateClassMap(placement: string, customClass: string, size: PopUpSizes) {\n        super.updateClassMap(\n            placement,\n            customClass,\n            { [`${this.prefix}_${size}`]: !!size }\n        );\n    }\n\n    updateTrapFocus(isTrapFocus: boolean): void {\n        this.isTrapFocus = isTrapFocus;\n    }\n}\n\nexport const MC_POPOVER_SCROLL_STRATEGY =\n    new InjectionToken<() => ScrollStrategy>('mc-popover-scroll-strategy');\n\n/** @docs-private */\nexport function mcPopoverScrollStrategyFactory(overlay: Overlay): () => ScrollStrategy {\n    return () => overlay.scrollStrategies.reposition({ scrollThrottle: 20 });\n}\n\n/** @docs-private */\nexport const MC_POPOVER_SCROLL_STRATEGY_FACTORY_PROVIDER = {\n    provide: MC_POPOVER_SCROLL_STRATEGY,\n    deps: [Overlay],\n    useFactory: mcPopoverScrollStrategyFactory\n};\n\n/** Creates an error to be thrown if the user supplied an invalid popover position. */\nexport function getMcPopoverInvalidPositionError(position: string) {\n    return Error(`McPopover position \"${position}\" is invalid.`);\n}\n\n\n@Directive({\n    selector: '[mcPopover]',\n    exportAs: 'mcPopover',\n    host: {\n        '[class.mc-popover_open]': 'isOpen',\n        '(keydown)': 'handleKeydown($event)',\n        '(touchend)': 'handleTouchend()'\n    }\n})\nexport class McPopoverTrigger extends McPopUpTrigger<McPopoverComponent> {\n    @Input('mcPopoverVisible')\n    get popoverVisible(): boolean {\n        return this.visible;\n    }\n\n    set popoverVisible(value: boolean) {\n        super.updateVisible(value);\n    }\n\n    @Input('mcPopoverPlacement')\n    get popoverPlacement(): PopUpPlacements {\n        return this.placement;\n    }\n\n    set popoverPlacement(value: PopUpPlacements) {\n        super.updatePlacement(value);\n    }\n\n    @Input('mcPopoverPlacementPriority')\n    get popoverPlacementPriority() {\n        return this.placementPriority;\n    }\n\n    set popoverPlacementPriority(value) {\n        super.updatePlacementPriority(value);\n    }\n\n    @Input()\n    get hasBackdrop(): boolean {\n        return this._hasBackdrop;\n    }\n\n    set hasBackdrop(value: boolean) {\n        this._hasBackdrop = coerceBooleanProperty(value);\n    }\n\n    private _hasBackdrop: boolean = false;\n\n    @Input('mcPopoverHeader')\n    get header(): string | TemplateRef<any> {\n        return this._header;\n    }\n\n    set header(value: string | TemplateRef<any>) {\n        this._header = value;\n\n        this.updateData();\n    }\n\n    private _header: string | TemplateRef<any>;\n\n    @Input('mcPopoverContent')\n    get content(): string | TemplateRef<any> {\n        return this._content;\n    }\n\n    set content(value: string | TemplateRef<any>) {\n        this._content = value;\n\n        this.updateData();\n    }\n\n    @Input('mcPopoverFooter')\n    get footer(): string | TemplateRef<any> {\n        return this._footer;\n    }\n\n    set footer(value: string | TemplateRef<any>) {\n        this._footer = value;\n\n        this.updateData();\n    }\n\n    private _footer: string | TemplateRef<any>;\n\n    @Input('mcPopoverDisabled')\n    get disabled(): boolean {\n        return this._disabled;\n    }\n\n    set disabled(value) {\n        this._disabled = coerceBooleanProperty(value);\n    }\n\n    @Input('mcTrigger')\n    get trigger(): string {\n        return this._trigger;\n    }\n\n    set trigger(value: string) {\n        if (value) {\n            this._trigger = value;\n        } else {\n            this._trigger = PopUpTriggers.Click;\n        }\n\n        this.initListeners();\n    }\n\n    private _trigger: string = PopUpTriggers.Click;\n\n    @Input('mcPopoverSize')\n    get size(): PopUpSizes {\n        return this._size;\n    }\n\n    set size(value: PopUpSizes) {\n        if ([PopUpSizes.Small, PopUpSizes.Normal, PopUpSizes.Large].includes(value)) {\n            this._size = value;\n\n            this.updateClassMap();\n        } else {\n            this._size = PopUpSizes.Normal;\n        }\n    }\n\n    private _size: PopUpSizes = PopUpSizes.Normal;\n\n    @Input('mcPopoverClass')\n    get customClass() {\n        return this._customClass;\n    }\n\n    set customClass(value: string) {\n        this._customClass = value;\n\n        this.updateClassMap();\n    }\n\n    @Input()\n    get closeOnScroll(): boolean {\n        return this._closeOnScroll;\n    }\n\n    set closeOnScroll(value: boolean) {\n        this._closeOnScroll = coerceBooleanProperty(value);\n    }\n\n    private _closeOnScroll: boolean = false;\n\n    @Input() backdropClass: string = 'cdk-overlay-transparent-backdrop';\n\n    @Output('mcPopoverPlacementChange') placementChange = new EventEmitter();\n\n    @Output('mcPopoverVisibleChange') visibleChange = new EventEmitter<boolean>();\n\n    protected originSelector = '.mc-popover';\n\n    protected get overlayConfig(): OverlayConfig {\n        return {\n            panelClass: 'mc-popover__panel',\n            hasBackdrop: this.hasBackdrop,\n            backdropClass: this.backdropClass\n        };\n    }\n\n    constructor(\n        overlay: Overlay,\n        elementRef: ElementRef,\n        ngZone: NgZone,\n        scrollDispatcher: ScrollDispatcher,\n        hostView: ViewContainerRef,\n        @Inject(MC_POPOVER_SCROLL_STRATEGY) scrollStrategy,\n        @Optional() direction: Directionality\n    ) {\n        super(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction);\n    }\n\n    updateData() {\n        if (!this.instance) { return; }\n\n        this.instance.header = this.header;\n        this.instance.content = this.content;\n        this.instance.footer = this.footer;\n\n        this.instance.updateTrapFocus(this.trigger !== PopUpTriggers.Focus);\n\n        if (this.isOpen) {\n            this.updatePosition(true);\n        }\n    }\n\n    /** Updates the position of the current popover. */\n    updatePosition(reapplyPosition: boolean = false) {\n        this.overlayRef = this.createOverlay();\n\n        const position = (this.overlayRef.getConfig().positionStrategy as FlexibleConnectedPositionStrategy)\n            .withPositions(this.getPrioritizedPositions())\n            .withPush(true);\n\n        if (reapplyPosition) {\n            setTimeout(() => position.reapplyLastPosition());\n        }\n    }\n\n    getOverlayHandleComponentType(): Type<McPopoverComponent> {\n        return McPopoverComponent;\n    }\n\n    updateClassMap(newPlacement: string = this.placement) {\n        if (!this.instance) { return; }\n\n        this.instance.updateClassMap(POSITION_TO_CSS_MAP[newPlacement], this.customClass, this.size);\n        this.instance.markForCheck();\n    }\n\n    closingActions() {\n        return merge(\n            this.overlayRef!.backdropClick(),\n            this.hasBackdrop ? NEVER : this.overlayRef!.outsidePointerEvents(),\n            this.closeOnScroll ? this.scrollDispatcher.scrolled() : NEVER,\n            this.overlayRef!.detachments()\n        );\n    }\n}\n","<div class=\"mc-popover\"\n     [cdkTrapFocus]=\"isTrapFocus\"\n     [cdkTrapFocusAutoCapture]=\"isTrapFocus\"\n     [ngClass]=\"classMap\"\n     [@state]=\"visibility\"\n     (@state.start)=\"animationStart()\"\n     (@state.done)=\"animationDone($event)\">\n\n    <div class=\"mc-popover__container\">\n        <div class=\"mc-popover__header\" *ngIf=\"header\">\n            <ng-container *ngIf=\"isTemplateRef(header)\" [ngTemplateOutlet]=\"$any(header)\"></ng-container>\n            <ng-container *ngIf=\"!isTemplateRef(header)\">\n                <div>{{ header }}</div>\n            </ng-container>\n        </div>\n\n        <div class=\"mc-popover__content\"\n             [ngClass]=\"{ 'mc-popover__content_padding_bottom': footer }\"\n             *ngIf=\"content\">\n            <ng-container *ngIf=\"isTemplateRef(content)\" [ngTemplateOutlet]=\"$any(content)\"></ng-container>\n            <ng-container *ngIf=\"!isTemplateRef(content)\">\n                <div>{{ content }}</div>\n            </ng-container>\n        </div>\n\n        <div class=\"mc-popover__footer\" *ngIf=\"footer\">\n            <ng-container *ngIf=\"isTemplateRef(footer)\" [ngTemplateOutlet]=\"$any(footer)\"></ng-container>\n            <ng-container *ngIf=\"!isTemplateRef(footer)\">\n                <div>{{ footer }}</div>\n            </ng-container>\n        </div>\n    </div>\n\n    <div class=\"mc-popover__arrow\" [class.mc-popover__arrow_with-footer]=\"footer\"></div>\n</div>\n","import { Directionality } from '@angular/cdk/bidi';\nimport { Overlay, ScrollDispatcher } from '@angular/cdk/overlay';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    Directive,\n    ElementRef,\n    EventEmitter,\n    Inject,\n    InjectionToken,\n    Input,\n    NgZone,\n    Optional,\n    Output,\n    ViewContainerRef,\n    ViewEncapsulation\n} from '@angular/core';\nimport { ThemePalette } from '@ptsecurity/mosaic/core';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { mcPopoverAnimations } from './popover-animations';\nimport { MC_POPOVER_SCROLL_STRATEGY, McPopoverComponent, McPopoverTrigger } from './popover.component';\n\n\nexport const MC_POPOVER_CONFIRM_TEXT = new InjectionToken<string>('');\nexport const MC_POPOVER_CONFIRM_BUTTON_TEXT = new InjectionToken<string>('');\n\n@Component({\n    selector: 'mc-popover-confirm-component',\n    templateUrl: './popover-confirm.component.html',\n    preserveWhitespaces: false,\n    styleUrls: ['./popover.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    animations: [mcPopoverAnimations.popoverState]\n})\nexport class McPopoverConfirmComponent extends McPopoverComponent {\n    themePalette = ThemePalette;\n\n    onConfirm = new Subject<void>();\n    confirmButtonText: string;\n\n    confirmText: string;\n\n    constructor(changeDetectorRef: ChangeDetectorRef) {\n        super(changeDetectorRef);\n    }\n}\n\n\n@Directive({\n    selector: '[mcPopoverConfirm]',\n    exportAs: 'mcPopoverConfirm',\n    host: {\n        '[class.mc-popover_open]': 'isOpen',\n        '(keydown)': 'handleKeydown($event)',\n        '(touchend)': 'handleTouchend()'\n    }\n})\nexport class McPopoverConfirmTrigger extends McPopoverTrigger {\n    @Output() confirm: EventEmitter<void> = new EventEmitter<void>();\n\n    @Input('mcPopoverConfirmText')\n    get confirmText(): string {\n        return this._confirmText;\n    }\n\n    set confirmText(value: string) {\n        this._confirmText = value;\n\n        this.updateData();\n    }\n\n    private _confirmText: string;\n\n    @Input('mcPopoverConfirmButtonText')\n    get confirmButtonText(): string {\n        return this._confirmButtonText;\n    }\n\n    set confirmButtonText(value: string) {\n        this._confirmButtonText = value;\n\n        this.updateData();\n    }\n\n    private _confirmButtonText: string = 'Да';\n\n    constructor(\n        overlay: Overlay,\n        elementRef: ElementRef,\n        ngZone: NgZone,\n        scrollDispatcher: ScrollDispatcher,\n        hostView: ViewContainerRef,\n        @Inject(MC_POPOVER_SCROLL_STRATEGY) scrollStrategy,\n        @Optional() direction: Directionality,\n        @Optional() @Inject(MC_POPOVER_CONFIRM_TEXT) confirmText: string,\n        @Optional() @Inject(MC_POPOVER_CONFIRM_BUTTON_TEXT) confirmButtonText: string\n    ) {\n        super(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction);\n\n        this.confirmText = confirmText || 'Вы уверены, что хотите продолжить?';\n        this.confirmButtonText = confirmButtonText || 'Да';\n    }\n\n    updateData() {\n        if (!this.instance) { return; }\n        super.updateData();\n        this.setupButtonEvents();\n        this.instance.confirmButtonText = this.confirmButtonText;\n        this.instance.confirmText = this.confirmText;\n    }\n\n    setupButtonEvents() {\n        this.instance.onConfirm.pipe(takeUntil(this.destroyed)).subscribe(() => {\n            this.confirm.emit();\n            this.hide();\n        });\n    }\n\n    getOverlayHandleComponentType() {\n        return McPopoverConfirmComponent;\n    }\n}\n","<div class=\"mc-popover-confirm mc-popover\"\n     cdkTrapFocus=\"true\"\n     cdkTrapFocusAutoCapture=\"true\"\n     [ngClass]=\"classMap\"\n     [@state]=\"visibility\"\n     (@state.start)=\"animationStart()\"\n     (@state.done)=\"animationDone($event)\">\n    <div class=\"mc-popover__content\">\n        <div>{{ confirmText }}</div>\n        <button mc-button [color]=\"themePalette.Primary\" (click)=\"onConfirm.next()\">{{confirmButtonText}}</button>\n    </div>\n\n    <div class=\"mc-popover__arrow\"></div>\n</div>\n","import { A11yModule } from '@angular/cdk/a11y';\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { McButtonModule } from '@ptsecurity/mosaic/button';\n\nimport { McPopoverConfirmComponent, McPopoverConfirmTrigger } from './popover-confirm.component';\nimport { MC_POPOVER_SCROLL_STRATEGY_FACTORY_PROVIDER, McPopoverComponent, McPopoverTrigger } from './popover.component';\n\n\n@NgModule({\n    declarations: [McPopoverComponent, McPopoverTrigger, McPopoverConfirmComponent, McPopoverConfirmTrigger],\n    exports: [McPopoverComponent, McPopoverTrigger, McPopoverConfirmComponent, McPopoverConfirmTrigger],\n    imports: [CommonModule, OverlayModule, McButtonModule, A11yModule],\n    providers: [MC_POPOVER_SCROLL_STRATEGY_FACTORY_PROVIDER],\n    entryComponents: [McPopoverComponent, McPopoverConfirmComponent]\n})\nexport class McPopoverModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/ptsecurity-mosaic-splitter.js

@@ -1,7 +1,7 @@
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Directive, Input, EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Output, ViewChildren, NgModule } from '@angular/core';
+import { Directive, Input, EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Output, ViewChildren, ViewChild, NgModule } from '@angular/core';
 import { McIconModule } from '@ptsecurity/mosaic/icon';
 import { coerceNumberProperty, coerceCssPixelValue, coerceBooleanProperty } from '@angular/cdk/coercion';
 
@@ -37,32 +37,38 @@ class McGutterDirective {
     set size(size) {
         this._size = coerceNumberProperty(size);
     }
+    get isVertical() {
+        return this._direction === Direction.Vertical;
+    }
     ngOnInit() {
         this.setStyle("flex-basis" /* FlexBasis */, coerceCssPixelValue(this.size));
-        this.setStyle(this.isVertical() ? "height" /* Height */ : "width" /* Width */, coerceCssPixelValue(this.size));
+        this.setStyle(this.isVertical ? "height" /* Height */ : "width" /* Width */, coerceCssPixelValue(this.size));
         this.setStyle("order" /* Order */, this.order);
-        if (!this.isVertical()) {
+        if (!this.isVertical) {
             this.setStyle("height" /* Height */, '100%');
         }
         // fix IE issue with gutter icon. flex-direction is requied for flex alignment options
-        this.setStyle("flex-direction" /* FlexDirection */, this.isVertical() ? 'row' : 'column');
+        this.setStyle("flex-direction" /* FlexDirection */, this.isVertical ? 'row' : 'column');
     }
-    isVertical() {
-        return this.direction === Direction.Vertical;
+    getPosition() {
+        return {
+            x: this.elementRef.nativeElement.offsetLeft,
+            y: this.elementRef.nativeElement.offsetTop
+        };
     }
     setStyle(property, value) {
         this.renderer.setStyle(this.elementRef.nativeElement, property, value);
     }
 }
 /** @nocollapse */ McGutterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McGutterDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ McGutterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: McGutterDirective, selector: "mc-gutter", inputs: { direction: "direction", order: "order", size: "size" }, host: { listeners: { "mousedown": "dragged = true" }, properties: { "class.mc-gutter_vertical": "isVertical()", "class.mc-gutter_dragged": "dragged" }, classAttribute: "mc-gutter" }, ngImport: i0 });
+/** @nocollapse */ McGutterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: McGutterDirective, selector: "mc-gutter", inputs: { direction: "direction", order: "order", size: "size" }, host: { listeners: { "mousedown": "dragged = true" }, properties: { "class.mc-gutter_vertical": "isVertical", "class.mc-gutter_dragged": "dragged" }, classAttribute: "mc-gutter" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McGutterDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'mc-gutter',
                     host: {
                         class: 'mc-gutter',
-                        '[class.mc-gutter_vertical]': 'isVertical()',
+                        '[class.mc-gutter_vertical]': 'isVertical',
                         '[class.mc-gutter_dragged]': 'dragged',
                         '(mousedown)': 'dragged = true'
                     }
@@ -74,6 +80,77 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
             }], size: [{
                 type: Input
             }] } });
+class McGutterGhostDirective {
+    constructor(elementRef, renderer) {
+        this.elementRef = elementRef;
+        this.renderer = renderer;
+        this._x = 0;
+        this._y = 0;
+        this._direction = Direction.Vertical;
+        this._size = 6;
+    }
+    get x() {
+        return this._x;
+    }
+    set x(x) {
+        this._x = x;
+        this.setStyle("left" /* Left */, coerceCssPixelValue(x));
+    }
+    get y() {
+        return this._y;
+    }
+    set y(y) {
+        this._y = y;
+        this.setStyle("top" /* Top */, coerceCssPixelValue(y));
+    }
+    get direction() {
+        return this._direction;
+    }
+    set direction(direction) {
+        this._direction = direction;
+        this.updateDimensions();
+    }
+    get size() {
+        return this._size;
+    }
+    set size(size) {
+        this._size = coerceNumberProperty(size);
+        this.updateDimensions();
+    }
+    get isVertical() {
+        return this.direction === Direction.Vertical;
+    }
+    updateDimensions() {
+        this.setStyle(this.isVertical ? "width" /* Width */ : "height" /* Height */, '100%');
+        this.setStyle(this.isVertical ? "height" /* Height */ : "width" /* Width */, coerceCssPixelValue(this.size));
+    }
+    setStyle(property, value) {
+        this.renderer.setStyle(this.elementRef.nativeElement, property, value);
+    }
+}
+/** @nocollapse */ McGutterGhostDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McGutterGhostDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ McGutterGhostDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: McGutterGhostDirective, selector: "mc-gutter-ghost", inputs: { visible: "visible", x: "x", y: "y", direction: "direction", size: "size" }, host: { properties: { "class.mc-gutter-ghost_vertical": "isVertical", "class.mc-gutter-ghost_visible": "visible" }, classAttribute: "mc-gutter-ghost" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McGutterGhostDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'mc-gutter-ghost',
+                    host: {
+                        class: 'mc-gutter-ghost',
+                        '[class.mc-gutter-ghost_vertical]': 'isVertical',
+                        '[class.mc-gutter-ghost_visible]': 'visible'
+                    }
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { visible: [{
+                type: Input
+            }], x: [{
+                type: Input
+            }], y: [{
+                type: Input
+            }], direction: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });
 class McSplitterComponent {
     constructor(elementRef, changeDetectorRef, ngZone, renderer) {
         this.elementRef = elementRef;
@@ -82,12 +159,17 @@ class McSplitterComponent {
         this.renderer = renderer;
         this.gutterPositionChange = new EventEmitter();
         this.areas = [];
-        this.isDragging = false;
+        this._isDragging = false;
         this.areaPositionDivider = 2;
         this.listeners = [];
         this._hideGutters = false;
         this._disabled = false;
+        this._useGhost = false;
         this._gutterSize = 6;
+        this._resizing = false;
+    }
+    get isDragging() {
+        return this._isDragging;
     }
     get hideGutters() {
         return this._hideGutters;
@@ -107,6 +189,12 @@ class McSplitterComponent {
     set disabled(disabled) {
         this._disabled = coerceBooleanProperty(disabled);
     }
+    get useGhost() {
+        return this._useGhost;
+    }
+    set useGhost(useGhost) {
+        this._useGhost = coerceBooleanProperty(useGhost);
+    }
     get gutterSize() {
         return this._gutterSize;
     }
@@ -114,6 +202,9 @@ class McSplitterComponent {
         const size = coerceNumberProperty(gutterSize);
         this._gutterSize = size > 0 ? size : this.gutterSize;
     }
+    get resizing() {
+        return this._resizing;
+    }
     addArea(area) {
         const index = this.areas.length;
         const order = index * this.areaPositionDivider;
@@ -137,26 +228,41 @@ class McSplitterComponent {
             return;
         }
         event.preventDefault();
-        const leftArea = this.areas[leftAreaIndex];
-        const rightArea = this.areas[rightAreaIndex];
         const startPoint = {
             x: event.screenX,
             y: event.screenY
         };
+        const leftArea = this.areas[leftAreaIndex];
+        const rightArea = this.areas[rightAreaIndex];
         leftArea.initialSize = leftArea.area.getSize();
         rightArea.initialSize = rightArea.area.getSize();
-        this.areas.forEach((item) => {
-            const size = item.area.getSize();
-            item.area.disableFlex();
-            item.area.setSize(size);
-        });
-        this.ngZone.runOutsideAngular(() => {
-            this.listeners.push(this.renderer.listen('document', 'mouseup', () => this.onMouseUp()));
-        });
+        let currentGutter;
+        if (this.useGhost) {
+            // tslint:disable-next-line:no-magic-numbers
+            const gutterOrder = leftAreaIndex * 2 + 1;
+            currentGutter = this.gutters.find((gutter) => gutter.order === gutterOrder);
+            if (currentGutter) {
+                const gutterPosition = currentGutter.getPosition();
+                this.ghost.direction = currentGutter.direction;
+                this.ghost.size = currentGutter.size;
+                this.ghost.x = gutterPosition.x;
+                this.ghost.y = gutterPosition.y;
+                this.ghost.visible = true;
+                this.setStyle("cursor" /* Cursor */, currentGutter.direction === Direction.Vertical ? 'row-resize' : 'col-resize');
+            }
+        }
+        else {
+            this.areas.forEach((item) => {
+                const size = item.area.getSize();
+                item.area.disableFlex();
+                item.area.setSize(size);
+            });
+        }
+        this.listeners.push(this.renderer.listen('document', 'mouseup', () => this.onMouseUp(leftArea, rightArea, currentGutter)));
         this.ngZone.runOutsideAngular(() => {
-            this.listeners.push(this.renderer.listen('document', 'mousemove', (e) => this.onMouseMove(e, startPoint, leftArea, rightArea)));
+            this.listeners.push(this.renderer.listen('document', 'mousemove', (e) => this.onMouseMove(e, startPoint, leftArea, rightArea, currentGutter)));
         });
-        this.isDragging = true;
+        this._isDragging = true;
     }
     removeArea(area) {
         let indexToRemove = -1;
@@ -183,7 +289,7 @@ class McSplitterComponent {
             }
         });
     }
-    onMouseMove(event, startPoint, leftArea, rightArea) {
+    onMouseMove(event, startPoint, leftArea, rightArea, currentGutter) {
         if (!this.isDragging || this.disabled) {
             return;
         }
@@ -194,11 +300,28 @@ class McSplitterComponent {
         const offset = this.isVertical()
             ? startPoint.y - endPoint.y
             : startPoint.x - endPoint.x;
-        const newLeftAreaSize = leftArea.initialSize - offset;
-        const newRightAreaSize = rightArea.initialSize + offset;
+        if (this.useGhost && currentGutter) {
+            const gutterPosition = currentGutter.getPosition();
+            const leftPos = leftArea.area.getPosition();
+            const rightPos = rightArea.area.getPosition();
+            const rightMin = rightArea.area.getMinSize() || 0;
+            const leftMin = leftArea.area.getMinSize() || 0;
+            const key = this.isVertical() ? 'y' : 'x';
+            const minPos = leftPos[key] - leftMin;
+            const maxPos = rightPos[key] + (rightArea.area.getSize() || 0) - rightMin - currentGutter.size;
+            const newPos = gutterPosition[key] - offset;
+            this.ghost[key] = newPos < minPos ? minPos : Math.min(newPos, maxPos);
+        }
+        else {
+            this.resizeAreas(leftArea, rightArea, offset);
+        }
+    }
+    resizeAreas(leftArea, rightArea, sizeOffset) {
+        const newLeftAreaSize = leftArea.initialSize - sizeOffset;
+        const newRightAreaSize = rightArea.initialSize + sizeOffset;
         const minLeftAreaSize = leftArea.area.getMinSize();
         const minRightAreaSize = rightArea.area.getMinSize();
-        if (newLeftAreaSize <= minLeftAreaSize || newRightAreaSize <= minRightAreaSize) {
+        if (newLeftAreaSize < minLeftAreaSize || newRightAreaSize < minRightAreaSize) {
             return;
         }
         else if (newLeftAreaSize <= 0) {
@@ -214,14 +337,23 @@ class McSplitterComponent {
             rightArea.area.setSize(newRightAreaSize);
         }
     }
-    onMouseUp() {
+    onMouseUp(leftArea, rightArea, currentGutter) {
         while (this.listeners.length > 0) {
             const unsubscribe = this.listeners.pop();
             if (unsubscribe) {
                 unsubscribe();
             }
         }
-        this.isDragging = false;
+        if (this.useGhost && currentGutter) {
+            const gutterPosition = currentGutter.getPosition();
+            const offset = this.ghost.direction === Direction.Vertical ?
+                gutterPosition.y - this.ghost.y :
+                gutterPosition.x - this.ghost.x;
+            this.resizeAreas(leftArea, rightArea, offset);
+            this.ghost.visible = false;
+            this.setStyle("cursor" /* Cursor */, 'unset');
+        }
+        this._isDragging = false;
         this.updateGutter();
         this.gutterPositionChange.emit();
     }
@@ -230,7 +362,7 @@ class McSplitterComponent {
     }
 }
 /** @nocollapse */ McSplitterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McSplitterComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ McSplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: McSplitterComponent, selector: "mc-splitter", inputs: { hideGutters: "hideGutters", direction: "direction", disabled: "disabled", gutterSize: "gutterSize" }, outputs: { gutterPositionChange: "gutterPositionChange" }, host: { classAttribute: "mc-splitter" }, viewQueries: [{ propertyName: "gutters", predicate: McGutterDirective, descendants: true }], exportAs: ["mcSplitter"], ngImport: i0, template: "<ng-content></ng-content>\n\n<ng-template ngFor let-area [ngForOf]=\"areas\" let-index=\"index\" let-last=\"last\">\n    <mc-gutter *ngIf=\"last === false\"\n               [direction]=\"direction\"\n               [attr.disabled]=\"disabled || null\"\n               [style.display]=\"hideGutters ? 'none' : 'flex'\"\n               [size]=\"gutterSize\"\n               [order]=\"index * 2 + 1\"\n               (mousedown)=\"onMouseDown($event, index, index + 1)\">\n    </mc-gutter>\n</ng-template>\n", styles: [".mc-splitter{display:flex;flex-wrap:nowrap;align-items:stretch;overflow:hidden}.mc-splitter .mc-splitter-area{overflow:hidden}.mc-gutter{display:flex;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;overflow:hidden}.mc-gutter.mc-gutter_vertical>.mc-icon{transform:rotate(90deg)}\n"], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: McGutterDirective, selector: "mc-gutter", inputs: ["direction", "order", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+/** @nocollapse */ McSplitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: McSplitterComponent, selector: "mc-splitter", inputs: { hideGutters: "hideGutters", direction: "direction", disabled: "disabled", useGhost: "useGhost", gutterSize: "gutterSize" }, outputs: { gutterPositionChange: "gutterPositionChange" }, host: { classAttribute: "mc-splitter" }, viewQueries: [{ propertyName: "ghost", first: true, predicate: McGutterGhostDirective, descendants: true }, { propertyName: "gutters", predicate: McGutterDirective, descendants: true }], exportAs: ["mcSplitter"], ngImport: i0, template: "<ng-content></ng-content>\n\n<ng-template ngFor let-area [ngForOf]=\"areas\" let-index=\"index\" let-last=\"last\">\n    <mc-gutter *ngIf=\"last === false\"\n               [direction]=\"direction\"\n               [attr.disabled]=\"disabled || null\"\n               [style.display]=\"hideGutters ? 'none' : 'flex'\"\n               [size]=\"gutterSize\"\n               [order]=\"index * 2 + 1\"\n               (mousedown)=\"onMouseDown($event, index, index + 1)\">\n    </mc-gutter>\n</ng-template>\n\n<mc-gutter-ghost *ngIf=\"useGhost\"></mc-gutter-ghost>\n", styles: [".mc-splitter{display:flex;position:relative;flex-wrap:nowrap;align-items:stretch;overflow:hidden}.mc-splitter .mc-splitter-area{overflow:hidden}.mc-splitter .mc-splitter-area_resizing{pointer-events:none}.mc-gutter{display:flex;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;overflow:hidden}.mc-gutter.mc-gutter_vertical>.mc-icon{transform:rotate(90deg)}.mc-gutter-ghost{position:absolute;z-index:999;display:none;overflow:hidden}.mc-gutter-ghost.mc-gutter-ghost_vertical>.mc-icon{transform:rotate(90deg)}.mc-gutter-ghost.mc-gutter-ghost_visible{display:block}\n"], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: McGutterDirective, selector: "mc-gutter", inputs: ["direction", "order", "size"] }, { type: McGutterGhostDirective, selector: "mc-gutter-ghost", inputs: ["visible", "x", "y", "direction", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McSplitterComponent, decorators: [{
             type: Component,
             args: [{
@@ -250,12 +382,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
             }], gutters: [{
                 type: ViewChildren,
                 args: [McGutterDirective]
+            }], ghost: [{
+                type: ViewChild,
+                args: [McGutterGhostDirective]
             }], hideGutters: [{
                 type: Input
             }], direction: [{
                 type: Input
             }], disabled: [{
                 type: Input
+            }], useGhost: [{
+                type: Input
             }], gutterSize: [{
                 type: Input
             }] } });
@@ -266,6 +403,9 @@ class McSplitterAreaDirective {
         this.splitter = splitter;
         this.sizeChange = new EventEmitter();
     }
+    isResizing() {
+        return this.splitter.isDragging;
+    }
     disableFlex() {
         this.renderer.removeStyle(this.elementRef.nativeElement, 'flex');
     }
@@ -289,7 +429,7 @@ class McSplitterAreaDirective {
         this.setStyle("order" /* Order */, order);
     }
     setSize(size) {
-        if (size) {
+        if (!isNaN(size)) {
             const sz = coerceNumberProperty(size);
             this.setStyle(this.getSizeProperty(), coerceCssPixelValue(sz));
         }
@@ -297,6 +437,12 @@ class McSplitterAreaDirective {
     getSize() {
         return this.elementRef.nativeElement[this.getOffsetSizeProperty()];
     }
+    getPosition() {
+        return {
+            x: this.elementRef.nativeElement.offsetLeft,
+            y: this.elementRef.nativeElement.offsetTop
+        };
+    }
     getMinSize() {
         const styles = getComputedStyle(this.elementRef.nativeElement);
         return parseFloat(styles[this.getMinSizeProperty()]);
@@ -330,13 +476,14 @@ class McSplitterAreaDirective {
     }
 }
 /** @nocollapse */ McSplitterAreaDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McSplitterAreaDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: McSplitterComponent }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ McSplitterAreaDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: McSplitterAreaDirective, selector: "[mc-splitter-area]", outputs: { sizeChange: "sizeChange" }, host: { classAttribute: "mc-splitter-area" }, ngImport: i0 });
+/** @nocollapse */ McSplitterAreaDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: McSplitterAreaDirective, selector: "[mc-splitter-area]", outputs: { sizeChange: "sizeChange" }, host: { properties: { "class.mc-splitter-area_resizing": "isResizing()" }, classAttribute: "mc-splitter-area" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McSplitterAreaDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[mc-splitter-area]',
                     host: {
-                        class: 'mc-splitter-area'
+                        class: 'mc-splitter-area',
+                        '[class.mc-splitter-area_resizing]': 'isResizing()'
                     }
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: McSplitterComponent }]; }, propDecorators: { sizeChange: [{
@@ -347,6 +494,7 @@ class McSplitterModule {
 }
 /** @nocollapse */ McSplitterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McSplitterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 /** @nocollapse */ McSplitterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McSplitterModule, declarations: [McGutterDirective,
+        McGutterGhostDirective,
         McSplitterAreaDirective,
         McSplitterComponent], imports: [CommonModule,
         McIconModule], exports: [McGutterDirective,
@@ -370,6 +518,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
                     ],
                     declarations: [
                         McGutterDirective,
+                        McGutterGhostDirective,
                         McSplitterAreaDirective,
                         McSplitterComponent
                     ]
@@ -380,5 +529,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { Direction, McGutterDirective, McSplitterAreaDirective, McSplitterComponent, McSplitterModule };
+export { Direction, McGutterDirective, McGutterGhostDirective, McSplitterAreaDirective, McSplitterComponent, McSplitterModule };
 //# sourceMappingURL=ptsecurity-mosaic-splitter.js.map