@plait/draw 0.52.0 → 0.54.0

package/generators/line-auto-complete.generator.d.ts

@@ -1,12 +1,12 @@
 import { PlaitBoard } from '@plait/core';
-import { PlaitGeometry, PlaitShape } from '../interfaces';
+import { PlaitGeometry, PlaitShapeElement } from '../interfaces';
 import { ActiveGeneratorExtraData, Generator } from '@plait/common';
-export declare class LineAutoCompleteGenerator extends Generator<PlaitShape, ActiveGeneratorExtraData> {
+export declare class LineAutoCompleteGenerator extends Generator<PlaitShapeElement, ActiveGeneratorExtraData> {
     board: PlaitBoard;
     autoCompleteG: SVGGElement;
     hoverElement: SVGGElement | null;
     constructor(board: PlaitBoard);
-    canDraw(element: PlaitShape, data: ActiveGeneratorExtraData): boolean;
+    canDraw(element: PlaitShapeElement, data: ActiveGeneratorExtraData): boolean;
     draw(element: PlaitGeometry, data: ActiveGeneratorExtraData): SVGGElement;
     removeAutoCompleteG(index: number): void;
     recoverAutoCompleteG(): void;

package/interfaces/index.d.ts

@@ -7,14 +7,14 @@ export * from './geometry';
 export * from './text';
 export * from './element';
 export type PlaitDrawElement = PlaitGeometry | PlaitLine | PlaitImage;
-export type PlaitShape = PlaitGeometry | PlaitImage;
+export type PlaitShapeElement = PlaitGeometry | PlaitImage;
 export declare const PlaitDrawElement: {
     isGeometry: (value: any) => value is PlaitGeometry;
     isLine: (value: any) => value is PlaitLine;
     isText: (value: any) => value is PlaitText;
     isImage: (value: any) => value is PlaitImage;
     isDrawElement: (value: any) => value is PlaitDrawElement;
-    isShape: (value: any) => value is PlaitShape;
+    isShapeElement: (value: any) => value is PlaitShapeElement;
     isBasicShape: (value: any) => boolean;
     isFlowchart: (value: any) => boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plait/draw",
-  "version": "0.52.0",
+  "version": "0.54.0",
   "peerDependencies": {
     "@angular/common": "^17.2.4",
     "@angular/core": "^17.2.4",

package/plugins/with-draw-fragment.d.ts

@@ -1,4 +1,4 @@
 import { PlaitBoard } from '@plait/core';
-import { PlaitLine, PlaitShape } from '../interfaces';
+import { PlaitLine, PlaitShapeElement } from '../interfaces';
 export declare const withDrawFragment: (baseBoard: PlaitBoard) => PlaitBoard;
-export declare const getBoundedLineElements: (board: PlaitBoard, plaitShapes: PlaitShape[]) => PlaitLine[];
+export declare const getBoundedLineElements: (board: PlaitBoard, plaitShapes: PlaitShapeElement[]) => PlaitLine[];

package/plugins/with-draw-resize.d.ts

@@ -1,6 +1,12 @@
 import { ResizeRef, ResizeState } from '@plait/common';
 import { PlaitBoard, Point } from '@plait/core';
 import { PlaitDrawElement } from '../interfaces';
+export interface BulkRotationRef {
+    angle: number;
+    offsetX: number;
+    offsetY: number;
+    newCenterPoint: Point;
+}
 export declare function withDrawResize(board: PlaitBoard): PlaitBoard;
 export declare const getResizeOriginPointAndHandlePoint: (board: PlaitBoard, resizeRef: ResizeRef<PlaitDrawElement | PlaitDrawElement[]>) => {
     originPoint: Point;
@@ -11,3 +17,9 @@ export declare const getResizeZoom: (resizeState: ResizeState, resizeOriginPoint
     yZoom: number;
 };
 export declare const movePointByZoomAndOriginPoint: (p: Point, resizeOriginPoint: Point, xZoom: number, yZoom: number) => Point;
+/**
+ * 1. Rotate 90°
+ * 2. Scale based on the rotated points
+ * 3. Reverse rotate the scaled points by 90°
+ */
+export declare const getResizePointsByOtherwiseAxis: (board: PlaitBoard, points: Point[], resizeOriginPoint: Point, xZoom: number, yZoom: number) => Point[];

package/utils/geometry.d.ts

@@ -4,7 +4,7 @@ import { Alignment, CustomText } from '@plait/text';
 import { Element } from 'slate';
 import { DrawPointerType } from '../constants';
 import { Options } from 'roughjs/bin/core';
-import { PlaitShape } from '../interfaces';
+import { PlaitShapeElement } from '../interfaces';
 export type GeometryStyleOptions = Pick<PlaitGeometry, 'fill' | 'strokeColor' | 'strokeWidth'>;
 export type TextProperties = Partial<CustomText> & {
     align?: Alignment;
@@ -17,9 +17,12 @@ export declare const getTextRectangle: (element: PlaitGeometry) => {
     x: number;
     y: number;
 };
-export declare const drawBoundMask: (board: PlaitBoard, element: PlaitGeometry) => SVGGElement;
+export declare const drawBoundReaction: (board: PlaitBoard, element: PlaitGeometry, options?: {
+    hasMask: boolean;
+    hasConnector: boolean;
+}) => SVGGElement;
 export declare const drawGeometry: (board: PlaitBoard, outerRectangle: RectangleClient, shape: GeometryShapes, options: Options) => SVGGElement;
-export declare const getNearestPoint: (element: PlaitShape, point: Point) => Point;
+export declare const getNearestPoint: (element: PlaitShapeElement, point: Point) => Point;
 export declare const getCenterPointsOnPolygon: (points: Point[]) => Point[];
 export declare const getDefaultFlowchartProperty: (symbol: FlowchartSymbols) => {
     width: number;
@@ -41,7 +44,7 @@ export declare const getDefaultFlowchartProperty: (symbol: FlowchartSymbols) =>
     height: number;
 };
 export declare const createDefaultFlowchart: (point: Point) => (PlaitGeometry | import("../interfaces").PlaitLine)[];
-export declare const getAutoCompletePoints: (element: PlaitShape) => [Point, Point, Point, Point];
+export declare const getAutoCompletePoints: (element: PlaitShapeElement) => [Point, Point, Point, Point];
 export declare const getHitIndexOfAutoCompletePoint: (movingPoint: Point, points: Point[]) => number;
 export declare const getDrawDefaultStrokeColor: (theme: ThemeColorMode) => string;
 export declare const getFlowchartDefaultFill: (theme: ThemeColorMode) => string;

package/utils/hit.d.ts

@@ -1,9 +1,11 @@
 import { PlaitElement, Selection, PlaitBoard, Point } from '@plait/core';
-import { PlaitGeometry, PlaitLine } from '../interfaces';
+import { PlaitGeometry, PlaitLine, PlaitShapeElement } from '../interfaces';
 export declare const isTextExceedingBounds: (geometry: PlaitGeometry) => boolean;
 export declare const isHitLineText: (board: PlaitBoard, element: PlaitLine, point: Point) => boolean;
 export declare const isHitPolyLine: (pathPoints: Point[], point: Point) => boolean;
 export declare const isHitLine: (board: PlaitBoard, element: PlaitLine, point: Point) => boolean;
 export declare const isRectangleHitDrawElement: (board: PlaitBoard, element: PlaitElement, selection: Selection) => boolean | null;
 export declare const isHitDrawElement: (board: PlaitBoard, element: PlaitElement, point: Point) => boolean | null;
+export declare const isHitEdgeOfShape: (board: PlaitBoard, element: PlaitShapeElement, point: Point, hitDistanceBuffer: number) => boolean;
+export declare const isInsideOfShape: (board: PlaitBoard, element: PlaitShapeElement, point: Point, hitDistanceBuffer: number) => boolean;
 export declare const isHitElementInside: (board: PlaitBoard, element: PlaitElement, point: Point) => boolean | null;

package/utils/line/elbow.d.ts

@@ -1,19 +1,12 @@
-import { Point, PlaitBoard } from '@plait/core';
+import { Point, PlaitBoard, RectangleClient } from '@plait/core';
+import { ElbowLineRouteOptions } from '@plait/common';
 import { LineHandleRefPair, PlaitLine } from '../../interfaces';
+export declare const isSelfLoop: (element: PlaitLine) => boolean | "" | undefined;
+export declare const isUseDefaultOrthogonalRoute: (element: PlaitLine, options: ElbowLineRouteOptions) => boolean;
 export declare const getElbowPoints: (board: PlaitBoard, element: PlaitLine) => Point[];
 export declare const getNextSourceAndTargetPoints: (board: PlaitBoard, element: PlaitLine) => Point[];
 export declare const getSourceAndTargetRectangle: (board: PlaitBoard, element: PlaitLine, handleRefPair: LineHandleRefPair) => {
-    sourceRectangle: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    };
-    targetRectangle: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    };
+    sourceRectangle: RectangleClient;
+    targetRectangle: RectangleClient;
 };
 export declare function getNextRenderPoints(board: PlaitBoard, element: PlaitLine, renderPoints?: Point[]): Point[];

package/utils/line/line-basic.d.ts

@@ -1,13 +1,13 @@
 import { Point, PlaitBoard, RectangleClient } from '@plait/core';
-import { LineHandle, LineShape, LineText, PlaitLine, PlaitShape } from '../../interfaces';
+import { LineHandle, LineShape, LineText, PlaitLine, PlaitShapeElement } from '../../interfaces';
 export declare const createLineElement: (shape: LineShape, points: [Point, Point], source: LineHandle, target: LineHandle, texts?: LineText[], options?: Pick<PlaitLine, 'strokeColor' | 'strokeWidth'>) => PlaitLine;
 export declare const getLinePoints: (board: PlaitBoard, element: PlaitLine) => Point[];
 export declare const getCurvePoints: (board: PlaitBoard, element: PlaitLine) => Point[];
 export declare function getMiddlePoints(board: PlaitBoard, element: PlaitLine): Point[];
 export declare const drawLine: (board: PlaitBoard, element: PlaitLine) => SVGGElement;
-export declare const getConnectionByNearestPoint: (board: PlaitBoard, point: Point, hitElement: PlaitShape) => Point;
-export declare const getHitConnectorPoint: (point: Point, hitElement: PlaitShape, rectangle: RectangleClient) => Point | undefined;
+export declare const getHitConnection: (board: PlaitBoard, point: Point, hitElement: PlaitShapeElement) => Point;
+export declare const getHitConnectorPoint: (point: Point, hitElement: PlaitShapeElement) => Point | undefined;
 export declare const getLineTextRectangle: (board: PlaitBoard, element: PlaitLine, index: number) => RectangleClient;
 export declare const getLines: (board: PlaitBoard) => PlaitLine[];
 export declare const Q2C: (points: Point[]) => Point[];
-export declare const handleLineCreating: (board: PlaitBoard, lineShape: LineShape, sourcePoint: Point, movingPoint: Point, sourceElement: PlaitShape | null, lineShapeG: SVGGElement) => PlaitLine;
+export declare const handleLineCreating: (board: PlaitBoard, lineShape: LineShape, sourcePoint: Point, movingPoint: Point, sourceElement: PlaitShapeElement | null, lineShapeG: SVGGElement) => PlaitLine;

package/utils/line/line-common.d.ts

@@ -1,4 +1,4 @@
-import { Point, PlaitBoard, PointOfRectangle, Direction, Vector } from '@plait/core';
+import { Point, PlaitBoard, RectangleClient, PointOfRectangle, Direction, Vector } from '@plait/core';
 import { LineHandleRefPair, PlaitGeometry, PlaitLine } from '../../interfaces';
 export declare const getLineHandleRefPair: (board: PlaitBoard, element: PlaitLine) => LineHandleRefPair;
 export declare const getConnectionPoint: (geometry: PlaitGeometry, connection: Point, direction?: Direction, delta?: number) => Point;
@@ -6,12 +6,7 @@ export declare const getVectorByConnection: (boundElement: PlaitGeometry, connec
 export declare const getElbowLineRouteOptions: (board: PlaitBoard, element: PlaitLine, handleRefPair?: LineHandleRefPair) => {
     sourcePoint: PointOfRectangle;
     nextSourcePoint: Point;
-    sourceRectangle: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    };
+    sourceRectangle: RectangleClient;
     sourceOuterRectangle: {
         x: number;
         y: number;
@@ -20,12 +15,7 @@ export declare const getElbowLineRouteOptions: (board: PlaitBoard, element: Plai
     };
     targetPoint: PointOfRectangle;
     nextTargetPoint: Point;
-    targetRectangle: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    };
+    targetRectangle: RectangleClient;
     targetOuterRectangle: {
         x: number;
         y: number;

package/utils/position/geometry.d.ts

@@ -1,14 +1,21 @@
 import { PlaitBoard, Point, RectangleClient } from '@plait/core';
-import { PlaitGeometry } from '../../interfaces';
-import { ResizeHandle } from '@plait/common';
-export declare const getHitRectangleResizeHandleRef: (board: PlaitBoard, rectangle: RectangleClient, point: Point) => {
+import { PlaitGeometry, PlaitShapeElement } from '../../interfaces';
+export declare const getHitRectangleResizeHandleRef: (board: PlaitBoard, rectangle: RectangleClient, point: Point, angle?: number) => {
     rectangle: {
         x: number;
         y: number;
         width: number;
         height: number;
     };
-    handle: ResizeHandle;
+    handle: import("@plait/common").ResizeHandle;
     cursorClass: import("@plait/core").ResizeCursorClass;
 } | undefined;
-export declare const getHitOutlineGeometry: (board: PlaitBoard, point: Point, offset?: number) => PlaitGeometry | null;
+export declare const getSnappingGeometry: (board: PlaitBoard, point: Point) => PlaitGeometry | null;
+export declare const getSnappingRef: (board: PlaitBoard, hitElement: PlaitShapeElement, point: Point) => {
+    isHitEdge: boolean;
+    isHitConnector: boolean;
+    connectorPoint: Point | undefined;
+    edgePoint: Point;
+};
+export declare const getHitGeometry: (board: PlaitBoard, point: Point, offset?: number) => PlaitGeometry | null;
+export declare const traverseDrawShapes: (board: PlaitBoard, callback: (element: PlaitShapeElement) => void) => void;

package/utils/resize-snap.d.ts

@@ -0,0 +1,49 @@
+import { ResizeRef, ResizeState } from '@plait/common';
+import { DirectionFactors, PlaitBoard, PlaitElement, Point, RectangleClient } from '@plait/core';
+import { PlaitDrawElement } from '../interfaces';
+export declare const debugGenerator: import("@plait/core").DebugGenerator;
+export interface ResizeAlignDelta {
+    deltaX: number;
+    deltaY: number;
+}
+export interface SnapRef extends ResizeAlignDelta {
+    xZoom: number;
+    yZoom: number;
+    activePoints: Point[];
+}
+export interface ResizeSnapRef extends SnapRef {
+    alignG: SVGGElement;
+}
+export interface ResizeSnapOptions {
+    resizeState: ResizeState;
+    resizeOriginPoints: Point[];
+    activeRectangle: RectangleClient;
+    directionFactors: DirectionFactors;
+    originPoint: Point;
+    handlePoint: Point;
+    isFromCorner: boolean;
+    isAspectRatio: boolean;
+}
+type TripleAlignAxis = [number, number, number];
+export declare class ResizeSnapReaction {
+    private board;
+    private activeElements;
+    alignRectangles: RectangleClient[];
+    angle: number;
+    constructor(board: PlaitBoard, activeElements: PlaitElement[]);
+    getAlignRectangle(): RectangleClient[];
+    getSnapRef(resizeAlignDelta: ResizeAlignDelta, resizeSnapOptions: ResizeSnapOptions): SnapRef;
+    getEqualLineDelta(resizeSnapOptions: ResizeSnapOptions): ResizeAlignDelta;
+    drawEqualLines(activePoints: Point[], resizeSnapOptions: ResizeSnapOptions): SVGGElement;
+    getAlignLineDelta(resizeSnapOptions: ResizeSnapOptions): ResizeAlignDelta;
+    drawAlignLines(activePoints: Point[], resizeSnapOptions: ResizeSnapOptions): SVGGElement;
+    handleResizeSnap(resizeSnapOptions: ResizeSnapOptions): ResizeSnapRef;
+}
+export declare const getTripleAlignAxis: (rectangle: RectangleClient, isHorizontal: boolean) => TripleAlignAxis;
+export declare const isAlign: (axis: number, rectangle: RectangleClient, isHorizontal: boolean) => boolean;
+export declare const getClosestDelta: (axis: number, rectangle: RectangleClient, isHorizontal: boolean) => number;
+export declare function getResizeSnapRef(board: PlaitBoard, resizeRef: ResizeRef<PlaitDrawElement | PlaitDrawElement[]>, resizeState: ResizeState, resizeOriginPointAndHandlePoint: {
+    originPoint: Point;
+    handlePoint: Point;
+}, isAspectRatio: boolean, isFromCorner: boolean): ResizeSnapRef;
+export {};

package/utils/shape.d.ts

@@ -1,2 +1,2 @@
-import { PlaitShape } from '../interfaces';
-export declare const getShape: (value: PlaitShape) => import("../interfaces").GeometryShapes;
+import { PlaitShapeElement } from '../interfaces';
+export declare const getElementShape: (value: PlaitShapeElement) => import("../interfaces").GeometryShapes;

package/esm2022/generators/group.generator.mjs

@@ -1,20 +0,0 @@
-import { Generator } from '@plait/common';
-import { ACTIVE_STROKE_WIDTH, drawRectangle, getRectangleByGroup } from '@plait/core';
-export class GroupGenerator extends Generator {
-    canDraw(element) {
-        return true;
-    }
-    draw(element, partialSelected) {
-        const options = {
-            stroke: '',
-            strokeWidth: ACTIVE_STROKE_WIDTH,
-            strokeLineDash: [5]
-        };
-        if (partialSelected) {
-            options.stroke = '#999';
-        }
-        const rectangle = getRectangleByGroup(this.board, element, true);
-        return drawRectangle(this.board, rectangle, options);
-    }
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JvdXAuZ2VuZXJhdG9yLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvZHJhdy9zcmMvZ2VuZXJhdG9ycy9ncm91cC5nZW5lcmF0b3IudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsbUJBQW1CLEVBQWMsYUFBYSxFQUFFLG1CQUFtQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBR2xHLE1BQU0sT0FBTyxjQUFlLFNBQVEsU0FBcUI7SUFDckQsT0FBTyxDQUFDLE9BQW1CO1FBQ3ZCLE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFRCxJQUFJLENBQUMsT0FBbUIsRUFBRSxlQUF3QjtRQUM5QyxNQUFNLE9BQU8sR0FBWTtZQUNyQixNQUFNLEVBQUUsRUFBRTtZQUNWLFdBQVcsRUFBRSxtQkFBbUI7WUFDaEMsY0FBYyxFQUFFLENBQUMsQ0FBQyxDQUFDO1NBQ3RCLENBQUM7UUFDRixJQUFJLGVBQWUsRUFBRSxDQUFDO1lBQ2xCLE9BQU8sQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO1FBQzVCLENBQUM7UUFDRCxNQUFNLFNBQVMsR0FBRyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLE9BQU8sRUFBRSxJQUFJLENBQUMsQ0FBQztRQUNqRSxPQUFPLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLFNBQVMsRUFBRSxPQUFPLENBQUMsQ0FBQztJQUN6RCxDQUFDO0NBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBHZW5lcmF0b3IgfSBmcm9tICdAcGxhaXQvY29tbW9uJztcbmltcG9ydCB7IEFDVElWRV9TVFJPS0VfV0lEVEgsIFBsYWl0R3JvdXAsIGRyYXdSZWN0YW5nbGUsIGdldFJlY3RhbmdsZUJ5R3JvdXAgfSBmcm9tICdAcGxhaXQvY29yZSc7XG5pbXBvcnQgeyBPcHRpb25zIH0gZnJvbSAncm91Z2hqcy9iaW4vY29yZSc7XG5cbmV4cG9ydCBjbGFzcyBHcm91cEdlbmVyYXRvciBleHRlbmRzIEdlbmVyYXRvcjxQbGFpdEdyb3VwPiB7XG4gICAgY2FuRHJhdyhlbGVtZW50OiBQbGFpdEdyb3VwKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0cnVlO1xuICAgIH1cblxuICAgIGRyYXcoZWxlbWVudDogUGxhaXRHcm91cCwgcGFydGlhbFNlbGVjdGVkOiBib29sZWFuKSB7XG4gICAgICAgIGNvbnN0IG9wdGlvbnM6IE9wdGlvbnMgPSB7XG4gICAgICAgICAgICBzdHJva2U6ICcnLFxuICAgICAgICAgICAgc3Ryb2tlV2lkdGg6IEFDVElWRV9TVFJPS0VfV0lEVEgsXG4gICAgICAgICAgICBzdHJva2VMaW5lRGFzaDogWzVdXG4gICAgICAgIH07XG4gICAgICAgIGlmIChwYXJ0aWFsU2VsZWN0ZWQpIHtcbiAgICAgICAgICAgIG9wdGlvbnMuc3Ryb2tlID0gJyM5OTknO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN0IHJlY3RhbmdsZSA9IGdldFJlY3RhbmdsZUJ5R3JvdXAodGhpcy5ib2FyZCwgZWxlbWVudCwgdHJ1ZSk7XG4gICAgICAgIHJldHVybiBkcmF3UmVjdGFuZ2xlKHRoaXMuYm9hcmQsIHJlY3RhbmdsZSwgb3B0aW9ucyk7XG4gICAgfVxufVxuIl19

package/esm2022/group.component.mjs

@@ -1,47 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { ActiveGenerator, CommonPluginElement } from '@plait/common';
-import { getElementsInGroup, getRectangleByGroup, isSelectedElementOrGroup, isSelectionMoving } from '@plait/core';
-import { GroupGenerator } from './generators/group.generator';
-import * as i0 from "@angular/core";
-export class GroupComponent extends CommonPluginElement {
-    constructor(viewContainerRef, cdr) {
-        super(cdr);
-        this.viewContainerRef = viewContainerRef;
-        this.cdr = cdr;
-    }
-    initializeGenerator() {
-        this.activeGenerator = new ActiveGenerator(this.board, {
-            getRectangle: (element) => {
-                return getRectangleByGroup(this.board, element);
-            },
-            getStrokeWidth: () => 0,
-            getStrokeOpacity: () => 0,
-            hasResizeHandle: () => {
-                return !isSelectionMoving(this.board);
-            }
-        });
-        this.groupGenerator = new GroupGenerator(this.board);
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        this.initializeGenerator();
-    }
-    onContextChanged(value, previous) {
-        const elementsInGroup = getElementsInGroup(this.board, value.element, false, true);
-        const isPartialSelectGroup = elementsInGroup.some(item => isSelectedElementOrGroup(this.board, item)) &&
-            !elementsInGroup.every(item => isSelectedElementOrGroup(this.board, item));
-        this.groupGenerator.processDrawing(value.element, this.g, isPartialSelectGroup);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: GroupComponent, deps: [{ token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: GroupComponent, isStandalone: true, selector: "plait-group", usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: GroupComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'plait-group',
-                    template: ``,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcGFja2FnZXMvZHJhdy9zcmMvZ3JvdXAuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBMEQsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNILE9BQU8sRUFBRSxlQUFlLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckUsT0FBTyxFQUtILGtCQUFrQixFQUNsQixtQkFBbUIsRUFDbkIsd0JBQXdCLEVBQ3hCLGlCQUFpQixFQUNwQixNQUFNLGFBQWEsQ0FBQztBQUNyQixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sOEJBQThCLENBQUM7O0FBUTlELE1BQU0sT0FBTyxjQUFlLFNBQVEsbUJBQTJDO0lBRTNFLFlBQW9CLGdCQUFrQyxFQUFZLEdBQXNCO1FBQ3BGLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztRQURLLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFBWSxRQUFHLEdBQUgsR0FBRyxDQUFtQjtJQUV4RixDQUFDO0lBTUQsbUJBQW1CO1FBQ2YsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLGVBQWUsQ0FBYSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQy9ELFlBQVksRUFBRSxDQUFDLE9BQW1CLEVBQUUsRUFBRTtnQkFDbEMsT0FBTyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLE9BQU8sQ0FBQyxDQUFDO1lBQ3BELENBQUM7WUFDRCxjQUFjLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQztZQUN2QixnQkFBZ0IsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO1lBQ3pCLGVBQWUsRUFBRSxHQUFHLEVBQUU7Z0JBQ2xCLE9BQU8sQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDMUMsQ0FBQztTQUNKLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxjQUFjLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3pELENBQUM7SUFFRCxRQUFRO1FBQ0osS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFFRCxnQkFBZ0IsQ0FDWixLQUF3RCxFQUN4RCxRQUEyRDtRQUUzRCxNQUFNLGVBQWUsR0FBRyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxPQUFPLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxDQUFDO1FBQ25GLE1BQU0sb0JBQW9CLEdBQ3RCLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxDQUFDO1lBQ3hFLENBQUMsZUFBZSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLHdCQUF3QixDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQztRQUMvRSxJQUFJLENBQUMsY0FBYyxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxDQUFDLEVBQUUsb0JBQW9CLENBQUMsQ0FBQztJQUNwRixDQUFDOzhHQXRDUSxjQUFjO2tHQUFkLGNBQWMsOEZBSmIsRUFBRTs7MkZBSUgsY0FBYztrQkFOMUIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsYUFBYTtvQkFDdkIsUUFBUSxFQUFFLEVBQUU7b0JBQ1osZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLFVBQVUsRUFBRSxJQUFJO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE9uSW5pdCwgT25EZXN0cm95LCBWaWV3Q29udGFpbmVyUmVmLCBDaGFuZ2VEZXRlY3RvclJlZiwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWN0aXZlR2VuZXJhdG9yLCBDb21tb25QbHVnaW5FbGVtZW50IH0gZnJvbSAnQHBsYWl0L2NvbW1vbic7XG5pbXBvcnQge1xuICAgIE9uQ29udGV4dENoYW5nZWQsXG4gICAgUGxhaXRCb2FyZCxcbiAgICBQbGFpdEdyb3VwLFxuICAgIFBsYWl0UGx1Z2luRWxlbWVudENvbnRleHQsXG4gICAgZ2V0RWxlbWVudHNJbkdyb3VwLFxuICAgIGdldFJlY3RhbmdsZUJ5R3JvdXAsXG4gICAgaXNTZWxlY3RlZEVsZW1lbnRPckdyb3VwLFxuICAgIGlzU2VsZWN0aW9uTW92aW5nXG59IGZyb20gJ0BwbGFpdC9jb3JlJztcbmltcG9ydCB7IEdyb3VwR2VuZXJhdG9yIH0gZnJvbSAnLi9nZW5lcmF0b3JzL2dyb3VwLmdlbmVyYXRvcic7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncGxhaXQtZ3JvdXAnLFxuICAgIHRlbXBsYXRlOiBgYCxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzdGFuZGFsb25lOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIEdyb3VwQ29tcG9uZW50IGV4dGVuZHMgQ29tbW9uUGx1Z2luRWxlbWVudDxQbGFpdEdyb3VwLCBQbGFpdEJvYXJkPlxuICAgIGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3ksIE9uQ29udGV4dENoYW5nZWQ8UGxhaXRHcm91cCwgUGxhaXRCb2FyZD4ge1xuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgdmlld0NvbnRhaW5lclJlZjogVmlld0NvbnRhaW5lclJlZiwgcHJvdGVjdGVkIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcbiAgICAgICAgc3VwZXIoY2RyKTtcbiAgICB9XG5cbiAgICBhY3RpdmVHZW5lcmF0b3IhOiBBY3RpdmVHZW5lcmF0b3I8UGxhaXRHcm91cD47XG5cbiAgICBncm91cEdlbmVyYXRvciE6IEdyb3VwR2VuZXJhdG9yO1xuXG4gICAgaW5pdGlhbGl6ZUdlbmVyYXRvcigpIHtcbiAgICAgICAgdGhpcy5hY3RpdmVHZW5lcmF0b3IgPSBuZXcgQWN0aXZlR2VuZXJhdG9yPFBsYWl0R3JvdXA+KHRoaXMuYm9hcmQsIHtcbiAgICAgICAgICAgIGdldFJlY3RhbmdsZTogKGVsZW1lbnQ6IFBsYWl0R3JvdXApID0+IHtcbiAgICAgICAgICAgICAgICByZXR1cm4gZ2V0UmVjdGFuZ2xlQnlHcm91cCh0aGlzLmJvYXJkLCBlbGVtZW50KTtcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBnZXRTdHJva2VXaWR0aDogKCkgPT4gMCxcbiAgICAgICAgICAgIGdldFN0cm9rZU9wYWNpdHk6ICgpID0+IDAsXG4gICAgICAgICAgICBoYXNSZXNpemVIYW5kbGU6ICgpID0+IHtcbiAgICAgICAgICAgICAgICByZXR1cm4gIWlzU2VsZWN0aW9uTW92aW5nKHRoaXMuYm9hcmQpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICAgICAgdGhpcy5ncm91cEdlbmVyYXRvciA9IG5ldyBHcm91cEdlbmVyYXRvcih0aGlzLmJvYXJkKTtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgc3VwZXIubmdPbkluaXQoKTtcbiAgICAgICAgdGhpcy5pbml0aWFsaXplR2VuZXJhdG9yKCk7XG4gICAgfVxuXG4gICAgb25Db250ZXh0Q2hhbmdlZChcbiAgICAgICAgdmFsdWU6IFBsYWl0UGx1Z2luRWxlbWVudENvbnRleHQ8UGxhaXRHcm91cCwgUGxhaXRCb2FyZD4sXG4gICAgICAgIHByZXZpb3VzOiBQbGFpdFBsdWdpbkVsZW1lbnRDb250ZXh0PFBsYWl0R3JvdXAsIFBsYWl0Qm9hcmQ+XG4gICAgKSB7XG4gICAgICAgIGNvbnN0IGVsZW1lbnRzSW5Hcm91cCA9IGdldEVsZW1lbnRzSW5Hcm91cCh0aGlzLmJvYXJkLCB2YWx1ZS5lbGVtZW50LCBmYWxzZSwgdHJ1ZSk7XG4gICAgICAgIGNvbnN0IGlzUGFydGlhbFNlbGVjdEdyb3VwID1cbiAgICAgICAgICAgIGVsZW1lbnRzSW5Hcm91cC5zb21lKGl0ZW0gPT4gaXNTZWxlY3RlZEVsZW1lbnRPckdyb3VwKHRoaXMuYm9hcmQsIGl0ZW0pKSAmJlxuICAgICAgICAgICAgIWVsZW1lbnRzSW5Hcm91cC5ldmVyeShpdGVtID0+IGlzU2VsZWN0ZWRFbGVtZW50T3JHcm91cCh0aGlzLmJvYXJkLCBpdGVtKSk7XG4gICAgICAgIHRoaXMuZ3JvdXBHZW5lcmF0b3IucHJvY2Vzc0RyYXdpbmcodmFsdWUuZWxlbWVudCwgdGhpcy5nLCBpc1BhcnRpYWxTZWxlY3RHcm91cCk7XG4gICAgfVxufVxuIl19